修改模型输出布局

openspec/changes/adjust-model-output-columns/tasks.md

@@ -0,0 +1,36 @@
+# 实施任务
+
+## 任务清单
+
+1. **修改 ModelOutputDisplay.vue 组件列数配置**
+   - 文件: `ruoyi-ui/src/views/loanPricing/workflow/components/ModelOutputDisplay.vue`
+   - 操作: 将所有 `el-descriptions` 的 `:column="2"` 修改为 `:column="3"`
+   - 涉及行数: 11, 22, 35, 45, 65, 81, 93, 104, 115, 126, 136, 155, 167, 180, 192
+   - 验证: 确认所有 15 处 `el-descriptions` 的 `:column` 属性已修改为 `3`
+
+2. **前端构建验证**
+   - 操作: 运行 `cd ruoyi-ui && npm run build:prod`
+   - 验证: 构建成功无错误
+
+3. **功能验证**
+   - 操作:
+     - 启动前端开发服务器 `npm run dev`
+     - 访问流程详情页，选择个人客户记录，验证模型输出显示为三列
+     - 选择企业客户记录，验证模型输出显示为三列
+   - 验证:
+     - 个人客户所有 7 个 Tab 的字段展示均为三列布局
+     - 企业客户所有 8 个 Tab 的字段展示均为三列布局
+     - 标签和值内容正常显示，无溢出或错位
+
+## 依赖关系
+
+- 任务 1 必须首先完成
+- 任务 2 和任务 3 可并行执行
+
+## 验收标准
+
+- [x] 所有 `el-descriptions` 的 `:column` 属性值均为 `3`
+- [x] 前端构建成功
+- [x] 个人客户模型输出所有 Tab 正确显示为三列
+- [x] 企业客户模型输出所有 Tab 正确显示为三列
+- [x] 字段标签和内容显示正常，无布局问题