优化监控中心样式

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>