Files
loan-pricing/doc/2026-03-28-workflow-update-time-list-frontend-plan.md

2.4 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: 将流程列表页中的“创建时间”替换为“更新时间”并展示 updateTime

Architecture: 前端只修改流程列表页时间列文案和字段绑定,不新增双时间列,也不改其他列表列。页面展示字段与后端当前按更新时间排序的语义保持一致。

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 '50,70p' ruoyi-ui/src/views/loanPricing/workflow/index.vue Expected: 能看到当前列表存在“创建时间”列,且模板中绑定 createTime

  • Step 2: 将时间列替换为更新时间

将以下结构:

<el-table-column label="创建时间" align="center" prop="createTime" width="160">
  <template slot-scope="scope">
    <span>{{ parseTime(scope.row.createTime) }}</span>
  </template>
</el-table-column>

改为:

<el-table-column label="更新时间" align="center" prop="updateTime" width="160">
  <template slot-scope="scope">
    <span>{{ parseTime(scope.row.updateTime) }}</span>
  </template>
</el-table-column>
  • Step 3: 重新检查源码确认文案和字段绑定

Run: rg -n '更新时间|创建时间|prop=\"updateTime\"|prop=\"createTime\"' ruoyi-ui/src/views/loanPricing/workflow/index.vue Expected: 该列表时间列显示为“更新时间”并绑定 updateTime

  • Step 4: 执行前端构建验证

Run: npm --prefix ruoyi-ui run build:prod Expected: 构建成功,输出包含 Build complete.

  • Step 5: 补充前端实施记录

Create: doc/implementation-report-2026-03-28-workflow-update-time-list-frontend.md

至少写明:

- 流程列表页时间列已从“创建时间”替换为“更新时间”
- 列绑定已从 `createTime` 切换为 `updateTime`
- 已完成前端构建验证
  • Step 6: 如果为验证启动了前端进程,结束对应进程

Run: ps -ef | rg 'vue-cli-service|ruoyi-ui' Expected: 若本次任务为验证启动了新的前端进程,验证结束后主动停止;对非本次启动的现有进程不做处理。