前端权限管理：修复组件数据结构和路由参数处理

修复内容：
- 修复 ApiPermissions.vue 中的路由参数处理，支持 id 和 projectId 两种参数
- 修复 ApiEndpointPermissions.vue 中的权限数据结构处理
- 修复 PermissionMonitoring.vue 中的缓存统计显示
- 修复 ProjectPermissionsModule.vue 中的权限矩阵更新逻辑
- 优化保存逻辑，保存后重新加载数据以确保同步

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>

frontend/src/views/admin/ApiPermissions.vue

@@ -103,7 +103,10 @@ const saving = ref(false);
 const resetting = ref(false);
 
 const project = computed(() => studyStore.currentStudy);
-const studyId = computed(() => route.params.id as string);
+const studyId = computed(() => {
+  const id = route.params.id || route.params.projectId;
+  return typeof id === "string" ? id : (id as string[])[0];
+});
 
 // 权限数据
 const moduleMatrix = ref<ProjectRolePermissionsResponse | null>(null);
@@ -183,6 +186,9 @@ const save = async () => {
 
     dirty.value = false;
     ElMessage.success("权限已保存");
+
+    // 重新加载数据以确保同步
+    await loadPermissionData();
   } catch (error) {
     ElMessage.error("保存权限失败");
     console.error(error);