完整的管理系统,包含账户管理、卡片管理、套餐管理、财务管理等功能模块。 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
2.8 KiB
2.8 KiB
实现任务清单
1. API 模块实现
- 1.1 补全平台账号 API 接口(已在
src/api/modules/account.ts中完成)- 平台账号列表查询
- 创建平台账号
- 更新平台账号
- 删除平台账号
- 获取账号详情
- 获取账号角色
- 分配角色
- 移除角色
- 修改密码
- 启用/禁用账号
2. 前端页面实现
- 2.1 创建平台账号管理页面组件
src/views/system/platform-account/index.vue- 2.1.1 实现账号列表展示(表格)
- 2.1.2 实现搜索表单(账号名称、用户名、状态)
- 2.1.3 实现新增账号功能(对话框表单)
- 2.1.4 实现编辑账号功能
- 2.1.5 实现删除账号功能(含确认)
- 2.1.6 实现账号详情查看
- 2.1.7 实现修改密码功能
- 2.1.8 实现角色分配功能(对话框+多选)
- 2.1.9 实现账号状态切换(启用/禁用)
- 2.1.10 实现分页功能
- 2.2 添加路由配置
- 2.2.1 在
src/router/routes/asyncRoutes.ts中添加平台账号管理路由 - 2.2.2 在
src/router/routesAlias.ts中添加路由别名
- 2.2.1 在
- 2.3 添加国际化支持
- 2.3.1 在
src/locales/langs/zh.json中添加中文文案 - 2.3.2 在
src/locales/langs/en.json中添加英文文案
- 2.3.1 在
3. 角色分配功能
- 3.1 实现角色选择组件或对话框
- 3.2 显示账号当前拥有的角色
- 3.3 支持添加角色(多选)
- 3.4 支持移除已分配的角色
- 3.5 实时更新角色列表
4. 密码管理功能
- 4.1 实现修改密码对话框
- 4.2 密码强度验证(长度、复杂度)
- 4.3 确认密码校验
- 4.4 修改成功后提示
5. 数据验证与交互优化
- 5.1 表单字段验证
- 账号名称必填
- 用户名必填且唯一
- 密码强度校验
- 手机号格式验证
- 邮箱格式验证
- 5.2 用户体验优化
- 加载状态提示
- 操作成功/失败消息提示
- 删除前二次确认
- 空数据提示
6. 权限控制
- 6.1 配置页面访问权限(仅超级管理员可访问)
- 6.2 添加按钮级权限控制(新增、编辑、删除等)
7. 测试与优化
- 7.1 功能测试(CRUD 操作)
- 7.2 角色分配功能测试
- 7.3 密码修改功能测试
- 7.4 状态切换功能测试
- 7.5 异常处理测试
当前状态
- ✅ 第 1 阶段(API 模块)已完成
- ⏳ 第 2 阶段(前端页面)待实现
- ⏳ 第 3 阶段(角色分配)待实现
- ⏳ 第 4 阶段(密码管理)待实现
- ⏳ 第 5 阶段(验证优化)待实现
- ⏳ 第 6 阶段(权限控制)待实现
- ⏳ 第 7 阶段(测试优化)待实现