From 4f503efbe7c154f0c08e89f31db15f9a62dad10c Mon Sep 17 00:00:00 2001
From: cwchen <1048842385@qq.com>
Date: Wed, 29 Oct 2025 16:01:58 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A3=85=E5=A4=87=E5=8F=B0=E8=B4=A6=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../EquipmentLedger/components/equ-repair.vue | 25 ++++++++++++++++-
 .../EquipmentLedger/components/equ-retire.vue | 26 ++++++++++++++++-
 .../EquipmentLedger/components/equ-store.vue  | 26 ++++++++++++++++-
 .../EquipmentLedger/components/euq-out.vue    | 25 +++++++++++++++++
 src/views/EquipmentLedger/index.vue           | 28 +++++++++++++++++--
 5 files changed, 125 insertions(+), 5 deletions(-)

diff --git a/src/views/EquipmentLedger/components/equ-repair.vue b/src/views/EquipmentLedger/components/equ-repair.vue
index b1dc1919..f44d7895 100644
--- a/src/views/EquipmentLedger/components/equ-repair.vue
+++ b/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>
diff --git a/src/views/EquipmentLedger/components/equ-retire.vue b/src/views/EquipmentLedger/components/equ-retire.vue
index 25aa0ad7..2e704c4a 100644
--- a/src/views/EquipmentLedger/components/equ-retire.vue
+++ b/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>
 
diff --git a/src/views/EquipmentLedger/components/equ-store.vue b/src/views/EquipmentLedger/components/equ-store.vue
index e384976e..ced5b23a 100644
--- a/src/views/EquipmentLedger/components/equ-store.vue
+++ b/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>
 
diff --git a/src/views/EquipmentLedger/components/euq-out.vue b/src/views/EquipmentLedger/components/euq-out.vue
index 5884ca1a..313a76fa 100644
--- a/src/views/EquipmentLedger/components/euq-out.vue
+++ b/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>
 
diff --git a/src/views/EquipmentLedger/index.vue b/src/views/EquipmentLedger/index.vue
index 1896f038..d92f19cb 100644
--- a/src/views/EquipmentLedger/index.vue
+++ b/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>