Files
loan-pricing/doc/implementation-report-2026-04-16-workflow-detail-model-output-flat-display.md

1.3 KiB

流程详情页模型输出平铺展示实施记录

改动日期

  • 2026-04-16

改动范围

  • 前端:ruoyi-ui/src/views/loanPricing/workflow/components/ModelOutputDisplay.vue
  • 前端测试:ruoyi-ui/tests/model-output-flat-display.test.js
  • 前端脚本:ruoyi-ui/package.json

改动内容

  • 取消流程详情页“模型输出”区域的 Tab 切换结构。
  • 保留原有分组顺序与字段内容,将“基本信息”“忠诚度分析”“贡献度分析”等分组改为自上而下平铺展示。
  • 按最新要求,将“测算结果”分组前移到“基本信息”下方,优先展示最终测算相关结果。
  • 按最新要求,将“测算结果”中的“最终测算利率”调整到最后一行展示。
  • 移除组件内仅用于 Tab 默认选中的 activeTab 和相关监听逻辑。
  • 新增最小回归测试,校验模型输出组件不再包含 el-tabsel-tab-pane,并具备平铺分组区块,同时校验“基本信息”后紧跟“测算结果”。

验证计划

  • 使用 nvm 显式切换前端 Node 版本后执行 npm run test:model-output-flat-display
  • 启动前端页面,在浏览器中打开流程详情页,确认模型输出区域已按分组平铺展示,且不再出现 Tab 切换。