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

实现任务清单

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.3 添加国际化支持
  • 2.3.1 在 src/locales/langs/zh.json 中添加中文文案
  • 2.3.2 在 src/locales/langs/en.json 中添加英文文案

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 阶段（测试优化）待实现