31 lines
1.4 KiB
Markdown
31 lines
1.4 KiB
Markdown
# 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`）
|
||
- 结果：构建通过。
|