one-pipe-system/openspec/changes/add-customer-account-management/tasks.md

实现任务清单

1. 前端页面实现

• 1.1 创建客户账户管理页面组件 src/views/finance/customer-account/index.vue
  • 1.1.1 实现搜索表单（客户账号、客户名称、客户类型）
  • 1.1.2 实现数据表格展示（使用 ArtTable）
  • 1.1.3 实现分页功能
  • 1.1.4 实现详情对话框
  • 1.1.5 添加操作按钮（查看详情、流水记录）
• 1.2 添加路由配置
  • 1.2.1 在 src/router/routes/asyncRoutes.ts 中添加路由
  • 1.2.2 在 src/router/routesAlias.ts 中添加路由别名
• 1.3 添加国际化支持
  • 1.3.1 在 src/locales/langs/zh.json 中添加中文文案
  • 1.3.2 在 src/locales/langs/en.json 中添加英文文案

2. API 集成（待实现）

• 2.1 创建 API 模块 src/api/modules/customerAccountApi.ts
  • 2.1.1 实现客户账户列表查询接口
  • 2.1.2 实现客户账户详情查询接口
  • 2.1.3 实现客户流水记录查询接口
• 2.2 定义 TypeScript 类型
  • 2.2.1 定义客户账户数据类型 CustomerAccount
  • 2.2.2 定义搜索参数类型 CustomerAccountSearchParams
  • 2.2.3 定义流水记录类型 CustomerAccountFlow
• 2.3 替换页面中的模拟数据为真实 API 调用

3. 流水记录功能（待实现）

• 3.1 创建流水记录子页面或对话框
• 3.2 实现流水记录列表展示
• 3.3 实现流水记录筛选和分页

4. 权限控制（待实现）

• 4.1 配置页面访问权限（后台权限系统）
• 4.2 添加按钮级权限控制（如需要）

5. 测试与优化

• 5.1 单元测试（工具函数、业务逻辑）
• 5.2 集成测试（API 调用）
• 5.3 性能优化（大数据量处理）
• 5.4 用户体验优化（加载状态、错误处理）

6. 文档更新

• 6.1 更新 docs/功能.md 功能列表

当前状态

• ✅ 第 1 阶段（前端页面框架）已完成，使用模拟数据
• ⏳ 第 2 阶段（API 集成）待实现
• ⏳ 第 3 阶段（流水记录）待实现
• ⏳ 第 4 阶段（权限控制）待实现
• ⏳ 第 5 阶段（测试优化）待实现