From df589c5a8ebe6b6b68ad65ae462111fb96bc11e6 Mon Sep 17 00:00:00 2001
From: fks-yangshouda <yangshoudamhy@163.com>
Date: Thu, 15 Aug 2024 16:25:13 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=9B=91=E6=8E=A7=E4=B8=AD?=
 =?UTF-8?q?=E5=BF=83=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../monitor/energyMonitor/analysisGraph/index.vue  | 17 ++++++++++++-
 .../src/view/monitor/energyMonitor/tree/index.vue  | 29 ++++++++++++++++++++--
 .../src/view/monitor/environmentMonitor/index.vue  | 21 +++++++++++++++-
 3 files changed, 63 insertions(+), 4 deletions(-)

diff --git a/hx-ai-intelligent/src/view/monitor/energyMonitor/analysisGraph/index.vue b/hx-ai-intelligent/src/view/monitor/energyMonitor/analysisGraph/index.vue
index 77aeba6..d3a9f89 100644
--- a/hx-ai-intelligent/src/view/monitor/energyMonitor/analysisGraph/index.vue
+++ b/hx-ai-intelligent/src/view/monitor/energyMonitor/analysisGraph/index.vue
@@ -556,4 +556,19 @@
     },
   });
 </script>
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+  ::v-deep .ant-radio-button-wrapper-checked {
+    border: none !important; /* 移除选中时的边框 */
+    box-shadow: none !important; /* 移除选中时的阴影 */
+    background-color: #2778ff !important; /* 使用 !important 强制覆盖背景颜色 */
+    color: #ffffff !important; /* 使用 !important 强制覆盖文字颜色 */
+  }
+  /* 未选中时的颜色 */
+  ::v-deep .ant-radio-button-wrapper {
+    // border: none !important; /* 移除所有边框 */
+    box-shadow: none !important; /* 去掉阴影（如果有的话） */
+    background-color: #f9f9f9;
+    color: #2778ff;
+    border-color: #2778ff;
+  }
+</style>
diff --git a/hx-ai-intelligent/src/view/monitor/energyMonitor/tree/index.vue b/hx-ai-intelligent/src/view/monitor/energyMonitor/tree/index.vue
index e50637d..7f77d44 100644
--- a/hx-ai-intelligent/src/view/monitor/energyMonitor/tree/index.vue
+++ b/hx-ai-intelligent/src/view/monitor/energyMonitor/tree/index.vue
@@ -11,10 +11,17 @@
       v-model:value="mode"
       @change="changeMode"
       style="padding-bottom: 10px; width: 100%">
-      <a-radio-button value="0" style="width: 50%; text-align: center" :disabled="shebei">
+      <a-radio-button
+        value="0"
+        style="width: 47.5%; margin-right: 2.5%; text-align: center; border-radius: 4px"
+        :disabled="shebei">
         设备
       </a-radio-button>
-      <a-radio-button value="1" style="width: 50%; text-align: center">节点</a-radio-button>
+      <a-radio-button
+        value="1"
+        style="width: 47.5%; margin-left: 2.5%; text-align: center; border-radius: 4px"
+        >节点</a-radio-button
+      >
     </a-radio-group>
     <a-input
       v-model:value="deviceName"
@@ -614,4 +621,22 @@
   //   width: 100%;
   //   margin-bottom: 10px;
   // }
+  /* 选中状态的背景色和文字颜色 */
+  ::v-deep .ant-radio-button-wrapper-checked {
+    border: none !important; /* 移除选中时的边框 */
+    box-shadow: none !important; /* 移除选中时的阴影 */
+    background-color: #ecf3ff !important; /* 使用 !important 强制覆盖背景颜色 */
+    color: #4388fb !important; /* 使用 !important 强制覆盖文字颜色 */
+  }
+  /* 未选中时的颜色 */
+  ::v-deep .ant-radio-button-wrapper {
+    border: none !important; /* 移除所有边框 */
+    box-shadow: none !important; /* 去掉阴影（如果有的话） */
+    background-color: #f9f9f9;
+    // color: #333333;
+  }
+
+  .ant-radio-button-wrapper:not(:first-child)::before {
+    width: 0;
+  }
 </style>
diff --git a/hx-ai-intelligent/src/view/monitor/environmentMonitor/index.vue b/hx-ai-intelligent/src/view/monitor/environmentMonitor/index.vue
index 7dabdd5..bd898d2 100644
--- a/hx-ai-intelligent/src/view/monitor/environmentMonitor/index.vue
+++ b/hx-ai-intelligent/src/view/monitor/environmentMonitor/index.vue
@@ -446,4 +446,23 @@
     queryDeviceInfoListPage();
   });
 </script>
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+  ::v-deep .ant-tabs-tab {
+    font-weight: bold; /* 选中标签的加粗 */
+    // font-size: 16px;
+    // letter-spacing: 1.33px;
+    color: #666666 !important;
+  }
+  ::v-deep .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
+    // background-color: #f0f0f0; /* 自定义选中背景色 */
+    // color: #1890ff; /* 自定义选中文字颜色 */
+    // border-radius: 5px; /* 选中标签的圆角 */
+    // font-weight: bold; /* 选中标签的加粗 */
+
+    color: #000000 !important;
+  }
+
+  ::v-deep .ant-tabs-tab:hover {
+    color: #000000; /* 悬停时的文字颜色 */
+  }
+</style>