优化前后端权限一致性

frontend/src/views/documents/DocumentList.test.ts

@@ -0,0 +1,16 @@
+import { describe, expect, it } from "vitest";
+import { readFileSync } from "node:fs";
+import { resolve } from "node:path";
+
+const readSource = () => readFileSync(resolve(__dirname, "./DocumentList.vue"), "utf8");
+
+describe("DocumentList permissions", () => {
+  it("guards create and delete actions with document operation permissions", () => {
+    const source = readSource();
+
+    expect(source).toContain('can("documents.create")');
+    expect(source).toContain('can("documents.delete")');
+    expect(source).toContain(":disabled=\"!canCreate\"");
+    expect(source).toContain("v-if=\"canDelete\"");
+  });
+});

frontend/src/views/documents/DocumentList.vue

@@ -22,7 +22,7 @@
             <el-button @click="resetFilters">{{ TEXT.common.actions.reset }}</el-button>
           </div>
           <div class="filter-spacer"></div>
-          <el-button type="primary" @click="openCreate" class="header-action-btn">
+          <el-button type="primary" :disabled="!canCreate" @click="openCreate" class="header-action-btn">
             <el-icon class="el-icon--left"><Plus /></el-icon>
             {{ TEXT.modules.fileVersionManagement.newDocument }}
           </el-button>
@@ -75,7 +75,7 @@
           </el-table-column>
           <el-table-column :label="TEXT.modules.fileVersionManagement.columns.actions" width="120" align="center">
             <template #default="{ row }">
-              <el-button v-if="isAdmin" link type="danger" :disabled="isInactiveSite(row.site_id)" @click.stop="confirmDelete(row)">
+              <el-button v-if="canDelete" link type="danger" :disabled="isInactiveSite(row.site_id)" @click.stop="confirmDelete(row)">
                  {{ TEXT.common.actions.delete }}
               </el-button>
             </template>
@@ -128,6 +128,7 @@ import { fetchDocuments, createDocument, deleteDocument } from "../../api/docume
 import { fetchSites } from "../../api/sites";
 import { useStudyStore } from "../../store/study";
 import { useAuthStore } from "../../store/auth";
+import { usePermission } from "../../utils/permission";
 import type { DocumentSummary } from "../../types/documents";
 import type { Site } from "../../types/api";
 import { displayEnum, displayText } from "../../utils/display";
@@ -137,6 +138,7 @@ const route = useRoute();
 const router = useRouter();
 const study = useStudyStore();
 const auth = useAuthStore();
+const { can } = usePermission();
 const loading = ref(false);
 const items = ref<DocumentSummary[]>([]);
 const sites = ref<Site[]>([]);
