loan-pricing/openspec/changes/change-view-workflow-to-page/tasks.md

任务清单：将流程详情从弹窗改为独立页面

前端任务

1. 创建详情页面组件

• 创建 ruoyi-ui/src/views/loanPricing/workflow/detail.vue
• 实现页面模板（el-page-header + el-card + el-descriptions）
• 实现数据获取逻辑（从 route.params 获取 serialNum）
• 实现 loading 状态和错误处理
• 实现返回逻辑（router.go(-1) 或跳转列表页）

2. 配置动态路由

• 在 ruoyi-ui/src/router/index.js 的 dynamicRoutes 中添加详情页路由
• 配置路由参数 :serialNum
• 配置权限 loanPricing:workflow:query
• 配置 activeMenu: '/loanPricing/workflow' 保持菜单高亮

3. 修改列表页组件

• 修改 index.vue 中的 handleView() 方法，改为路由跳转
• 移除 openDetail 状态变量
• 移除 detail 数据对象
• 移除详情对话框模板（<el-dialog>）
• 移除 API 导入中的 getWorkflow（如果详情页单独导入）

验证任务

4. 功能测试

• 测试从列表页点击"查看"按钮跳转到详情页
• 测试详情页正确显示流程信息
• 测试详情页返回按钮正常工作
• 测试面包屑导航正确高亮"流程列表"
• 测试无权限用户无法访问详情页（403 或跳转登录）
• 测试访问无效的 serialNum（显示错误提示）

5. UI 测试

• 测试详情信息完整显示（所有字段）
• 测试长字段（如业务方流水号）正确显示
• 测试布尔值字段正确转换为"是/否"
• 测试移动端响应式布局（单列显示）

6. 回归测试

• 确认流程列表页面功能正常（查询、筛选、分页）
• 确认新增流程功能正常
• 确认其他菜单页面不受影响

依赖关系

• 任务 1（创建详情页面）和任务 2（配置路由）可以并行进行
• 任务 3（修改列表页）依赖任务 2 完成（确保路由存在）
• 所有验证任务（4-6）依赖任务 1-3 完成

估算

• 任务 1：创建详情页面组件（核心任务）- 已完成
• 任务 2：配置动态路由（简单任务）- 已完成
• 任务 3：修改列表页组件（简单任务）- 已完成
• 任务 4-6：测试验证（重要任务）- 待用户进行手动测试