装备录入表格样式修改

src/views/EquipmentEntryApply/EquipmentDetailList.vue

@@ -70,14 +70,15 @@
         </el-row>
         <el-row>
           <el-col :span="24" style="text-align: right;">
-            <el-button class="primary-lease" @click="resetForm">
-              <i class="el-icon-refresh"></i>
-              重置
-            </el-button>
             <el-button class="primary-lease" type="primary" @click="getEquipmentApplyList">
               <i class="el-icon-search"></i>
               查询
             </el-button>
+            <el-button class="primary-lease" @click="resetForm">
+              <i class="el-icon-refresh"></i>
+              重置
+            </el-button>
+            
           </el-col>
         </el-row>
       </el-card>

src/views/EquipmentEntryApply/EquipmentMainList.vue

@@ -24,14 +24,15 @@
           </el-form-item>
           </el-col>
           <el-col :span="6" style="text-align: right;">
-            <el-button class="primary-lease" @click="resetForm"> 
-              <i class="el-icon-refresh"></i>
-              重置 
-            </el-button>
+            
             <el-button class="primary-lease" style="margin-right: 0;" type="primary" @click="getEquipmentApplyList">
               <i class="el-icon-search"></i>
               查询
             </el-button>
+            <el-button class="primary-lease" @click="resetForm"> 
+              <i class="el-icon-refresh"></i>
+              重置 
+            </el-button>
           </el-col>
         </el-row>
       </el-card>

src/views/EquipmentEntryApply/equipmentInput/index.vue

@@ -25,6 +25,8 @@
       label-width="auto"
       size="small"
     >
+    <el-card class="search-box">
+      <el-row>
       <el-form-item prop="orderCreateUser" label="申请人：">
         <el-input
           clearable
@@ -142,26 +144,36 @@
           v-model.trim="queryParams.maxBuyPrice"
         />
       </el-form-item>
-      <el-form-item>
-        <el-button type="primary" @click="queryTableList">
+    </el-row>
+      <el-row>
+        <el-col :span="24" style="text-align: right;">
+          <el-button type="primary" @click="queryTableList">
+          <i class="el-icon-search"></i>
           查询
         </el-button>
         <el-button
-          type="primary"
           @click="resetTableList"
         >
+        <i class="el-icon-refresh"></i>
           重置
         </el-button>
-        <el-button
+        </el-col>
+      </el-row>
+    </el-card>
+    </el-form>
+
+    <el-card class="content-box">
+      <el-row>
+        <el-col :span="24" style="text-align: right;">
+          <el-button
           type="primary"
           @click="equipmentDeployment"
           v-show="!isAddVisible"
         >
           新增装备
         </el-button>
-      </el-form-item>
-    </el-form>
-
+        </el-col>
+      </el-row>
     <!-- 表格 -->
     <el-table
       :data="tableData"
@@ -278,6 +290,7 @@
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
     />
+   </el-card>
     <EquipmentEntryEditDialog
       :is-visible.sync="isEditVisible"
       :order-id="orderId"
@@ -300,6 +313,7 @@
         <el-button @click="dialogVisible = false">关 闭</el-button>
       </span>
     </el-dialog>
+    
   </div>
 
 
@@ -653,4 +667,80 @@ export default {
   justify-content: flex-end;
   gap: 10px; // 按钮间距
 }
+
+.search-box {
+  margin-bottom: 20px;
+  border-radius: 8px;
+}
+
+.content-box {
+  border-radius: 8px;
+  height: calc(100vh - 380px);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+
+  ::v-deep .el-card__body {
+    display: flex !important;
+    flex-direction: column !important;
+    height: 100% !important;
+    padding: 20px;
+  }
+
+  .el-row:first-child {
+    margin-bottom: 16px;
+    flex-shrink: 0;
+
+    .el-col {
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+      gap: 12px;
+    }
+  }
+
+  .table-container {
+    flex: 1;
+    overflow: hidden;
+    margin-bottom: 0;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .pagination-wrapper {
+    flex-shrink: 0;
+    padding-top: 6px;
+    margin-top: auto;
+
+    ::v-deep  .pagination-container {
+      padding: 0px 20px !important;
+      margin-bottom: 30px;
+    }
+  }
+
+  ::v-deep .el-table {
+    // 启用斑马纹
+    &.el-table--striped .el-table__body {
+      tr.el-table__row--striped td {
+        background-color: #F6FBFA !important; // 浅紫色
+      }
+    }
+
+    .el-table__header {
+      background: #E9F0EE;
+
+      th {
+        background: #E9F0EE !important;
+        color: #606266;
+        font-weight: 600;
+        height: 50px;
+      }
+    }
+
+    &.el-table--striped .el-table__body tr.el-table__row:hover>td.el-table__cell {
+      background-color: #CCF1E9 !important;
+    }
+  }
+}
 </style>