装备台账样式修改

src/views/EquipmentLedger/components/equ-repair.vue

@@ -15,7 +15,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"/>
@@ -600,4 +600,27 @@ export default {
 ::v-deep .el-input-number {
   width: 100%;
 }
+::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>

src/views/EquipmentLedger/components/equ-retire.vue

@@ -37,7 +37,7 @@
       </el-row>
     </el-form>
 
-    <el-table :data="selectedEquipment" border :max-height="600">
+    <el-table :data="selectedEquipment" border stripe :max-height="600">
       <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" />
@@ -536,5 +536,29 @@ export default {
 ::v-deep .el-input-number {
   width: 100%;
 }
+
+::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>
 

src/views/EquipmentLedger/components/equ-store.vue

@@ -89,7 +89,7 @@
       </el-row>
     </el-form>
 
-    <el-table :data="selectedEquipment" border>
+    <el-table :data="selectedEquipment" border stripe>
       <el-table-column label="序号" type="index" align="center" width="55" />
       <el-table-column prop="devName" label="装备名称" align="center" />
       <el-table-column prop="devModel" label="规格型号" align="center" />
@@ -616,5 +616,29 @@ export default {
   margin-top: 4px;
   display: inline-block;
 }
+
+::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>
 

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

@@ -214,6 +214,7 @@
       <el-table
         :data="addEquipmentList"
         border
+        stripe
         @selection-change="handleSelectionAddEquipment"
         ref="equipmentTable"
         :row-key="row => row.devId"
@@ -684,5 +685,29 @@ export default {
 ::v-deep .el-input-number {
   width: 100%;
 }
+
+::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>
 

src/views/EquipmentLedger/index.vue

@@ -254,7 +254,6 @@
             <el-button
               icon="el-icon-refresh"
               style="float: right; margin-left: 20px"
-              type="primary"
               size="mini"
               @click="resetQuery"
             >
@@ -346,6 +345,7 @@
             :key="Date.now()"
             @selection-change="handleSelectionChange"
             v-loading="tableLoading"
+            border stripe
           >
             <el-table-column align="center" show-overflow-tooltip type="selection" width="50" />
             <el-table-column align="center" show-overflow-tooltip type="index" label="序号" width="50" />
@@ -1392,7 +1392,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .app-container {
   padding: 20px;
   background-color: #f5f7fa;
@@ -1680,4 +1680,28 @@ export default {
   display: flex;
   flex-direction: row;
 }
+
+::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>