# 2026-08-11 更新说明：个人中心（PC）

## 一、功能概述

顶栏头像下拉的「个人中心」此前指向 Vben 模板假数据页，本次重做为真实功能页，并在工作台新增入口。

- **基本资料 tab**：头像（复用表单 Avatar 上传组件，走 `upload/image`）+ 昵称可编辑；登录账号 / 手机号 / 角色 / 所属门店 / 工号 / 最后登录等只读展示（身份信息不允许自助修改）
- **修改密码 tab**：复用顶栏「修改密码」弹窗同一份表单 schema（`layouts/config/form.ts` 的 `passwordModalForm`）与同一个接口（`admin/update-password`），两个入口口径完全一致
- 保存资料成功后后端同步刷新 Redis 会话，前端重拉 `auth/my-info`，顶栏与工作台头像昵称立即生效

## 二、入口

1. 顶栏头像下拉「个人中心」（已有，指向静态路由 `/profile`，不走 `xk_menu`）
2. 工作台问候头：头像/姓名区域整块可点击（hover 反馈），铃铛旁新增「个人中心」圆形图标按钮（`lucide:user`，同 bell 样式）

## 三、涉及文件

- 重做 `views/_core/profile/index.vue`：左侧账号卡（头像/昵称/角色）+ 右侧 tab 容器，资料统一从 `auth/my-profile` 实时接口拉取；删除模板假 tab「安全设置」「新消息提醒」（连同 `security-setting.vue`、`notification-setting.vue`）
- 重写 `views/_core/profile/base-setting.vue`：`useVbenForm`（Avatar + VbenInput）+ 只读信息栅格（主题变量适配暗色）
- 重写 `views/_core/profile/password-setting.vue`：复用 `passwordModalForm` schema + `views/system/admin/api` 的 `updatePassword`
- 新建 `views/_core/profile/api/index.ts`：`getMyProfile` / `updateMyProfile`（后端 `auth/my-profile`、`auth/update-my-profile`）
- 修改 `views/dashboard/workspace/components/WorkspaceHeader.vue`：左侧区域可点 + 右侧个人中心按钮，颜色全走主题变量

## 四、后端配套（xk-api）

- 新增 `app/Service/common/profile/AdminProfileService.php`（五端共用：PC + 四个小程序管理端）
- `AdminController` 加 `myProfile` / `updateMyProfile`，`routes/admin.php` auth 分组注册
- 详细见 `sql/doc/0811-个人中心.md`
