# 实现任务清单

## 1. 前端页面实现

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

- [x] 6.1 更新 `docs/功能.md` 功能列表

## 当前状态

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