loan-pricing/openspec/changes/add-loan-pricing-frontend/tasks.md

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

Implementation Tasks

1. 创建前端 API 接口模块

• 创建 ruoyi-ui/src/api/loanPricing/ 目录
• 创建 workflow.js 文件，实现以下 API 函数：
  • listWorkflow(query) - 查询利率定价流程列表
  • getWorkflow(serialNum) - 根据业务方流水号查询详情

2. 创建前端页面组件

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

3. 配置数据库菜单

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

4. 验证和测试

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