feat: 兼容前端按钮权限数据

This commit is contained in:
zxr
2026-07-21 23:51:18 +08:00
parent b4dba77229
commit 4b9a87638c
5 changed files with 109 additions and 41 deletions

View File

@@ -0,0 +1,44 @@
# Task 3前端权限数据与菜单路由兼容
## 实现
- AppStore 新增 `permissionCodes: string[]`,在权限响应过滤前保存全部非空权限码并去重。
- 动态菜单在进入 `buildTree` 前严格筛选 `type === 1`;路由转换入口与子路由递归同时防御性过滤非菜单节点。
- `clearServerMenu()` 同步清空 `serverMenu``permissionCodes`,现有退出登录链路无需改动即可完成权限清理。
- 新增 `usePermissionCodes` Hook统一提供响应式权限码集合与 `hasPermission(code)`,不解析角色名称。
- 删除权限响应、树构建、路由转换及视图模块映射的相邻调试输出和无用导入。
## 变更文件
- `src/store/modules/app/index.ts`
- `src/store/modules/app/types.ts`
- `src/router/menu-data.ts`
- `src/hooks/usePermissionCodes.ts`
## 验证
1. `pnpm exec prettier src/store/modules/app/index.ts src/store/modules/app/types.ts src/router/menu-data.ts src/hooks/usePermissionCodes.ts --write`
- 结果:成功,随后冻结源码。
2. 首轮 `pnpm exec vue-tsc --noEmit --incremental false`
- 结果:全仓 828 条错误,改动文件 1 条;定位为 Hook 中 Pinia 索引签名导致 `permissionCodes.value` 被推断为 `unknown`
- 处理:仅在 Hook 响应式边界补充显式 `string[]` 类型,重新格式化并再次冻结源码。
3. 最终 `pnpm exec vue-tsc --noEmit --incremental false`
- 结果:退出码 2全仓错误行 827与已确认基线一致四个改动文件错误行 0本次新增类型错误为 0。
4. `pnpm build -- --outDir C:\Users\27105\AppData\Local\Temp\front-kb-task3-build-20260721`
- 结果:退出码 0Vite 7.3.1 成功转换 9055 个模块并完成生产构建。
- 清理:临时构建目录已删除;误启动的默认 `dist` 产物也已删除,仓库内无构建产物残留。
5. 内联 Node + 最小 Vite SSR 加载器模拟 `type=1` 菜单和 `type=2` 按钮权限响应,直接调用实际 `buildTree``transformMenuToRoutes`
- 结果:`permission_codes=kb:article:list,kb:article:create``menu_permissions=1``routes=1``empty_path=false``redirect=false``button_in_routes=false`,退出码 0。
6. `git diff --check`
- 结果:退出码 0。
## 自审
- 完整权限码在菜单过滤前保存,按钮权限不会因菜单过滤丢失。
- `type=2` 不进入树构建,也无法从递归路由转换入口生成空路径或重定向路由。
- 退出登录继续沿用现有 `userStore.logoutCallBack() -> appStore.clearServerMenu()`,权限码同步清空。
- Hook 仅按权限码精确匹配,不依赖用户角色;未新增测试文件,未修改生产固定密钥或无关路由。
## Concerns
- 全仓类型检查仍因已确认的 827 条基线错误返回退出码 2本任务四个改动文件错误为 0生产构建成功。