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

frontend/src/views/fees/SpecialExpenses.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="page ctms-page-shell">
+  <div class="page ctms-page-shell page--flush">
     <div class="overview">
       <el-row :gutter="20">
         <el-col :xs="24" :sm="12" :md="6">
@@ -52,7 +52,7 @@
 
     <StateLoading v-else-if="loading" :rows="6" />
 
-    <el-card shadow="never" class="main-content-card unified-shell" v-else>
+    <div class="main-content-flat unified-shell" v-else>
       <div class="filter-container unified-action-bar">
         <el-form :inline="true" :model="filters" class="filter-form">
           <el-form-item label="" class="filter-item">
@@ -97,13 +97,13 @@
           </el-button>
         </el-form>
       </div>
-      <section class="unified-section">
+      <section class="unified-section special-expense-table-section section--flush-x section--flush-top section--flush-bottom">
         <el-table
           :data="sortedExpenses"
           style="width: 100%"
           @row-click="onRowClick"
-          :header-cell-style="{ background: '#f8f9fb' }"
           :row-class-name="expenseRowClass"
+          class="special-expense-table"
         >
           <el-table-column :label="TEXT.common.fields.occurDate" width="140">
             <template #default="scope">
@@ -166,7 +166,7 @@
         </el-table>
         <StateEmpty v-if="sortedExpenses.length === 0" :description="TEXT.modules.feeSpecials.empty" />
       </section>
-    </el-card>
+    </div>
   </div>
 </template>
 
@@ -355,18 +355,14 @@ onMounted(async () => {
   gap: 0;
 }
 
-.main-content-card :deep(.el-card__body) {
-  padding: 0;
-}
-
-.filter-container {
-  margin-bottom: 0;
+.overview {
+  margin: 0;
 }
 
 .filter-form {
   display: flex;
   width: 100%;
-  gap: 12px;
+  gap: 8px;
   align-items: center;
 }
 
@@ -391,10 +387,8 @@ onMounted(async () => {
   flex: 1;
 }
 
-.table-card {
-  border-radius: 12px;
-  border: 1px solid var(--ctms-border-color);
-  overflow: hidden;
+.special-expense-table :deep(.el-table__inner-wrapper::before) {
+  display: none;
 }
 
 .date-text {