共享出库记录修改

src/views/EquipmentLedger/components/euq-out.vue

@@ -156,7 +156,7 @@
       </el-row>
     </el-form>
 
-    <el-table :data="selectedEquipment" border :max-height="500">
+    <el-table :data="selectedEquipment" border stripe :max-height="500">
       <el-table-column label="序号" type="index" align="center" width="55"/>
       <el-table-column prop="name" label="装备名称" align="center"/>
       <el-table-column prop="specificationModel" label="规格型号" align="center"/>

src/views/EquipmentSharedLease/order/index.vue

@@ -1,8 +1,10 @@
 <template>
   <div class="app-container app-container-content">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-card class="search-box">
       <el-row>
-        <el-form-item prop="deviceName">
+        <el-col :span="20">
+          <el-form-item prop="deviceName">
           <el-input
             v-model="queryParams.deviceName"
             placeholder="请输入装备名称"
@@ -50,8 +52,13 @@
             maxlength="20"
           />
         </el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+        </el-col>
+        <el-col :span="4" style="text-align: right;">
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
+          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+        </el-col>
+        
+        
       </el-row>
       <!--      <el-form-item prop="lowerBound">
               <el-input
@@ -74,8 +81,10 @@
                 style="width:100px"
               />
             </el-form-item>-->
-
+            </el-card>
     </el-form>
+    <el-card class="content-box">
+    <div class="table-container">
     <template v-if="cardList.length > 0">
       <div class="cart-tbody" v-for="(item, index) in cardList" :key="index">
         <el-row class="order-title-info">
@@ -293,6 +302,8 @@
         </el-row>
       </div>
     </template>
+    </div>
+    <div class="pagination-wrapper">
     <pagination
       v-show="total > 0"
       :total="total"
@@ -300,7 +311,8 @@
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
     />
-
+    </div>
+    </el-card>
     <el-dialog
       :title="dialogTitle"
       width="65%"
@@ -1031,4 +1043,57 @@ export default {
     }
   }
 }
+
+.search-box {
+  margin-bottom: 20px;
+  border-radius: 8px;
+  padding: 0;
+}
+
+.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-y: auto;
+    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;
+    }
+  }
+}
 </style>