优化监控中心样式

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>

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>

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>