模型输出展示

openspec/changes/add-model-output-display/specs/loan-pricing-workflow-ui/spec.md

@@ -0,0 +1,63 @@
+# 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`，展示：
+  - **左侧摘要卡片**: 业务方流水号、客户名称、客户类型、申请金额、贷款利率、担保方式
+  - **右侧详情标签页**: 基本信息页签、业务信息页签、中间业务标识页签、企业标识页签、其他信息页签
+  - **下方模型输出卡片**: 当存在模型输出数据时显示，根据客户类型展示对应的个人或企业模型输出字段