140 lines
4.7 KiB
Markdown
140 lines
4.7 KiB
Markdown
# Spec: 前端表单增强
|
||
|
||
## ADDED Requirements
|
||
|
||
### Requirement: 新增/编辑对话框支持详细字段录入
|
||
|
||
新增和编辑对话框 SHALL 扩展以支持个人和机构类型的详细字段录入。
|
||
|
||
#### Scenario: 新增个人类型中介
|
||
|
||
**Given** 用户点击"新增"按钮
|
||
**And** 对话框打开，默认选择"个人"类型
|
||
**When** 用户查看对话框
|
||
**Then** 显示"基本信息"、"个人信息"两个标签页
|
||
**And** 自动切换到"个人信息"标签页
|
||
**When** 用户填写个人信息字段
|
||
**And** 用户点击"确定"按钮
|
||
**Then** 系统提交核心字段和个人字段到后端
|
||
**And** 显示"新增成功"提示
|
||
**And** 列表刷新
|
||
|
||
#### Scenario: 新增机构类型中介
|
||
|
||
**Given** 用户点击"新增"按钮
|
||
**And** 用户将中介类型切换为"机构"
|
||
**When** 用户查看对话框
|
||
**Then** 显示"基本信息"、"机构信息"两个标签页
|
||
**And** 自动切换到"机构信息"标签页
|
||
**When** 用户填写机构信息字段
|
||
**And** 用户点击"确定"按钮
|
||
**Then** 系统提交核心字段和机构字段到后端
|
||
**And** 显示"新增成功"提示
|
||
**And** 列表刷新
|
||
|
||
#### Scenario: 编辑个人类型中介
|
||
|
||
**Given** 用户点击一条个人类型记录的"修改"按钮
|
||
**When** 对话框打开
|
||
**Then** 系统加载该记录的详细信息
|
||
**And** "个人信息"标签页显示已保存的个人字段值
|
||
**When** 用户修改个人信息字段
|
||
**And** 用户点击"确定"按钮
|
||
**Then** 系统提交修改后的数据到后端
|
||
**And** 显示"修改成功"提示
|
||
**And** 列表刷新
|
||
|
||
#### Scenario: 编辑机构类型中介
|
||
|
||
**Given** 用户点击一条机构类型记录的"修改"按钮
|
||
**When** 对话框打开
|
||
**Then** 系统加载该记录的详细信息
|
||
**And** "机构信息"标签页显示已保存的机构字段值
|
||
**When** 用户修改机构信息字段
|
||
**And** 用户点击"确定"按钮
|
||
**Then** 系统提交修改后的数据到后端
|
||
**And** 显示"修改成功"提示
|
||
**And** 列表刷新
|
||
|
||
#### Scenario: 切换中介类型时自动跳转标签页
|
||
|
||
**Given** 用户在新增或编辑对话框中
|
||
**And** 当前选择的是"个人"类型
|
||
**When** 用户将中介类型切换为"机构"
|
||
**Then** 对话框自动切换到"机构信息"标签页
|
||
**And** 个人字段保持不变（隐藏但保留值）
|
||
|
||
---
|
||
|
||
### Requirement: 导入对话框支持类型选择
|
||
|
||
导入对话框 SHALL 支持选择导入类型（个人/机构），并根据类型下载对应模板。
|
||
|
||
#### Scenario: 选择个人类型导入
|
||
|
||
**Given** 用户点击"导入"按钮
|
||
**When** 对话框打开
|
||
**Then** 默认选择"个人中介"类型
|
||
**And** 显示"是否更新已经存在的数据"复选框
|
||
**And** 显示"下载模板"链接
|
||
**When** 用户保持"个人中介"类型
|
||
**And** 用户点击"下载模板"链接
|
||
**Then** 系统下载个人中介模板
|
||
|
||
#### Scenario: 选择机构类型导入
|
||
|
||
**Given** 用户点击"导入"按钮
|
||
**When** 对话框打开
|
||
**And** 用户选择"机构中介"类型
|
||
**And** 用户点击"下载模板"链接
|
||
**Then** 系统下载机构中介模板
|
||
|
||
#### Scenario: 上传个人中介文件
|
||
|
||
**Given** 用户在导入对话框中
|
||
**And** 用户选择"个人中介"类型
|
||
**And** 用户勾选"是否更新已经存在的数据"
|
||
**When** 用户上传 Excel 文件
|
||
**And** 用户点击"确定"按钮
|
||
**Then** 系统调用 `/dpc/intermediary/importPersonData` 接口
|
||
**And** 系统传递 `updateSupport=true` 参数
|
||
**And** 显示导入结果
|
||
|
||
#### Scenario: 上传机构中介文件
|
||
|
||
**Given** 用户在导入对话框中
|
||
**And** 用户选择"机构中介"类型
|
||
**And** 用户不勾选"是否更新已经存在的数据"
|
||
**When** 用户上传 Excel 文件
|
||
**And** 用户点击"确定"按钮
|
||
**Then** 系统调用 `/dpc/intermediary/importEntityData` 接口
|
||
**And** 系统传递 `updateSupport=false` 参数
|
||
**And** 显示导入结果
|
||
|
||
---
|
||
|
||
### Requirement: 表单字段布局优化
|
||
|
||
表单 SHALL 使用标签页和响应式布局优化大量字段的展示。
|
||
|
||
#### Scenario: 个人信息标签页布局
|
||
|
||
**Given** 用户在新增或编辑对话框中
|
||
**And** 中介类型为"个人"
|
||
**When** 用户查看"个人信息"标签页
|
||
**Then** 字段使用两列布局（el-col :span="12"）
|
||
**And** 长文本字段（如联系地址）使用整行布局
|
||
**And** 字段标签宽度为 120px
|
||
**And** 输入框有合适的 maxlength 限制
|
||
|
||
#### Scenario: 机构信息标签页布局
|
||
|
||
**Given** 用户在新增或编辑对话框中
|
||
**And** 中介类型为"机构"
|
||
**When** 用户查看"机构信息"标签页
|
||
**Then** 字段使用两列布局
|
||
**And** 长文本字段（如注册地址）使用整行布局
|
||
**And** 股东信息区域使用分隔线（el-divider）分隔
|
||
**And** 字段标签宽度为 140px（ accommodate 更长的标签名称）
|
||
**And** 输入框有合适的 maxlength 限制
|