@@ -173,6 +175,8 @@ const siteActiveMap = computed(() => {
 const isAdmin = computed(() => {
   return !!auth.user?.is_admin;
 });
+const canCreate = computed(() => can("documents.create"));
+const canDelete = computed(() => can("documents.delete"));
 const isInactiveSite = (siteId?: string | null) => !!siteId && siteActiveMap.value[siteId] === false;
 const documentRowClass = ({ row }: { row: DocumentSummary }) =>
   `${row?.id ? "clickable-row" : ""}${isInactiveSite(row?.site_id) ? " row-inactive" : ""}`.trim();
@@ -259,6 +263,10 @@ const resetFilters = () => {
 };
 
 const openCreate = () => {
+  if (!canCreate.value) {
+    ElMessage.warning("权限不足");
+    return;
+  }
   createForm.doc_no = "";
   createForm.title = "";
   createForm.scope_type = "GLOBAL";
@@ -268,6 +276,10 @@ const openCreate = () => {
 };
 
 const submitCreate = async () => {
+  if (!canCreate.value) {
+    ElMessage.warning("权限不足");
+    return;
+  }
   if (!createFormRef.value) return;
   await createFormRef.value.validate(async (valid) => {
     if (!valid || !trialId.value) return;
@@ -305,6 +317,10 @@ const handleRowClick = (row: DocumentSummary) => {
 };
 
 const confirmDelete = async (row: DocumentSummary) => {
+  if (!canDelete.value) {
+    ElMessage.warning("权限不足");
+    return;
+  }
   if (!row?.id) return;
   const ok = await ElMessageBox.confirm(TEXT.common.confirm.delete, TEXT.common.labels.tips).catch(() => null);
   if (!ok) return;

frontend/src/views/drug/ShipmentForm.vue

@@ -116,6 +116,7 @@ import { fetchSites } from "../../api/sites";
 import AttachmentList from "../../components/attachments/AttachmentList.vue";
 import StateEmpty from "../../components/StateEmpty.vue";
 import { TEXT } from "../../locales";
+import { isApiPermissionAllowed } from "../../utils/apiPermissionValue";
 
 const route = useRoute();
 const router = useRouter();
@@ -134,7 +135,12 @@ const siteActiveMap = computed(() => {
 const shipmentId = computed(() => route.params.shipmentId as string | undefined);
 const isEdit = computed(() => !!shipmentId.value);
 const studyId = computed(() => study.currentStudy?.id || "");
-const isReadOnly = computed(() => isEdit.value && !!form.center_id && siteActiveMap.value[form.center_id] === false);
+const projectRole = computed(() => study.currentStudyRole || (study.currentStudy as any)?.role_in_study || "");
+const canMutate = computed(() => {
+  const operationKey = isEdit.value ? "drug_shipments:update" : "drug_shipments:create";
+  return isApiPermissionAllowed(study.currentPermissions?.[projectRole.value]?.[operationKey]);
+});
+const isReadOnly = computed(() => !canMutate.value || (isEdit.value && !!form.center_id && siteActiveMap.value[form.center_id] === false));
 
 const form = reactive({
   center_id: "",
@@ -195,6 +201,10 @@ const load = async () => {
 };
 
 const submit = async () => {
+  if (!canMutate.value) {
+    ElMessage.warning("权限不足");
+    return;
+  }
   if (isReadOnly.value) {
     ElMessage.warning("中心已停用");
     return;

frontend/src/views/fees/ContractFeeDetail.vue

@@ -127,7 +127,7 @@ const route = useRoute();
 const router = useRouter();
 const study = useStudyStore();
 const { can } = usePermission();
-const canWrite = computed(() => can("fees.contract.write"));
+const canWrite = computed(() => can("fees.contract.update"));
 
 const contractId = route.params.contractId as string;
 const loading = ref(false);

frontend/src/views/fees/ContractFeeForm.vue

@@ -222,6 +222,7 @@ import StateError from "../../components/StateError.vue";
 import StateLoading from "../../components/StateLoading.vue";
 import FeeAttachmentPanel from "../../components/fees/FeeAttachmentPanel.vue";
 import { TEXT } from "../../locales";
+import { isApiPermissionAllowed } from "../../utils/apiPermissionValue";
 
 const route = useRoute();
 const router = useRouter();
@@ -238,8 +239,6 @@ const siteActiveMap = computed(() => {
   });
   return map;
 });
-const isReadOnly = computed(() => isEdit.value && !!form.center_id && siteActiveMap.value[form.center_id] === false);
-
 const formRef = ref();
 const form = reactive({
   id: "",
@@ -258,6 +257,12 @@ const paymentErrors = ref<Record<string, string>[]>([]);
 
 const contractId = computed(() => route.params.contractId as string | undefined);
 const isEdit = computed(() => !!contractId.value);
+const projectRole = computed(() => study.currentStudyRole || (study.currentStudy as any)?.role_in_study || "");
+const canMutate = computed(() => {
+  const operationKey = isEdit.value ? "fees_contracts:update" : "fees_contracts:create";
+  return isApiPermissionAllowed(study.currentPermissions?.[projectRole.value]?.[operationKey]);
+});
+const isReadOnly = computed(() => !canMutate.value || (isEdit.value && !!form.center_id && siteActiveMap.value[form.center_id] === false));
 
 const attachmentGroups = [
   {
@@ -409,6 +414,10 @@ const validatePayments = () => {
 
 const submit = async () => {
   if (!study.currentStudy?.id) return;
+  if (!canMutate.value) {
+    ElMessage.warning("权限不足");
+    return;
+  }
   if (isReadOnly.value) {
     ElMessage.warning("中心已停用");
     return;

frontend/src/views/fees/ContractFees.vue

@@ -80,7 +80,7 @@
             <el-button @click="resetFilters">{{ TEXT.common.actions.reset }}</el-button>
           </div>
           <div class="filter-spacer"></div>
-          <el-button type="primary" :disabled="!canWrite" @click="goNew" class="header-action-btn">
+          <el-button type="primary" :disabled="!canCreate" @click="goNew" class="header-action-btn">
             <el-icon class="el-icon--left"><Plus /></el-icon>
             {{ TEXT.modules.feeContracts.newTitle }}
           </el-button>
@@ -158,7 +158,7 @@
                 link
                 type="danger"
                 size="small"
-                :disabled="!canWrite || isInactiveSite(scope.row.center_id)"
+                :disabled="!canDelete || isInactiveSite(scope.row.center_id)"
                 @click.stop="remove(scope.row)"
               >
                 {{ TEXT.common.actions.delete }}
@@ -192,7 +192,8 @@ import { TEXT } from "../../locales";
 const router = useRouter();
 const study = useStudyStore();
 const { can } = usePermission();
-const canWrite = computed(() => can("fees.contract.write"));
+const canCreate = computed(() => can("fees.contract.create"));
+const canDelete = computed(() => can("fees.contract.delete"));
 
 const loading = ref(false);
 const errorMessage = ref("");
@@ -295,7 +296,7 @@ const onRowClick = (row: any) => {
 };
 
 const remove = async (row: any) => {
-  if (!row?.id || !canWrite.value) return;
+  if (!row?.id || !canDelete.value) return;
   if (isInactiveSite(row?.center_id)) {
     ElMessage.warning("中心已停用");
     return;

frontend/src/views/finance/ContractForm.vue

@@ -61,6 +61,7 @@ import { fetchSites } from "../../api/sites";
 import AttachmentList from "../../components/attachments/AttachmentList.vue";
 import StateEmpty from "../../components/StateEmpty.vue";
 import { TEXT } from "../../locales";
+import { isApiPermissionAllowed } from "../../utils/apiPermissionValue";
 
 const route = useRoute();
 const router = useRouter();
@@ -71,6 +72,11 @@ const sites = ref<any[]>([]);
 const contractId = computed(() => route.params.contractId as string | undefined);
 const isEdit = computed(() => !!contractId.value);
 const studyId = computed(() => study.currentStudy?.id || "");
+const projectRole = computed(() => study.currentStudyRole || (study.currentStudy as any)?.role_in_study || "");
+const canMutate = computed(() => {
+  const operationKey = isEdit.value ? "finance_contracts:update" : "finance_contracts:create";
+  return isApiPermissionAllowed(study.currentPermissions?.[projectRole.value]?.[operationKey]);
+});
 
 const form = reactive({
   site_name: "",
@@ -88,7 +94,7 @@ const siteActiveMap = computed(() => {
   });
   return map;
 });
-const isReadOnly = computed(() => isEdit.value && !!form.site_name && siteActiveMap.value[form.site_name] === false);
+const isReadOnly = computed(() => !canMutate.value || (isEdit.value && !!form.site_name && siteActiveMap.value[form.site_name] === false));
 
 const loadSites = async () => {
   if (!studyId.value) return;
@@ -119,6 +125,10 @@ const load = async () => {
 
 const submit = async () => {
   if (!studyId.value) return;
+  if (!canMutate.value) {
+    ElMessage.warning("权限不足");
+    return;
+  }
   if (isReadOnly.value) {
     ElMessage.warning("中心已停用");
     return;

frontend/src/views/subjects/SubjectForm.vue

@@ -120,6 +120,7 @@ import { useStudyStore } from "../../store/study";
 import { createSubject, getSubject, updateSubject } from "../../api/subjects";
 import { fetchSites } from "../../api/sites";
 import { TEXT } from "../../locales";
+import { isApiPermissionAllowed } from "../../utils/apiPermissionValue";
 
 const route = useRoute();
 const router = useRouter();
@@ -137,7 +138,12 @@ const siteActiveMap = computed(() => {
 const subjectId = computed(() => route.params.subjectId as string | undefined);
 const isEdit = computed(() => !!subjectId.value);
 const studyId = computed(() => study.currentStudy?.id || "");
-const isReadOnly = computed(() => isEdit.value && !!form.site_id && siteActiveMap.value[form.site_id] === false);
+const projectRole = computed(() => study.currentStudyRole || (study.currentStudy as any)?.role_in_study || "");
+const canMutate = computed(() => {
+  const operationKey = isEdit.value ? "subjects:update" : "subjects:create";
+  return isApiPermissionAllowed(study.currentPermissions?.[projectRole.value]?.[operationKey]);
+});
+const isReadOnly = computed(() => !canMutate.value || (isEdit.value && !!form.site_id && siteActiveMap.value[form.site_id] === false));
 
 const form = reactive({
   subject_no: "",
@@ -180,6 +186,10 @@ const load = async () => {
 };
 
 const submit = async () => {
+  if (!canMutate.value) {
+    ElMessage.warning("权限不足");
+    return;
+  }
   if (isReadOnly.value) {
     ElMessage.warning("中心已停用");
     return;