58 lines
2.3 KiB
Markdown
58 lines
2.3 KiB
Markdown
# 任务清单：将流程详情从弹窗改为独立页面
|
||
|
||
## 前端任务
|
||
|
||
### 1. 创建详情页面组件
|
||
- [x] 创建 `ruoyi-ui/src/views/loanPricing/workflow/detail.vue`
|
||
- [x] 实现页面模板（el-page-header + el-card + el-descriptions）
|
||
- [x] 实现数据获取逻辑（从 route.params 获取 serialNum）
|
||
- [x] 实现 loading 状态和错误处理
|
||
- [x] 实现返回逻辑（router.go(-1) 或跳转列表页）
|
||
|
||
### 2. 配置动态路由
|
||
- [x] 在 `ruoyi-ui/src/router/index.js` 的 `dynamicRoutes` 中添加详情页路由
|
||
- [x] 配置路由参数 `:serialNum`
|
||
- [x] 配置权限 `loanPricing:workflow:query`
|
||
- [x] 配置 `activeMenu: '/loanPricing/workflow'` 保持菜单高亮
|
||
|
||
### 3. 修改列表页组件
|
||
- [x] 修改 `index.vue` 中的 `handleView()` 方法，改为路由跳转
|
||
- [x] 移除 `openDetail` 状态变量
|
||
- [x] 移除 `detail` 数据对象
|
||
- [x] 移除详情对话框模板（`<el-dialog>`）
|
||
- [x] 移除 API 导入中的 `getWorkflow`（如果详情页单独导入）
|
||
|
||
## 验证任务
|
||
|
||
### 4. 功能测试
|
||
- [ ] 测试从列表页点击"查看"按钮跳转到详情页
|
||
- [ ] 测试详情页正确显示流程信息
|
||
- [ ] 测试详情页返回按钮正常工作
|
||
- [ ] 测试面包屑导航正确高亮"流程列表"
|
||
- [ ] 测试无权限用户无法访问详情页（403 或跳转登录）
|
||
- [ ] 测试访问无效的 serialNum（显示错误提示）
|
||
|
||
### 5. UI 测试
|
||
- [ ] 测试详情信息完整显示（所有字段）
|
||
- [ ] 测试长字段（如业务方流水号）正确显示
|
||
- [ ] 测试布尔值字段正确转换为"是/否"
|
||
- [ ] 测试移动端响应式布局（单列显示）
|
||
|
||
### 6. 回归测试
|
||
- [ ] 确认流程列表页面功能正常（查询、筛选、分页）
|
||
- [ ] 确认新增流程功能正常
|
||
- [ ] 确认其他菜单页面不受影响
|
||
|
||
## 依赖关系
|
||
|
||
- 任务 1（创建详情页面）和任务 2（配置路由）可以并行进行
|
||
- 任务 3（修改列表页）依赖任务 2 完成（确保路由存在）
|
||
- 所有验证任务（4-6）依赖任务 1-3 完成
|
||
|
||
## 估算
|
||
|
||
- 任务 1：创建详情页面组件（核心任务）- 已完成
|
||
- 任务 2：配置动态路由（简单任务）- 已完成
|
||
- 任务 3：修改列表页组件（简单任务）- 已完成
|
||
- 任务 4-6：测试验证（重要任务）- 待用户进行手动测试
|