# 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 限制