# AI Change Log

## 2026-03-27 11:25:24 +08:00

### 目标
将管理端从“单一 `AdminApp.vue` 内按路由显示区块”的结构，拆分为 `admin/pages` 下的独立路由页面组件，并通过 `vue-router` 实现页面切换。

### 实现结果
- 管理端路由改为嵌套路由：`/admin` 作为布局壳，子路由分别对应 `overview/tools/categories/auditlogs`。
- 管理端页面拆分到 `client/src/admin/pages`：
  - `AdminOverviewPage.vue`
  - `AdminToolsPage.vue`
  - `AdminCategoriesPage.vue`
  - `AdminAuditLogsPage.vue`
- `AdminApp.vue` 不再使用 `v-show` 在同文件切换四个区块，改为 `router-view` 渲染当前路由页面。
- `AdminApp.vue` 保留登录态、侧边栏、顶栏、数据加载与通用弹窗逻辑，通过 `currentPageProps` 和 `currentPageEvents` 向不同路由页面分发数据与事件。
- 路由元信息 `meta`（`menuKey/sectionTitle/withKpi`）用于驱动菜单高亮、标题和布局样式，不再使用路径字符串硬编码判断。

### 变更文件
- `client/src/admin/router.js`
- `client/src/admin/AdminApp.vue`
- `client/src/admin/pages/AdminOverviewPage.vue`
- `client/src/admin/pages/AdminToolsPage.vue`
- `client/src/admin/pages/AdminCategoriesPage.vue`
- `client/src/admin/pages/AdminAuditLogsPage.vue`
- `AI-CHANGELOG.md`

### 验证
- 执行：`npm run build`（`client`）
- 结果：构建通过。