模型输出展示

openspec/changes/add-model-output-display/tasks.md

@@ -0,0 +1,53 @@
+# 任务列表: 模型输出展示功能
+
+## 实施顺序
+
+### 1. 前端页面结构调整
+- [x] 在 detail.vue 中新增模型输出展示区域（el-card）
+- [x] 添加条件渲染逻辑：仅当模型输出数据存在时显示
+- [x] 添加客户类型判断逻辑：个人/企业显示不同字段
+- [x] 抽离模型输出组件 ModelOutputDisplay.vue
+
+### 2. 页面布局调整
+- [x] 将模型输出组件放在关键信息右侧（三栏布局）
+- [x] 调整响应式布局支持不同屏幕尺寸
+
+### 3. 个人客户模型输出组件
+- [x] 创建个人模型输出 Tab 结构（7 个 Tab）
+- [x] 实现"基本信息"Tab 字段展示（5 个字段）
+- [x] 实现"忠诚度分析"Tab 字段展示（7 个字段）
+- [x] 实现"贡献度分析"Tab 字段展示（4 个字段）
+- [x] 实现"关联度分析"Tab 字段展示（14 个字段）
+- [x] 实现"贷款特征"Tab 字段展示（10 个字段）
+- [x] 实现"风险度分析"Tab 字段展示（7 个字段）
+- [x] 实现"测算结果"Tab 字段展示（2 个字段）
+
+### 4. 企业客户模型输出组件
+- [x] 创建企业模型输出 Tab 结构（8 个 Tab）
+- [x] 实现"基本信息"Tab 字段展示（5 个字段）
+- [x] 实现"忠诚度分析"Tab 字段展示（6 个字段）
+- [x] 实现"贡献度分析"Tab 字段展示（4 个字段）
+- [x] 实现"关联度分析"Tab 字段展示（13 个字段）
+- [x] 实现"企业类别"Tab 字段展示（6 个字段）
+- [x] 实现"贷款特征"Tab 字段展示（7 个字段）
+- [x] 实现"风险度分析"Tab 字段展示（7 个字段）
+- [x] 实现"测算结果"Tab 字段展示（2 个字段）
+
+### 5. 数据适配
+- [x] 修改 API 响应数据解析逻辑，支持 `LoanPricingWorkflowVO` 结构
+- [x] 添加模型输出字段的数据绑定
+- [x] 添加布尔值字段的格式化（true/false → 是/否）
+- [x] 添加空值处理逻辑
+
+### 6. 样式调整
+- [x] 保持与现有详情页面一致的卡片样式
+- [x] 保持 Tab 样式一致性
+- [x] 确保响应式布局在移动端正常显示
+- [x] 调整卡片间距
+
+### 7. 测试验证
+- [ ] 测试个人客户数据展示
+- [ ] 测试企业客户数据展示
+- [ ] 测试无模型输出数据时的页面表现
+- [ ] 测试响应式布局
+- [ ] 测试各 Tab 切换交互