From 292e04eebfd327e347acb9f11fb15f62a124961f Mon Sep 17 00:00:00 2001
From: cwchen <1048842385@qq.com>
Date: Wed, 29 Oct 2025 16:13:50 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A3=85=E5=A4=87=E7=BB=B4=E4=BF=9D=E8=AE=B0?=
=?UTF-8?q?=E5=BD=95=E8=A1=A8=E6=A0=BC=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/views/EquipmentServicing/index.vue | 192 +++++++++++++++++++++++--
1 file changed, 180 insertions(+), 12 deletions(-)
diff --git a/src/views/EquipmentServicing/index.vue b/src/views/EquipmentServicing/index.vue
index 9c855a67..5962a981 100644
--- a/src/views/EquipmentServicing/index.vue
+++ b/src/views/EquipmentServicing/index.vue
@@ -9,6 +9,7 @@
:inline="true"
label-width="auto" size="small"
>
+
@@ -64,19 +65,23 @@
-
-
- 查询
- 重置
-
+
+
+ 查询
+ 重置
+
+
+
+
-
+
+
@@ -106,7 +111,8 @@
-
+
+
+
+
- 查询
- 重置
+ 查询
+ 重置
@@ -275,8 +283,8 @@
@@ -866,5 +874,165 @@ export default {
visibility: visible;
}
}
+
+.search-box {
+ margin-bottom: 20px;
+ border-radius: 8px;
+ padding: 0;
+}
+
+.content-box {
+ border-radius: 8px;
+ height: calc(100vh - 280px);
+ 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;
+ }
+ }
+}
+.dialog-table {
+ border-radius: 6px;
+ overflow: hidden;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+
+ ::v-deep .el-table {
+ border-radius: 6px;
+ overflow: hidden;
+
+ // 启用斑马纹
+ &.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: 45px;
+ font-size: 14px;
+ border-bottom: 2px solid #e4e7ed;
+ }
+ }
+
+ .el-table__body {
+ tr {
+ transition: all 0.2s ease;
+
+ &:hover {
+ background-color: #f8f9fa;
+ }
+
+ td {
+ padding: 12px 8px;
+ font-size: 13px;
+ border-bottom: 1px solid #f0f2f5;
+ }
+ }
+ }
+
+ &.el-table--striped .el-table__body tr.el-table__row:hover>td.el-table__cell {
+ background-color: #CCF1E9 !important;
+ }
+
+ // 表格边框优化
+ &::before {
+ display: none;
+ }
+
+ &::after {
+ display: none;
+ }
+ }
+}
+
+::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;
+ }
+ }