管理后台前后端逻辑、UI美化

frontend/src/views/documents/DocumentDetail.vue

@@ -10,6 +10,7 @@
         <p class="ctms-page-subtitle">
           <el-tag size="small" effect="plain" type="info" class="mr-2">{{ displayText(detail.doc_type, TEXT.enums.documentType) }}</el-tag>
           <el-tag size="small" effect="plain" type="warning" class="mr-2">{{ displaySite(detail.site_id) }}</el-tag>
+          <el-tag v-if="isReadOnly" size="small" effect="plain" type="info">中心已停用</el-tag>
           <span class="text-secondary text-sm">
             {{ TEXT.modules.fileVersionManagement.labels.currentEffective }}：
             <span class="font-medium text-main">{{ detail.current_effective_version?.version_no || TEXT.common.fallback }}</span>
@@ -373,6 +374,15 @@ const sites = ref<Site[]>([]);
 const members = ref<StudyMember[]>([]);
 const workflowTemplates = ref<WorkflowTemplate[]>([]);
 
+const siteActiveMap = computed(() => {
+  const map: Record<string, boolean> = {};
+  sites.value.forEach((site) => {
+    if (site?.id) map[site.id] = !!site.is_active;
+  });
+  return map;
+});
+const isReadOnly = computed(() => !!detail.site_id && siteActiveMap.value[detail.site_id] === false);
+
 const userMap = computed(() =>
   users.value.reduce<Record<string, string>>((acc, user) => {
     acc[user.id] = getUserDisplayName(user) || user.email || user.username || user.id;
@@ -468,6 +478,7 @@ const createTarget = () => ({
 });
 
 const canAction = (action: string) => {
+  if (isReadOnly.value && action !== "view") return false;
   const list = detail.can_actions || [];
   if (list.length === 0) return true;
   return list.includes(action);