优化登录页UI、新增占满布局类

frontend/src/views/documents/DocumentDetail.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="page">
+  <div class="page ctms-page-shell page--flush">
     <div class="unified-shell">
-      <section class="unified-section" v-loading="loading">
+      <section class="unified-section section--flush-x" v-loading="loading">
         <div class="unified-section-header">
           <div>
             <div class="ctms-section-title">
@@ -37,7 +37,7 @@
         </el-descriptions>
       </section>
 
-      <section class="unified-section">
+      <section class="unified-section section--flush-x section--flush-bottom">
         <el-tabs v-model="activeTab" @tab-change="handleTabChange" class="ctms-tabs">
       <el-tab-pane :label="TEXT.modules.fileVersionManagement.tabs.versions" name="versions">
         <div class="ctms-section-header">
@@ -49,7 +49,7 @@
             </el-button>
           </div>
         </div>
-        <el-card class="ctms-table-card unified-shell">
+        <div class="ctms-table-panel">
           <el-table :data="detail.version_timeline" v-loading="versionLoading" class="ctms-table">
             <el-table-column prop="version_no" :label="TEXT.modules.fileVersionManagement.fields.versionNo" width="120">
                <template #default="{ row }">
@@ -94,7 +94,7 @@
               </template>
             </el-table-column>
           </el-table>
-        </el-card>
+        </div>
       </el-tab-pane>
 
       <el-tab-pane :label="TEXT.modules.fileVersionManagement.tabs.distributions" name="distributions">
@@ -107,7 +107,7 @@
             </el-button>
           </div>
         </div>
-        <el-card class="ctms-table-card unified-shell">
+        <div class="ctms-table-panel">
           <el-table :data="distributions" v-loading="distributionLoading" class="ctms-table">
             <el-table-column :label="TEXT.modules.fileVersionManagement.fields.targetType" width="120">
               <template #default="{ row }">
@@ -125,7 +125,7 @@
               </template>
             </el-table-column>
           </el-table>
-        </el-card>
+        </div>
       </el-tab-pane>
 
         </el-tabs>
@@ -680,6 +680,18 @@ watch(
   gap: 0;
 }
 
+.ctms-table-panel {
+  padding: 0;
+}
+
+.ctms-section-header {
+  margin-bottom: 0;
+}
+
+.ctms-table-panel :deep(.el-table__inner-wrapper::before) {
+  display: none;
+}
+
 .doc-meta-row {
   display: flex;
   align-items: center;

frontend/src/views/documents/DocumentList.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="page">
-    <el-card shadow="never" class="main-content-card unified-shell">
-      <div class="filter-container unified-action-bar">
+  <div class="page ctms-page-shell page--flush">
+    <div class="main-content-flat unified-shell">
+      <div class="filter-container unified-action-bar bar--flush">
         <el-form :inline="true" :model="filters" class="filter-form">
           <el-form-item label="" class="filter-item-form">
             <el-select v-model="filters.scope_type" :placeholder="TEXT.modules.fileVersionManagement.filters.scope" clearable class="filter-select-comp">
@@ -28,7 +28,7 @@
           </el-button>
         </el-form>
       </div>
-      <section class="unified-section">
+      <section class="unified-section document-table-section section--flush-x section--flush-top section--flush-bottom">
         <el-table
           :data="sortedItems"
           v-loading="loading"
@@ -84,7 +84,7 @@
           </template>
         </el-table>
       </section>
-    </el-card>
+    </div>
 
     <el-dialog append-to=".layout-main .content-wrapper" v-model="createVisible" :title="TEXT.modules.fileVersionManagement.dialog.createTitle" width="520px" destroy-on-close class="ctms-dialog">
       <el-form ref="createFormRef" :model="createForm" :rules="createRules" label-width="100px" class="ctms-form">
@@ -346,18 +346,10 @@ watch(
   gap: 0;
 }
 
-.main-content-card :deep(.el-card__body) {
-  padding: 0;
-}
-
-.filter-container {
-  margin-bottom: 0;
-}
-
 .filter-form {
   display: flex;
   width: 100%;
-  gap: 12px;
+  gap: 8px;
   align-items: center;
 }
 
@@ -370,6 +362,10 @@ watch(
   width: 132px;
 }
 
+.ctms-table :deep(.el-table__inner-wrapper::before) {
+  display: none;
+}
+
 .filter-spacer {
   flex: 1;
 }