From 5e4bce25fbffbafa71a6b67043921d7760677fde Mon Sep 17 00:00:00 2001
From: gyq <875626088@qq.com>
Date: Sat, 21 Dec 2024 11:48:27 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=8F=B0=E6=A1=8C=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/table/index.vue | 77 ++++++++++++++++++++-------------------
 1 file changed, 39 insertions(+), 38 deletions(-)

diff --git a/src/views/table/index.vue b/src/views/table/index.vue
index ff7b04c..e96c73d 100644
--- a/src/views/table/index.vue
+++ b/src/views/table/index.vue
@@ -254,31 +254,51 @@ onMounted(() => {
         gap: var(--el-font-size-base);
 
         .item {
-            $usingColor: #D2441F;
-            $subColor: #3274D5;
             $closedColor: #aeb8c9;
-            background-color: #efefef;
             border-radius: 6px;
             overflow: hidden;
-            border: 2px solid #fff;
+            padding: 2px;
+            background-color: var(--primary-color);
 
             &.active {
-                border-color: $subColor;
+                background-color: var(--primary-color);
+
+                .tab_cont {
+                    .icon {
+                        color: var(--primary-color);
+                    }
+
+                    .t1 {
+                        color: var(--primary-color);
+                    }
+                }
             }
 
             &.using {
-                &.active {
-                    border-color: $usingColor;
+                background-color: var(--el-color-success);
+
+                .tab_cont {
+                    .icon {
+                        color: var(--el-color-success);
+                    }
+
+                    .t1 {
+                        color: var(--el-color-success);
+                    }
                 }
             }
 
             &.closed {
-                .tab_title {
-                    color: #555;
-                }
+                background-color: $closedColor;
 
-                &.active {
-                    border-color: $closedColor;
+                .tab_cont {
+                    .icon {
+                        color: $closedColor;
+                    }
+
+                    .t1 {
+                        color: $closedColor;
+                    }
                 }
             }
 
@@ -293,31 +313,6 @@ onMounted(() => {
                 justify-content: space-between;
                 padding: 0 10px;
                 color: #fff;
-                background-color: #999;
-
-                &.subscribe {
-                    background-color: $subColor;
-                }
-
-                &.closed {
-                    background-color: $closedColor;
-                }
-
-                &.idle {
-                    background-color: $subColor;
-                }
-
-                &.using {
-                    background-color: $usingColor;
-                }
-
-                &.opening {
-                    background-color: var(--primary-color);
-                }
-
-                &.cleaning {
-                    background-color: #999;
-                }
             }
 
             .tab_cont {
@@ -325,9 +320,11 @@ onMounted(() => {
                 display: flex;
                 align-items: center;
                 justify-content: center;
+                background-color: #efefef;
+                border-radius: 4px;
 
                 .icon {
-                    color: #555;
+                    color: var(--primary-color);
                     font-size: 30px;
                     transform: rotate(45deg);
                 }
@@ -341,6 +338,10 @@ onMounted(() => {
                     align-items: center;
                     padding-bottom: 10px;
 
+                    .t1 {
+                        font-weight: bold;
+                    }
+
                     .t2 {
                         font-size: 12px;
                         display: flex;