97 lines
3.7 KiB
Markdown
97 lines
3.7 KiB
Markdown
|
# 流程列表执行利率展示前端实施计划
|
||
|
|
|
||
|
|
> **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`**
|
||
|
|
|
||
|
|
将以下代码：
|
||
|
|
|
||
|
|
```vue
|
||
|
|
<el-table-column label="执行利率(%)" align="center" prop="loanRate" width="100" />
|
||
|
|
```
|
||
|
|
|
||
|
|
改为：
|
||
|
|
|
||
|
|
```vue
|
||
|
|
<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: 补充本次前端实施记录**
|
||
|
|
|
||
|
|
新增或更新实施记录，至少写明：
|
||
|
|
|
||
|
|
```markdown
|
||
|
|
- 将流程列表页“执行利率(%)”列绑定从 `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: 记录联调结果**
|
||
|
|
|
||
|
|
将以下结果写入实施记录：
|
||
|
|
|
||
|
|
```markdown
|
||
|
|
- 已确认流程列表页执行利率列展示的是 `executeRate`
|
||
|
|
- 已确认列表页其余查询、查看入口未受影响
|
||
|
|
```
|
||
|
|
|
||
|
|
- [ ] **Step 4: 停止联调过程中启动的前端进程**
|
||
|
|
|
||
|
|
Run: `ps -ef | rg 'ruoyi-ui|vue-cli-service'`
|
||
|
|
Expected: 若存在本次联调启动的进程，全部停止后再结束任务。
|