前端权限管理:实现接口级权限管理UI和监控仪表板

新增功能:
- 新增 ApiPermissions.vue 主页面,支持模块级/接口级权限切换
- 新增 ProjectPermissionsModule.vue 组件,展示模块级权限矩阵
- 新增 ApiEndpointPermissions.vue 组件,展示接口级权限矩阵
- 新增 PermissionMonitoring.vue 组件,展示权限系统监控仪表板
- 更新 projectPermissions.ts API 客户端,支持接口级权限和监控API
- 新增权限相关的 TypeScript 类型定义
- 更新路由配置,添加接口级权限管理路由
- 更新国际化文本,添加权限管理相关的中文文本

API 客户端新增函数:
- fetchApiEndpointPermissions: 获取接口级权限矩阵
- updateApiEndpointPermissions: 更新接口级权限矩阵
- fetchPermissionMetrics: 获取权限检查指标
- fetchCacheStats: 获取缓存统计
- fetchPermissionAlerts: 获取告警列表
- fetchPermissionHealth: 获取系统健康状态
- resetPermissionMetrics: 重置指标
- clearPermissionAlerts: 清除告警

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
Cheng Zhou
2026-05-14 09:19:07 +08:00
parent 1247b64e91
commit 387d035b08
8 changed files with 1107 additions and 2 deletions
+37
View File
@@ -1150,5 +1150,42 @@ export const TEXT = {
SITE: "中心",
DERIVED: "派生",
},
permissionManagement: {
title: "权限管理",
moduleLevel: "模块级权限",
apiLevel: "接口级权限",
monitoring: "权限监控",
refreshMetrics: "刷新指标",
save: "保存",
search: "搜索端点",
filterModule: "筛选模块",
filterMethod: "筛选方法",
endpoint: "端点",
module: "模块",
method: "方法",
role: "角色",
allowed: "允许",
denied: "拒绝",
healthStatus: "系统健康状态",
healthScore: "健康分数",
healthy: "健康",
degraded: "降级",
unhealthy: "不健康",
issues: "发现的问题",
totalChecks: "总检查次数",
avgResponseTime: "平均响应时间",
allowRate: "允许率",
errorRate: "错误率",
cacheEfficiency: "缓存效率",
cacheHitRate: "缓存命中率",
cacheItems: "缓存项目数",
cacheInvalidations: "缓存失效次数",
recentAlerts: "最近告警",
time: "时间",
level: "级别",
type: "类型",
message: "消息",
noAlerts: "暂无告警",
},
},
} as const;