tools-show/AI-CHANGELOG.md

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）
• 结果：构建通过。