👤 个人中心
查看当前 Admin 账户信息、修改登录密码。
页面结构
- 账户信息卡片:头像(首字母) + 用户名 + 角色Badge + ID
- 账户资料卡片:手机号 / 角色 / 登录方式(只读展示)
- 修改密码卡片:旧密码 / 新密码 / 确认新密码 + 提交按钮
触发时机详解
1. 页面加载 → 仅展示数据(无额外请求)
触发条件:页面加载时,用户信息从 AuthContext(localStorage)读取,无需额外 API 请求
2. 点击「确认修改」→ PUT /api/admin/auth/password
触发条件:填写旧密码+新密码+确认密码 → 点击"确认修改"按钮 → 表单提交
PUT
/api/admin/auth/password
✅ 点击"确认修改"按钮触发(需完整填写表单)
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
oldPassword | string | 必填 | 旧密码 |
newPassword | string | 必填 | 新密码(至少6位) |
响应: {"success": true}
3. 前端校验(无需请求)
校验规则:
- 新密码 ≠ 确认密码 → 提示"新密码与确认密码不一致"
- 新密码长度 < 6 → 提示"新密码至少6位"