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

frontend/src/views/documents/DocumentList.vue

@@ -3,7 +3,6 @@
     <div class="ctms-page-header">
       <div>
         <h1 class="ctms-page-title">{{ TEXT.modules.fileVersionManagement.title }}</h1>
-        <p class="page-subtitle">{{ TEXT.modules.fileVersionManagement.subtitle }}</p>
       </div>
       <div class="ctms-page-actions">
         <el-button type="primary" @click="openCreate">
@@ -48,7 +47,13 @@
     </el-card>
 
     <el-card class="ctms-table-card">
-      <el-table :data="items" v-loading="loading" @row-click="handleRowClick" row-class-name="clickable-row" class="ctms-table">
+      <el-table
+        :data="sortedItems"
+        v-loading="loading"
+        @row-click="handleRowClick"
+        :row-class-name="documentRowClass"
+        class="ctms-table"
+      >
         <el-table-column prop="doc_no" :label="TEXT.modules.fileVersionManagement.columns.docNo" width="160">
           <template #default="{ row }">
             <span class="font-mono font-medium">{{ row.doc_no }}</span>
@@ -104,7 +109,7 @@
         </el-table-column>
         <el-table-column :label="TEXT.modules.fileVersionManagement.columns.actions" width="100" fixed="right">
           <template #default="{ row }">
-            <el-button link type="danger" @click.stop="confirmDelete(row)">
+            <el-button link type="danger" :disabled="isInactiveSite(row.site_id)" @click.stop="confirmDelete(row)">
                {{ TEXT.common.actions.delete }}
             </el-button>
           </template>
@@ -130,7 +135,7 @@
         </el-form-item>
         <el-form-item v-if="createForm.scope_type === 'SITE'" :label="TEXT.modules.fileVersionManagement.fields.site" prop="site_id">
           <el-select v-model="createForm.site_id" filterable style="width: 100%">
-            <el-option v-for="item in siteOptions" :key="item.value" :label="item.label" :value="item.value" />
+            <el-option v-for="item in siteOptions" :key="item.value" :label="item.label" :value="item.value" :disabled="item.disabled" />
           </el-select>
         </el-form-item>
         <el-form-item :label="TEXT.modules.fileVersionManagement.fields.docType" prop="doc_type">
@@ -208,7 +213,20 @@ const scopeOptions = [
   { value: "SITE", label: TEXT.enums.scopeType.SITE },
 ];
 const siteOptions = computed(() =>
-  sites.value.map((site) => ({ value: site.id, label: site.name }))
+  sites.value.map((site) => ({ value: site.id, label: site.name, disabled: !site.is_active }))
+);
+const siteActiveMap = computed(() => {
+  const map: Record<string, boolean> = {};
+  sites.value.forEach((site) => {
+    if (site?.id) map[site.id] = !!site.is_active;
+  });
+  return map;
+});
+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();
+const sortedItems = computed(() =>
+  [...items.value].sort((a, b) => Number(isInactiveSite(a?.site_id)) - Number(isInactiveSite(b?.site_id)))
 );
 
 const createForm = reactive({
@@ -304,6 +322,11 @@ const submitCreate = async () => {
     if (!valid || !trialId.value) return;
     creating.value = true;
     try {
+      if (createForm.scope_type === "SITE" && isInactiveSite(createForm.site_id)) {
+        ElMessage.warning("中心已停用");
+        creating.value = false;
+        return;
+      }
       await createDocument({
         trial_id: trialId.value,
         site_id: createForm.scope_type === "SITE" ? createForm.site_id : undefined,
@@ -385,4 +408,16 @@ watch(
 .font-semibold {
   font-weight: 600;
 }
+
+</style>
+
+<style>
+.row-inactive td {
+  color: var(--ctms-text-secondary);
+  background-color: #fff7d6 !important;
+}
+
+.row-inactive .el-tag {
+  opacity: 0.6;
+}
 </style>