# Tasks: 添加利率定价流程前端管理界面

## Implementation Tasks

### 1. 创建前端 API 接口模块
- [x] 创建 `ruoyi-ui/src/api/loanPricing/` 目录
- [x] 创建 `workflow.js` 文件，实现以下 API 函数：
  - `listWorkflow(query)` - 查询利率定价流程列表
  - `getWorkflow(serialNum)` - 根据业务方流水号查询详情

### 2. 创建前端页面组件
- [x] 创建 `ruoyi-ui/src/views/loanPricing/workflow/` 目录
- [x] 创建 `index.vue` 页面组件，包含：
  - 查询表单区域（支持客户名称、创建者、机构号筛选）
  - 数据表格区域（显示流程列表）
  - 分页组件
  - 详情对话框（点击查看按钮弹出）
- [x] 实现以下功能：
  - 页面加载时自动查询列表
  - 搜索和重置功能
  - 点击"查看"按钮弹出详情对话框
  - 详情对话框展示完整的流程信息

### 3. 配置数据库菜单
- [x] 准备 SQL 插入语句，在 `sys_menu` 表中添加菜单项：
  - 一级菜单：利率定价管理（menu_type='M'）
  - 二级菜单：流程列表（menu_type='C'，对应前端组件路径）
- [x] 设置正确的权限标识（perms字段）：
  - 列表查询权限：`loanPricing:workflow:list`
  - 详情查询权限：`loanPricing:workflow:query`
- [x] 执行 SQL 插入语句
- [x] 关联管理员角色到新菜单

### 4. 验证和测试
- [x] 配置完成，等待用户启动前端服务进行测试
- [ ] 启动前端开发服务器（`npm run dev`）
- [ ] 使用 admin 账号登录系统
- [ ] 验证菜单是否正常显示
- [ ] 测试列表查询功能
- [ ] 测试搜索筛选功能
- [ ] 测试详情查看功能