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

## 前端任务

### 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：测试验证（重要任务）- 待用户进行手动测试