# Spec: 前端详情视图 ## ADDED Requirements ### Requirement: 添加中介详情查看功能 前端 SHALL 提供查看中介详细信息的对话框,根据中介类型显示不同的字段。 #### Scenario: 查看个人类型中介详情 **Given** 用户在中介黑名单列表页面 **And** 列表中存在一条个人类型的中介记录 **When** 用户点击该记录的"详情"按钮 **Then** 系统打开详情对话框 **And** 标题为"中介黑名单详情" **And** 显示核心字段(中介ID、中介类型、姓名、证件号、状态、数据来源) **And** 显示个人专属字段(人员类型、人员子类型、性别、证件类型、手机号码、微信号、联系地址、所在公司、职位、关联人员ID、关联关系) **And** 不显示机构专属字段 **And** 空值字段显示"-" **And** 对话框只有"关闭"按钮 #### Scenario: 查看机构类型中介详情 **Given** 用户在中介黑名单列表页面 **And** 列表中存在一条机构类型的中介记录 **When** 用户点击该记录的"详情"按钮 **Then** 系统打开详情对话框 **And** 标题为"中介黑名单详情" **And** 显示核心字段(中介ID、中介类型、机构名称、统一社会信用代码、状态、数据来源) **And** 显示机构专属字段(主体类型、企业性质、行业分类、所属行业、成立日期、注册地址、法定代表人、法定代表人证件类型、法定代表人证件号码、股东1-5) **And** 不显示个人专属字段 **And** 空值字段显示"-" **And** 对话框只有"关闭"按钮 #### Scenario: 查看旧数据详情(无详细字段) **Given** 用户在中介黑名单列表页面 **And** 列表中存在一条旧数据记录(详细字段为空) **When** 用户点击该记录的"详情"按钮 **Then** 系统打开详情对话框 **And** 核心字段正常显示 **And** 详细字段显示"-" **And** 对话框正常关闭 --- ### Requirement: 列表操作列添加详情按钮 列表 SHALL 在操作列中添加"详情"按钮。 #### Scenario: 操作列显示详情按钮 **Given** 用户在中介黑名单列表页面 **When** 列表加载完成 **Then** 操作列显示"详情"按钮 **And** "详情"按钮不需要权限控制 **And** "详情"按钮图标为 "el-icon-view" **And** 操作列宽度调整为 240px(原 180px)