# 流程列表执行利率展示前端实施计划

> **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: 若存在本次联调启动的进程，全部停止后再结束任务。