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

frontend/src/views/ia/RiskIssueMonitoringVisits.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="page ctms-page-shell">
+  <div class="page ctms-page-shell page--flush">
     <template v-if="study.currentStudy">
-      <el-card shadow="never" class="main-content-card unified-shell ctms-table-card">
-        <div class="filter-container unified-action-bar">
+      <div class="main-content-flat unified-shell">
+        <div class="filter-container unified-action-bar bar--flush">
           <div class="filter-left">
             <el-form :inline="true" :model="filters" class="filter-form">
               <el-form-item label="问题分类" class="filter-item">
@@ -47,7 +47,7 @@
           </div>
         </div>
 
-        <div class="unified-section table-section">
+        <div class="unified-section table-section section--flush">
           <el-table
             class="issue-table"
             :data="tableRows"
@@ -113,7 +113,7 @@
             />
           </div>
         </div>
-      </el-card>
+      </div>
 
       <el-drawer
         v-model="formDialogVisible"
@@ -723,7 +723,6 @@ watch(
   justify-content: space-between;
   gap: 16px;
   flex-wrap: wrap;
-  padding: 16px 16px 0;
 }
 
 .filter-left {
@@ -734,7 +733,7 @@ watch(
 .filter-form {
   display: flex;
   width: 100%;
-  gap: 12px;
+  gap: 8px;
   align-items: center;
   flex-wrap: wrap;
 }
@@ -764,10 +763,6 @@ watch(
   gap: 8px;
 }
 
-.table-section {
-  padding: 12px 0;
-}
-
 .issue-no {
   font-weight: 600;
   color: #24324a;
@@ -823,11 +818,15 @@ watch(
 }
 
 .pagination-wrap {
-  margin: 14px 16px 0;
+  margin: 10px 0 0;
   display: flex;
   justify-content: flex-end;
 }
 
+.issue-table :deep(.el-table__inner-wrapper::before) {
+  display: none;
+}
+
 .dialog-select {
   width: 100%;
 }