个人中心
功能定位
个人中心维护当前账号的基本资料、头像、登录密码、第三方应用绑定和在线设备。它是用户自助管理入口，不用于修改他人账号或角色。
图 9-4 个人资料、账号安全与在线设备
适用角色
所有登录用户。
页面入口
点击右上角头像 → 个人中心（/user/profile）。
页面结构
| 页签/区域 | 可查看或修改的内容 |
|---|---|
| 个人信息 | 用户名称、手机号码、邮箱、部门、角色、创建日期 |
| 基本资料 | 用户昵称、手机号码、邮箱和性别 |
| 修改密码 | 输入旧密码和新密码 |
| 第三方应用 | 查看和解除已绑定的第三方账号 |
| 在线设备 | 查看当前账号的在线会话并可移除设备 |
| 头像 | 上传并裁剪个人头像 |
操作步骤
更新基本资料
- 点击右上角头像，选择“个人中心”。
- 在“基本资料”核对昵称、手机号码、邮箱和性别。
- 修改后点击“保存”；页面显示成功提示后再刷新核对。
- 手机号和邮箱属于联系与安全信息，应使用本人可控且经过企业允许的地址。
修改密码
- 切换到“修改密码”。
- 输入旧密码、新密码和确认密码。
- 新密码应符合企业密码策略，不使用姓名、手机号或弱口令。
- 保存后按系统要求重新登录；其他设备会话可能需要重新认证。
更新头像
- 点击头像区域的上传入口。
- 选择清晰的 JPG/PNG 图片，在裁剪框中调整范围。
- 确认上传并等待成功提示。
- 若页面仍显示旧头像，刷新浏览器或清理头像缓存后重新进入。
管理在线设备
- 切换到“在线设备”。
- 核对设备类型、登录地址和登录时间。
- 对不明设备执行移除，随后修改密码并检查登录日志。
- 不要随意移除正在用于关键业务操作的受信设备。
输入与输出
- 输入：昵称、联系方式、性别、头像、旧密码、新密码。
- 输出：更新后的个人资料、密码状态、第三方绑定和在线设备列表。
- 个人中心不接受用户 ID 作为越权参数，服务端以当前登录身份为准。
宏澜家电示例
华东区域销售经理更换手机号后，在个人中心更新联系方式并上传企业头像。出差期间发现一台陌生设备在线，立即移除该设备、修改密码，并请安全管理员核查登录日志。涉及角色和数据范围的变化仍由管理员在用户管理中处理。
安全边界
- 不得在截图、工单或聊天中暴露完整手机号、邮箱和会话标识。
- 头像上传应限制文件类型、大小和内容，禁止脚本或伪扩展名文件。
- 修改密码必须验证旧密码；新密码不得写入日志或帮助文档。
- 第三方应用解绑后应确认是否影响单点登录，再执行其他会话操作。
- 个人中心不能自行提升角色、扩大数据范围或修改他人资料。
客户应用演示：更新头像并修改登录密码
业务情境： 新员工完成首次登录后，需要完善个人资料并更换初始密码。
第一步：点击右上角头像
点击右上角头像，进入“个人中心”。
第二步：在“个人信息”中上传头像、核对姓名、手机号和部门
在“个人信息”中上传头像、核对姓名、手机号和部门。
第三步：打开“修改密码”
打开“修改密码”，输入旧密码和符合规则的新密码。
第四步：保存后确认提示成功
保存后确认提示成功，并使用新密码重新登录。
第五步：在“在线设备”中检查是否有未知会话
在“在线设备”中检查是否有未知会话，必要时退出。
最终结果与效果
头像和个人资料更新，新密码生效，旧密码失效；在线设备清晰可见。
操作提示： 密码不要与外部网站复用；头像文件应清晰、合规且不含敏感信息。
常见问题
头像更新后仍显示旧图片。 等待上传成功提示，刷新页面；仍有缓存时退出重新登录。若接口报错，检查文件大小、格式和服务端文件存储。
保存基本资料失败。 检查手机号/邮箱格式、必填项和字段长度；联系管理员查看后端操作日志。
修改密码失败。 核对旧密码、两次新密码和密码复杂度；账号被冻结时应先联系管理员。
在线设备列表不完整。 Token 会话可能按客户端或时间窗口聚合，以安全管理员看到的“在线用户”页面为准。
开发人员参考
- 页面：
ui/src/views/system/user/profile/index.vue - 接口：
GET /system/user/profile、PUT /system/user/profile、PUT /system/user/profile/updatePwd、POST /system/user/profile/avatar - 在线设备：
GET /monitor/online；移除设备：DELETE /monitor/online/{tokenId} - 权限：登录用户自助访问；服务端必须从安全上下文取得当前用户，禁止信任前端传入的用户 ID。
- 密码请求应加密传输，服务端校验旧密码和复杂度；头像上传需做 MIME、扩展名、大小与内容检测。