装备出库记录表格修改

src/views/EquipmentRoamRecord/outboundRecord/index.vue

@@ -1,9 +1,9 @@
 <template>
   <!-- 装备流转记录  -->
   <div class="app-container">
-    <el-card class="search-box">
-    <div class="query-form-container" style="flex-shrink: 0;">
+    
       <el-form ref="queryForm" size="small" inline label-width="auto" :model="queryParams">
+        <el-card class="search-box">
         <el-col :span="12">
           <el-form-item prop="keyword">
           <el-input
@@ -30,18 +30,17 @@
           <el-button type="primary" icon="el-icon-search"  @click="onHandleQuery"> 查询</el-button>
           <el-button icon="el-icon-refresh" @click="onHandleReset">重置</el-button>
         </el-col>
-
-      </el-form>
-    </div>
       </el-card>
+      </el-form>
+    
 
     <el-card class="content-box">
-    <div class="table-container" style="flex: 1; overflow-y: auto;">
       <el-row>
         <el-col :span="24" style="text-align: right;">
-          <el-button icon="el-icon-refresh" @click="onHandleExport">导出数据</el-button>
+          <el-button icon="el-icon-download" @click="onHandleExport">导出数据</el-button>
         </el-col>
       </el-row>
+    <div class="table-container">
       <el-table :data="tableData" style="width: 100%" border stripe height="100%">
         <el-table-column align="center" show-overflow-tooltip type="index" label="序号" width="50"/>
         <el-table-column align="center" show-overflow-tooltip prop="createUser" label="操作人"/>
@@ -85,7 +84,7 @@
       </el-table>
     </div>
 
-    <div class="pagination-container-fage" style="flex-shrink: 0;">
+    <div class="pagination-wrapper" style="flex-shrink: 0;">
       <pagination
         :total="total"
         :page.sync="queryParams.pageNum"
@@ -267,15 +266,6 @@ export default {
   flex-direction: column;
 }
 
-.query-form-container,
-.table-container,
-.pagination-container-fage {
-  background-color: #fff; /* 设置白色背景 */
-  padding: 10px;
-  margin-bottom: 20px;
-  border-radius: 4px;
-}
-
 .button-group {
   float: right;
   margin-left: 10px;
@@ -285,23 +275,15 @@ export default {
   margin-bottom: 0px;
 }
 
-.pagination-container {
-  position: relative;
-  height: 25px;
-  margin-bottom: 10px;
-  margin-top: -16px;
-  padding: 10px 20px !important;
-  background:none ;
-}
-
 .search-box {
   margin-bottom: 20px;
   border-radius: 8px;
+  padding: 10px 0 20px 0;
 }
 
 .content-box {
   border-radius: 8px;
-  height: calc(100vh - 230px);
+  height: calc(100vh - 210px);
   display: flex;
   flex-direction: column;
   overflow: hidden;