Files
loan-pricing/openspec/changes/adjust-model-output-columns/tasks.md
2026-01-22 14:42:01 +08:00

1.4 KiB

实施任务

任务清单

  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 可并行执行

验收标准

  • 所有 el-descriptions:column 属性值均为 3
  • 前端构建成功
  • 个人客户模型输出所有 Tab 正确显示为三列
  • 企业客户模型输出所有 Tab 正确显示为三列
  • 字段标签和内容显示正常,无布局问题