# 账号管理与角色管理页面

- 路由：`/account`
- 角色列表路由：`/role`
- 角色新增路由：`/role/new`
- 角色详情路由：`/role/:id`
- 角色编辑路由：`/role/:id/edit`
- 当前实现：`src/views/Account.vue`、`src/views/Role.vue`、`src/views/RoleForm.vue`
- 数据：`src/stores/accessControl.ts`
- 状态：已开发，使用前端演示数据并通过 `localStorage` 持久化

## 页面目标

维护系统账户、角色、组织归属、启停状态和登录安全设置。

## 账号管理

- 支持用户名称/登录账号、电话、角色和状态查询。
- 列表展示人员名称、登录账号、电话、所属角色、状态及创建时间。
- 支持新增与编辑账号；编辑时登录账号保持只读。
- 支持启用、禁用、重置密码和删除，系统管理员账号不可删除。
- 初始密码和重置密码至少12位，且需包含大小写字母、数字和特殊字符。

## 角色管理

- 支持角色名称查询，以及角色新增、详情、编辑和删除。
- 列表展示关联账号数；仍有关联账号的角色不能删除，内置超级管理员角色不可删除。
- 角色权限按模块、页面、具体操作三级展示。
- 支持按模块全选、按页面全选和单项权限勾选，详情模式只读。
- 账号所属角色直接读取角色管理共享数据。

## 数据规则

- 角色存储键：`battery_detection_roles_v1`。
- 账号存储键：`battery_detection_accounts_v1`。
- 当前仅演示前端配置逻辑，不会改变真实登录账号或后端鉴权结果。

## 待明确

后端权限校验、组织层级、密码加密与历史策略、单点登录、登录记录和审计保留周期。