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

frontend/src/views/ia/RiskIssueSae.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="page ctms-page-shell">
-    <el-card shadow="never" class="main-content-card unified-shell ctms-table-card">
-      <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" class="filter-form">
           <el-form-item class="filter-item-form">
             <el-input v-model="filters.keyword" :placeholder="TEXT.common.fields.keyword" clearable class="filter-input-comp">
@@ -51,8 +51,8 @@
           </el-form-item>
         </el-form>
       </div>
-      <div class="unified-section table-section">
-        <el-table :data="filteredItems" v-loading="loading" style="width: 100%">
+      <div class="unified-section table-section section--flush-x section--flush-top section--flush-bottom">
+        <el-table :data="filteredItems" v-loading="loading" style="width: 100%" class="risk-table">
           <el-table-column prop="onset_date" :label="TEXT.common.fields.occurDate" width="140">
             <template #default="scope">{{ displayDate(scope.row.onset_date) }}</template>
           </el-table-column>
@@ -82,7 +82,7 @@
         </el-table>
         <StateEmpty v-if="!loading && filteredItems.length === 0" :description="TEXT.modules.riskIssueSae.emptyDescription" />
       </div>
-    </el-card>
+    </div>
   </div>
 </template>
 
@@ -219,21 +219,16 @@ onMounted(load);
   flex-direction: column;
 }
 
-.table-section {
-  padding-top: 12px;
-  padding-bottom: 12px;
-}
-
 .filter-form {
   display: flex;
   width: 100%;
   flex-wrap: wrap;
-  gap: 0;
+  gap: 8px;
 }
 
 .filter-item-form {
   margin-bottom: 0;
-  margin-right: 12px;
+  margin-right: 0;
 }
 
 .filter-input-comp {
@@ -248,4 +243,8 @@ onMounted(load);
   margin-bottom: 0;
   margin-right: 0;
 }
+
+.risk-table :deep(.el-table__inner-wrapper::before) {
+  display: none;
+}
 </style>