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

frontend/src/views/ia/DrugShipments.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="page">
+  <div class="page page--flush">
 
-    <el-card shadow="never" class="main-content-card unified-shell">
+    <div class="main-content-flat unified-shell">
       <div class="filter-container unified-action-bar">
         <el-form :inline="true" :model="filters" class="filter-form">
           <el-form-item label="" class="filter-item">
@@ -48,11 +48,12 @@
           </el-button>
         </el-form>
       </div>
-      <div class="unified-section table-section">
+      <div class="unified-section table-section section--flush-x section--flush-top section--flush-bottom">
         <el-table
           :data="sortedItems"
           v-loading="loading"
           style="width: 100%"
+          class="shipment-table"
           :row-class-name="shipmentRowClass"
           @row-click="onRowClick"
         >
@@ -104,7 +105,7 @@
         </el-table>
         <StateEmpty v-if="!loading && sortedItems.length === 0" :description="TEXT.modules.drugShipments.empty" />
       </div>
-    </el-card>
+    </div>
   </div>
 </template>
 
@@ -252,7 +253,7 @@ onMounted(async () => {
 .filter-form {
   display: flex;
   width: 100%;
-  gap: 12px;
+  gap: 8px;
   align-items: center;
 }
 
@@ -271,10 +272,10 @@ onMounted(async () => {
 }
 
 .filter-actions :deep(.el-button) {
-  height: 36px;
-  line-height: 36px;
-  padding: 0 18px;
-  border-radius: 8px;
+  height: 32px;
+  line-height: 32px;
+  padding: 0 12px;
+  border-radius: 10px;
 }
 
 .filter-select {
@@ -285,9 +286,8 @@ onMounted(async () => {
   flex: 1;
 }
 
-.table-section {
-  padding-top: 12px;
-  padding-bottom: 12px;
+.shipment-table :deep(.el-table__inner-wrapper::before) {
+  display: none;
 }
 
 .type-tag {