feat: 统一三端账号管理页面

- 新增共享账号管理组件 src/components/account/AccountPage.jsx
- 管理台新增账号管理入口(修复 SidebarUser onClick)
- 开发台使用共享组件替换占位符页面
- 扩展 api.user 支持 updateProfile 和 changePassword
- 新增 account-management 规格文件
- 更新 page-navigation 规格文件
This commit is contained in:
2026-03-26 19:33:58 +08:00
parent bc4537b3bc
commit ce9ebe5784
10 changed files with 147 additions and 36 deletions

View File

@@ -0,0 +1,93 @@
# Capability: 账号管理
提供账号管理功能,允许用户查看和编辑个人信息、修改密码。
## Purpose
账号管理页面允许当前登录用户管理自己的个人信息,包括查看账号信息、编辑基本信息、修改密码。三端(工作台、管理台、开发台)共享同一个账号管理组件。
## Requirements
### Requirement: 账号信息展示
系统 SHALL 在账号管理页面展示当前登录用户的账号信息,包括头像、用户名、姓名、邮箱、手机号、所属部门。
#### Scenario: 展示用户头像
- **WHEN** 用户进入账号管理页面
- **THEN** 系统显示用户头像(首字母)
- **AND** 头像使用渐变背景色
#### Scenario: 展示基本信息
- **WHEN** 用户进入账号管理页面
- **THEN** 系统显示用户名、姓名、邮箱、手机号、所属部门
- **AND** 用户名字段为只读状态
- **AND** 所属部门字段为只读状态
### Requirement: 编辑基本信息
系统 SHALL 允许用户编辑姓名、邮箱、手机号等可修改的基本信息。
#### Scenario: 编辑姓名
- **WHEN** 用户修改姓名字段
- **THEN** 输入框可编辑
- **AND** 点击保存按钮后显示保存成功提示
#### Scenario: 编辑邮箱
- **WHEN** 用户修改邮箱字段
- **THEN** 输入框可编辑
- **AND** 点击保存按钮后显示保存成功提示
#### Scenario: 编辑手机号
- **WHEN** 用户修改手机号字段
- **THEN** 输入框可编辑
- **AND** 点击保存按钮后显示保存成功提示
#### Scenario: 保存成功提示
- **WHEN** 用户点击"保存修改"按钮
- **THEN** 系统显示 Toast 提示"保存成功"
- **AND** Toast 在 3 秒后自动消失
### Requirement: 修改密码
系统 SHALL 允许用户通过输入当前密码和新密码来修改登录密码。
#### Scenario: 显示修改密码表单
- **WHEN** 用户进入账号管理页面
- **THEN** 系统显示修改密码卡片
- **AND** 包含当前密码、新密码、确认密码三个输入框
#### Scenario: 密码验证 - 当前密码为空
- **WHEN** 用户未输入当前密码
- **AND** 用户点击"更新密码"按钮
- **THEN** 系统显示错误提示"请输入当前密码"
#### Scenario: 密码验证 - 新密码为空
- **WHEN** 用户未输入新密码
- **AND** 用户点击"更新密码"按钮
- **THEN** 系统显示错误提示"请输入新密码"
#### Scenario: 密码验证 - 确认密码为空
- **WHEN** 用户未输入确认密码
- **AND** 用户点击"更新密码"按钮
- **THEN** 系统显示错误提示"请再次输入新密码"
#### Scenario: 密码验证 - 两次密码不一致
- **WHEN** 用户输入的新密码与确认密码不一致
- **AND** 用户点击"更新密码"按钮
- **THEN** 系统显示错误提示"两次输入的密码不一致"
### Requirement: 三端统一入口
系统 SHALL 在工作台、管理台、开发台的侧边栏用户信息区域提供账号管理入口。
#### Scenario: 工作台入口
- **WHEN** 用户在工作台点击侧边栏用户信息区域
- **THEN** 系统导航到账号管理页面
#### Scenario: 管理台入口
- **WHEN** 用户在管理台点击侧边栏用户信息区域
- **THEN** 系统导航到账号管理页面
#### Scenario: 开发台入口
- **WHEN** 用户在开发台点击侧边栏用户信息区域
- **THEN** 系统导航到账号管理页面

View File

@@ -63,3 +63,18 @@
- **WHEN** 开发者查找返回按钮样式定义
- **THEN** 样式定义位于 `src/styles/components/_index.scss`
- **AND** 不位于任何页面级样式文件
### Requirement: 管理台账号管理页面导航
管理台 SHALL 在页面配置中包含账号管理页面配置。
#### Scenario: 管理台页面配置
- **WHEN** 用户查看管理台页面配置
- **THEN** 系统包含 account 页面配置
- **AND** account 页面标题为"账号管理"
- **AND** account 页面图标为 FiUser
#### Scenario: 管理台侧边栏用户点击
- **WHEN** 用户在管理台侧边栏点击用户信息区域
- **THEN** 系统导航到账号管理页面
- **AND** 页面标题显示为"账号管理"