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: 若本次任务为验证启动了新的前端进程,验证结束后主动停止;对非本次启动的现有进程不做处理。