[Feat 0000] 主风机、局部风机管控详情主题化

src/views/vent/monitorManager/fanLocalMonitor/index.vue

@@ -1505,16 +1505,17 @@
     height: 100%;
   }
 
-  // @{theme-deepblue} {
-  //   .scene-box {
-  //     --image-lr-top-bg: url('/@/assets/images/vent/lr-top-bg.png');
-  //     --image-lr-tab-bg: url('/@/assets/images/vent/lr-tab-bg.png');
-  //     --image-l-tab-active: url('/@/assets/images/vent/l-tab-active.png');
-  //     --image-r-tab-active: url('/@/assets/images/vent/r-tab-active.png');
-  //     --image-plane-bottom: url('/@/assets/images/vent/plane-bottom.png');
-  //     --image-plane-icon-bg: url('/@/assets/images/vent/plane-icon-bg.png');
-  //   }
-  // }
+  @{theme-deepblue} {
+    .scene-box {
+      --image-lr-top-bg: url('/@/assets/images/themify/deepblue/vent/lr-top-bg.png');
+      --image-lr-tab-bg: url('/@/assets/images/themify/deepblue/vent/lr-tab-bg.png');
+      --image-l-tab-active: url('/@/assets/images/themify/deepblue/vent/l-tab-active.png');
+      --image-r-tab-active: url('/@/assets/images/themify/deepblue/vent/r-tab-active.png');
+      --image-plane-bottom: url('/@/assets/images/themify/deepblue/vent/plane-bottom.png');
+      --image-plane-icon-bg: url('/@/assets/images/themify/deepblue/vent/plane-icon-bg.png');
+      --container-group-bg: linear-gradient(to right, #ffffff22, #53576305);
+    }
+  }
 
   .scene-box {
     --image-lr-top-bg: url('/@/assets/images/vent/lr-top-bg.png');
@@ -1523,6 +1524,7 @@
     --image-r-tab-active: url('/@/assets/images/vent/r-tab-active.png');
     --image-plane-bottom: url('/@/assets/images/vent/plane-bottom.png');
     --image-plane-icon-bg: url('/@/assets/images/vent/plane-icon-bg.png');
+    --container-group-bg: linear-gradient(to right, #00deff22, #2081ff05);
     .title-text {
       height: 32px;
     }
@@ -1602,7 +1604,7 @@
           margin: 0px 4px;
           padding: 10px 0;
           min-height: 432px;
-          background: linear-gradient(to right, #00deff22, #2081ff05);
+          background: var(--container-group-bg);
           max-height: 440px;
           overflow-y: auto;
         }

src/views/vent/monitorManager/fanLocalMonitor1/index.vue

@@ -1227,16 +1227,17 @@
     height: 100%;
   }
 
-  // @{theme-deepblue} {
-  //   .scene-box {
-  //     --image-lr-top-bg: url('/@/assets/images/vent/lr-top-bg.png');
-  //     --image-lr-tab-bg: url('/@/assets/images/vent/lr-tab-bg.png');
-  //     --image-l-tab-active: url('/@/assets/images/vent/l-tab-active.png');
-  //     --image-r-tab-active: url('/@/assets/images/vent/r-tab-active.png');
-  //     --image-plane-bottom: url('/@/assets/images/vent/plane-bottom.png');
-  //     --image-plane-icon-bg: url('/@/assets/images/vent/plane-icon-bg.png');
-  //   }
-  // }
+  @{theme-deepblue} {
+    .scene-box {
+      --image-lr-top-bg: url('/@/assets/images/themify/deepblue/vent/lr-top-bg.png');
+      --image-lr-tab-bg: url('/@/assets/images/themify/deepblue/vent/lr-tab-bg.png');
+      --image-l-tab-active: url('/@/assets/images/themify/deepblue/vent/l-tab-active.png');
+      --image-r-tab-active: url('/@/assets/images/themify/deepblue/vent/r-tab-active.png');
+      --image-plane-bottom: url('/@/assets/images/themify/deepblue/vent/plane-bottom.png');
+      --image-plane-icon-bg: url('/@/assets/images/themify/deepblue/vent/plane-icon-bg.png');
+      --container-group-bg: linear-gradient(to right, #ffffff22, #53576305);
+    }
+  }
 
   .scene-box {
     --image-lr-top-bg: url('/@/assets/images/vent/lr-top-bg.png');
@@ -1245,6 +1246,7 @@
     --image-r-tab-active: url('/@/assets/images/vent/r-tab-active.png');
     --image-plane-bottom: url('/@/assets/images/vent/plane-bottom.png');
     --image-plane-icon-bg: url('/@/assets/images/vent/plane-icon-bg.png');
+    --container-group-bg: linear-gradient(to right, #00deff22, #2081ff05);
     .title-text {
       height: 32px;
     }
@@ -1316,7 +1318,7 @@
           margin: 0px 4px;
           padding: 10px 0;
           min-height: 432px;
-          background: linear-gradient(to right, #00deff22, #2081ff05);
+          background: var(--container-group-bg);
           max-height: 440px;
           overflow-y: auto;
         }

src/views/vent/monitorManager/mainFanMonitor/index.vue

@@ -1485,17 +1485,18 @@
   @import '/@/design/theme.less';
   @import '/@/design/vent/modal.less';
 
-  // @{theme-deepblue} {
-  //   .scene-box {
-  //     --image-tab-group-bg: url('/@/assets/images/vent/tab-group-bg.png');
-  //     --image-lr-top-bg: url('/@/assets/images/vent/lr-top-bg.png');
-  //     --image-lr-tab-bg: url('/@/assets/images/vent/lr-tab-bg.png');
-  //     --image-l-tab-active: url('/@/assets/images/vent/l-tab-active.png');
-  //     --image-r-tab-active: url('/@/assets/images/vent/r-tab-active.png');
-  //     --image-plane-bottom: url('/@/assets/images/vent/plane-bottom.png');
-  //     --image-plane-icon-bg: url('/@/assets/images/vent/plane-icon-bg.png');
-  //   }
-  // }
+  @{theme-deepblue} {
+    .scene-box {
+      --image-tab-group-bg: url('/@/assets/images/themify/deepblue/vent/tab-group-bg.png');
+      --image-lr-top-bg: url('/@/assets/images/themify/deepblue/vent/lr-top-bg.png');
+      --image-lr-tab-bg: url('/@/assets/images/themify/deepblue/vent/lr-tab-bg.png');
+      --image-l-tab-active: url('/@/assets/images/themify/deepblue/vent/l-tab-active.png');
+      --image-r-tab-active: url('/@/assets/images/themify/deepblue/vent/r-tab-active.png');
+      --image-plane-bottom: url('/@/assets/images/themify/deepblue/vent/plane-bottom.png');
+      --image-plane-icon-bg: url('/@/assets/images/themify/deepblue/vent/plane-icon-bg.png');
+      --container-group-bg: linear-gradient(to right, #ffffff22, #53576305);
+    }
+  }
 
   .scene-box {
     --image-tab-group-bg: url('/@/assets/images/vent/tab-group-bg.png');
@@ -1505,6 +1506,7 @@
     --image-r-tab-active: url('/@/assets/images/vent/r-tab-active.png');
     --image-plane-bottom: url('/@/assets/images/vent/plane-bottom.png');
     --image-plane-icon-bg: url('/@/assets/images/vent/plane-icon-bg.png');
+    --container-group-bg: linear-gradient(to right, #007bff22, #2081ff05);
   }
 
   .head-line {
@@ -1680,7 +1682,7 @@
           margin: 0px 4px;
           padding: 10px 0;
           min-height: 472px;
-          background: linear-gradient(to right, #007bff22, #2081ff05);
+          background: var(--container-group-bg);
           max-height: 480px;
           overflow-y: auto;
         }