# loan-pricing-workflow-ui Spec Delta

## ADDED Requirements

### Requirement: 流程详情-模型输出展示

系统 SHALL 在流程详情页面中展示模型输出字段，根据客户类型显示对应的个人或企业模型输出数据。

#### Scenario: 查看个人客户模型输出
- **WHEN** 用户在流程详情页面查看个人客户的流程记录，且后端返回了 `modelRetailOutputFields` 数据
- **THEN** 系统在页面下方显示"模型输出"卡片区域，包含 7 个 Tab 标签页：
  - **基本信息**: 客户内码、客户名称、证件类型、证件号码、基准利率
  - **忠诚度分析**: 我行首贷客户、用信天数、客户年龄、BP_首贷、BP_贷龄、BP_年龄、TOTAL_BP_忠诚度
  - **贡献度分析**: 存款年日均、贷款年日均、派生率、TOTAL_BP_贡献度
  - **关联度分析**: 中间业务_个人_信用卡、中间业务_个人_一码通、中间业务_个人_丰收互联、中间业务_个人_有效客户、中间业务_个人_快捷支付、中间业务_个人_电费代扣、中间业务_个人_水费代扣、中间业务_个人_华数费代扣、中间业务_个人_煤气费代扣、中间业务_个人_市民卡、中间业务_个人_理财业务、中间业务_个人_etc、BP_中间业务、TOTAL_BP_关联度
  - **贷款特征**: 申请金额、BP_贷款额度、贷款用途、是否有经营佐证、BP_贷款用途、循环功能、BP_循环功能、抵质押类型、抵质押物三方所有、BP_抵押物
  - **风险度分析**: 灰名单客户、本金逾期、利息逾期、信用卡逾期、BP_灰名单与逾期、TOTAL_BP_风险度
  - **测算结果**: 浮动BP、测算利率

#### Scenario: 查看企业客户模型输出
- **WHEN** 用户在流程详情页面查看企业客户的流程记录，且后端返回了 `modelCorpOutputFields` 数据
- **THEN** 系统在页面下方显示"模型输出"卡片区域，包含 8 个 Tab 标签页：
  - **基本信息**: 客户内码、客户名称、证件类型、证件号码、基准利率
  - **忠诚度分析**: 我行首贷客户、用信天数、BP_首贷、BP_贷龄、TOTAL_BP_忠诚度
  - **贡献度分析**: 存款年日均、贷款年日均、派生率、TOTAL_BP_贡献度
  - **关联度分析**: 中间业务_企业_企业互联、中间业务_企业_有效价值客户、中间业务_企业_国际业务、中间业务_企业_承兑、中间业务_企业_贴现、中间业务_企业_电费代扣、中间业务_企业_水费代扣、中间业务_企业_税务代扣、BP_中间业务、代发工资户数、存量贷款余额、BP_代发工资、TOTAL_BP_关联度
  - **企业类别**: 净身企业、开立基本结算账户、省农担担保贷款、绿色贷款、科技型企业、BP_企业客户类别
  - **贷款特征**: 贷款期限、BP_贷款期限、申请金额、BP_贷款额度、抵质押类型、抵质押物三方所有、BP_抵押物
  - **风险度分析**: 灰名单客户、本金逾期、利息逾期、信用卡逾期、BP_灰名单与逾期、TOTAL_BP_风险度
  - **测算结果**: 浮动BP、测算利率

#### Scenario: 无模型输出数据时隐藏展示区域
- **WHEN** 用户在流程详情页面查看流程记录，但 `modelRetailOutputFields` 和 `modelCorpOutputFields` 均为空
- **THEN** 系统不显示"模型输出"卡片区域

#### Scenario: 模型输出字段布尔值格式化
- **WHEN** 模型输出字段中布尔类型值（如 "true"/"false"）
- **THEN** 系统将其格式化为中文"是"/"否"显示

#### Scenario: 模型输出字段空值处理
- **WHEN** 模型输出字段值为 null 或空字符串
- **THEN** 系统显示占位符"-"或空，不显示 "null" 或 "undefined"

#### Scenario: 模型输出区域布局一致性
- **WHEN** 用户查看流程详情页面
- **THEN** "模型输出"卡片区域的样式、Tab 样式、字体、间距与上方"流程详情"区域保持一致

#### Scenario: 模型输出区域响应式布局
- **WHEN** 用户在移动设备或小屏幕上查看流程详情页面
- **THEN** "模型输出"卡片区域正常显示，Tab 标签页可正常切换，字段描述列表采用单列布局

## MODIFIED Requirements

### Requirement: 流程详情查看

系统 SHALL 提供流程详情查看功能，以独立页面形式展示完整的流程信息，包括模型输出数据。

#### Scenario: 查看流程详情
- **WHEN** 用户在流程列表页面且具有 `loanPricing:workflow:query` 权限，点击列表中某条记录的"查看"按钮
- **THEN** 系统跳转至流程详情页面 `/loanPricing/workflow/detail/:serialNum`，展示：
  - **左侧摘要卡片**: 业务方流水号、客户名称、客户类型、申请金额、贷款利率、担保方式
  - **右侧详情标签页**: 基本信息页签、业务信息页签、中间业务标识页签、企业标识页签、其他信息页签
  - **下方模型输出卡片**: 当存在模型输出数据时显示，根据客户类型展示对应的个人或企业模型输出字段