3.7 KiB
流程列表执行利率展示前端实施计划
For agentic workers: REQUIRED: Use superpowers:executing-plans to implement this plan in this repository. Do not use subagents. Steps use checkbox (
- [ ]) syntax for tracking.
Goal: 让流程列表页“执行利率(%)”列展示数据库 execute_rate 的实际值。
Architecture: 本次只调整前端流程列表页的表格列绑定,不改接口、不改后端、不改详情页。通过将列表列的 prop 从 loanRate 切换为 executeRate,直接消费后端实体已返回的执行利率字段。
Tech Stack: Vue 2、Element UI、RuoYi 前端工程、npm
Task 1: 修正流程列表页执行利率列绑定
Files:
-
Modify:
ruoyi-ui/src/views/loanPricing/workflow/index.vue -
Step 1: 查看当前流程列表页执行利率列定义
Run: sed -n '40,70p' ruoyi-ui/src/views/loanPricing/workflow/index.vue
Expected: 能看到列头为“执行利率(%)”,且当前 prop="loanRate"。
- Step 2: 将列表列绑定改为
executeRate
将以下代码:
<el-table-column label="执行利率(%)" align="center" prop="loanRate" width="100" />
改为:
<el-table-column label="执行利率(%)" align="center" prop="executeRate" width="100" />
- Step 3: 重新查看源码确认绑定已切换
Run: rg -n '执行利率\\(%\\)|prop=\"executeRate\"|prop=\"loanRate\"' ruoyi-ui/src/views/loanPricing/workflow/index.vue
Expected: 能看到“执行利率(%)”仍存在,且该列表列绑定为 prop="executeRate",不再出现该列绑定 loanRate 的情况。
- Step 4: 执行前端构建验证
Run: npm --prefix ruoyi-ui run build:prod
Expected: 构建成功,输出包含 Build complete.
- Step 5: 补充本次前端实施记录
新增或更新实施记录,至少写明:
- 将流程列表页“执行利率(%)”列绑定从 `loanRate` 调整为 `executeRate`
- 保持列表接口、后端实体和数据库结构不变
- 验证前端构建通过
建议记录文件:doc/implementation-report-2026-03-28-workflow-execute-rate-display-frontend.md
- Step 6: 如果为验证启动了前端进程,结束对应进程
Run: ps -ef | rg 'ruoyi-ui|vue-cli-service'
Expected: 识别本次验证启动的前端进程;如果本次任务启动过前端服务,验证结束后主动停止。
- Step 7: 提交前端改动
Run: git add ruoyi-ui/src/views/loanPricing/workflow/index.vue doc/implementation-report-2026-03-28-workflow-execute-rate-display-frontend.md && git commit -m "修正流程列表执行利率前端展示"
Expected: 生成仅包含本次前端改动的中文提交。
Task 2: 页面联调确认展示值来源正确
Files:
-
Modify:
doc/implementation-report-2026-03-28-workflow-execute-rate-display-frontend.md -
Step 1: 打开流程列表页并确认页面可进入
Run: 按项目现有方式启动前端后,进入贷款定价流程列表页。 Expected: 页面正常加载,表格正常渲染。
- Step 2: 核对存在执行利率记录的展示结果
Run: 在页面上选择一条已设定执行利率的数据,与数据库或后端返回进行比对。
Expected: 列表展示值与 execute_rate 一致,而不是 loan_rate。
- Step 3: 记录联调结果
将以下结果写入实施记录:
- 已确认流程列表页执行利率列展示的是 `executeRate`
- 已确认列表页其余查询、查看入口未受影响
- Step 4: 停止联调过程中启动的前端进程
Run: ps -ef | rg 'ruoyi-ui|vue-cli-service'
Expected: 若存在本次联调启动的进程,全部停止后再结束任务。