装备出库记录表格修改

src/views/EquipmentEntryApply/EquipmentDetailList.vue

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

src/views/EquipmentEntryApply/EquipmentMainList.vue

@@ -25,12 +25,10 @@
           </el-col>
           <el-col :span="6" style="text-align: right;">
             
-            <el-button class="primary-lease" style="margin-right: 0;" type="primary" @click="getEquipmentApplyList">
+            <el-button class="primary-lease" icon="el-icon-search" style="margin-right: 0;" type="primary" @click="getEquipmentApplyList">
-              <i class="el-icon-search"></i>
               查询
             </el-button>
-            <el-button class="primary-lease" @click="resetForm"> 
+            <el-button class="primary-lease" icon="el-icon-refresh" @click="resetForm"> 
-              <i class="el-icon-refresh"></i>
               重置 
             </el-button>
           </el-col>

src/views/EquipmentEntryApply/equipmentInput/index.vue

@@ -147,14 +147,12 @@
     </el-row>
       <el-row>
         <el-col :span="24" style="text-align: right;">
-          <el-button type="primary" @click="queryTableList">
+          <el-button icon="el-icon-search" type="primary" @click="queryTableList">
-          <i class="el-icon-search"></i>
           查询
         </el-button>
-        <el-button
+        <el-button icon="el-icon-refresh"
           @click="resetTableList"
         >
-        <i class="el-icon-refresh"></i>
           重置
         </el-button>
         </el-col>

src/views/EquipmentEntryApproval/EquipmentDetailList.vue

@@ -131,12 +131,10 @@
 
 
         <el-col :span="18" style="text-align: right;">
-          <el-button class="primary-lease" type="primary" @click="getEquipmentApplyList">
+          <el-button class="primary-lease" type="primary" icon="el-icon-search" @click="getEquipmentApplyList">
-            <i class="el-icon-search"></i>
             查询
           </el-button>
-          <el-button class="primary-lease" @click="resetForm">
+          <el-button class="primary-lease" icon="el-icon-refresh" @click="resetForm">
-            <i class="el-icon-refresh"></i>
             重置
           </el-button>
         </el-col>

src/views/EquipmentEntryApproval/EquipmentMainList.vue

@@ -37,11 +37,9 @@
           </el-form-item>
         </el-col>
         <el-col :span="12" style="text-align:right;">
-          <el-button class="primary-lease" type="primary" @click="getEquipmentApplyList">
+          <el-button icon="el-icon-search" class="primary-lease" type="primary" @click="getEquipmentApplyList">
-              <i class="el-icon-search"></i>
               查询</el-button>
-            <el-button class="primary-lease" @click="resetForm">
+            <el-button icon="el-icon-refresh" class="primary-lease" @click="resetForm">
-              <i class="el-icon-refresh"></i>
               重置</el-button>
         </el-col>
       </el-row>

src/views/EquipmentRoamRecord/outboundRecord/index.vue

@@ -1,9 +1,11 @@
 <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-form-item prop="keyword">
+        <el-col :span="12">
+          <el-form-item prop="keyword">
           <el-input
             clearable
             style="width: 240px"
@@ -23,19 +25,24 @@
             start-placeholder="开始日期"
           />
         </el-form-item>
-        <el-form-item>
+        </el-col>
-          <el-button type="primary" icon="el-icon-search" size="mini" @click="onHandleQuery"> 查询</el-button>
+        <el-col :span="12" style="text-align: right;">
-          <el-button icon="el-icon-refresh" size="mini" @click="onHandleReset">重置</el-button>
+          <el-button type="primary" icon="el-icon-search"  @click="onHandleQuery"> 查询</el-button>
-        </el-form-item>
+          <el-button icon="el-icon-refresh" @click="onHandleReset">重置</el-button>
+        </el-col>
 
-        <el-form-item class="button-group">
-          <el-button icon="el-icon-refresh" size="mini" @click="onHandleExport">导出数据</el-button>
-        </el-form-item>
       </el-form>
     </div>
+    </el-card>
 
+    <el-card class="content-box">
     <div class="table-container" style="flex: 1; overflow-y: auto;">
-      <el-table :data="tableData" style="width: 100%">
+      <el-row>
+        <el-col :span="24" style="text-align: right;">
+          <el-button icon="el-icon-refresh" size="mini" @click="onHandleExport">导出数据</el-button>
+        </el-col>
+      </el-row>
+      <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="操作人"/>
         <el-table-column align="center" show-overflow-tooltip prop="type" label="操作类型">
@@ -86,7 +93,7 @@
         @pagination="getRoamRecordList"
       />
     </div>
-
+  </el-card>
     <!-- 出库记录单 -->
     <el-dialog title="出库记录单" :visible.sync="outRecordVisible" width="80%" append-to-body>
       <el-row>
@@ -245,7 +252,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .record-row {
   margin-bottom: 10px;
   font-size: 16px;
@@ -255,7 +262,7 @@ export default {
 }
 
 .app-container {
-  background-color: #f5f5f5; /* 设置整体灰色背景 */
+  // background-color: #f5f5f5; /* 设置整体灰色背景 */
   display: flex;
   flex-direction: column;
 }
@@ -286,4 +293,80 @@ export default {
   padding: 10px 20px !important;
   background:none ;
 }
+
+.search-box {
+  margin-bottom: 20px;
+  border-radius: 8px;
+}
+
+.content-box {
+  border-radius: 8px;
+  height: calc(100vh - 230px);
+  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>