Merge branch 'master' of http://182.92.126.35:3000/hrx/mky-vent-base

src/views/vent/safetyList/common/detail-130.vue

@@ -804,7 +804,6 @@
   }
   //分站站点选项点击
   function cardClick(item, index) {
-    console.log('debug', item, index);
     selectedIndex.value = index; // 更新选中索引
     activeIndex.value = item.isNewAccess || !item.linkstatus ? index : null;
     stationName.value = item.strname;
@@ -1102,6 +1101,13 @@
 
 <style lang="less" scoped>
   .safetyList {
+    --image-bj1: url('/@/assets/images/fire/bj1.png');
+    --image-zd-2: url('/@/assets/images/zd-2.png');
+    --image-zd-3: url('/@/assets/images/zd-3.png');
+    --image-zd-1: url('/@/assets/images/zd-1.png');
+    --image-top-btn: url('/@/assets/images/top-btn.png');
+    --image-top-btn-select: url('/@/assets/images/top-btn-select.png');
+
     width: calc(100% - 20px);
     height: calc(100% - 80px);
     position: relative;
@@ -1117,39 +1123,6 @@
         color: #fff;
         position: relative;
         background: linear-gradient(#001325, #012e4f);
-
-        :deep(.zxm-tabs-nav) {
-          margin: 0 !important;
-
-          .zxm-tabs-tab {
-            width: 180px;
-            height: 45px;
-            background: url('/@/assets/images/top-btn.png') center no-repeat;
-            background-size: cover;
-            display: flex;
-            justify-content: center;
-            font-size: 16px;
-          }
-
-          .zxm-tabs-tab-active {
-            width: 180px;
-            position: relative;
-            background: url('/@/assets/images/top-btn-select.png') center no-repeat;
-            background-size: cover;
-
-            .zxm-tabs-tab-btn {
-              color: #fff !important;
-            }
-          }
-
-          .zxm-tabs-ink-bar {
-            width: 0 !important;
-          }
-
-          .zxm-tabs-tab + .zxm-tabs-tab {
-            margin: 0 !important;
-          }
-        }
       }
 
       .box-content {
@@ -1171,7 +1144,7 @@
             margin-right: 15px;
             padding: 10px;
             box-sizing: border-box;
-            background: url('/@/assets/images/fire/bj1.png') no-repeat center;
+            background: var(--image-bj1) no-repeat center;
             background-size: 100% 100%;
 
             .left-title {
@@ -1208,7 +1181,6 @@
 
               .card-box {
                 position: relative;
-                // width: 242px;
                 width: 182px;
                 height: 120px;
                 margin-bottom: 15px;
@@ -1219,7 +1191,7 @@
                   position: relative;
                   width: 85px;
                   height: 120px;
-                  background: url('/@/assets/images/zd-2.png') no-repeat center;
+                  background: var(--image-zd-2) no-repeat center;
                   background-size: 100% 100%;
                   cursor: pointer;
 
@@ -1237,7 +1209,7 @@
                   position: relative;
                   width: 85px;
                   height: 120px;
-                  background: url('/@/assets/images/zd-3.png') no-repeat center;
+                  background: var(--image-zd-3) no-repeat center;
                   background-size: 100% 100%;
                   cursor: pointer;
 
@@ -1255,7 +1227,7 @@
                   position: relative;
                   width: 85px;
                   height: 120px;
-                  background: url('/@/assets/images/zd-1.png') no-repeat center;
+                  background: var(--image-zd-1) no-repeat center;
                   background-size: 100% 100%;
                   cursor: pointer;
 
@@ -1297,7 +1269,7 @@
             height: 100%;
             padding: 10px;
             box-sizing: border-box;
-            background: url('/@/assets/images/fire/bj1.png') no-repeat center;
+            background: var(--image-bj1) no-repeat center;
             background-size: 100% 100%;
 
             .right-title {
@@ -1323,7 +1295,7 @@
           display: flex;
           justify-content: space-between;
           align-items: center;
-          background: url('/@/assets/images/fire/bj1.png') no-repeat center;
+          background: var(--image-bj1) no-repeat center;
           background-size: 100% 100%;
           color: #fff;
 
@@ -1333,7 +1305,7 @@
             margin-right: 15px;
             padding: 10px;
             box-sizing: border-box;
-            background: url('/@/assets/images/fire/bj1.png') no-repeat center;
+            background: var(--image-bj1) no-repeat center;
             background-size: 100% 100%;
 
             .left-title {
@@ -1381,7 +1353,7 @@
                   position: relative;
                   width: 85px;
                   height: 120px;
-                  background: url('/@/assets/images/zd-2.png') no-repeat center;
+                  background: var(--image-zd-2) no-repeat center;
                   background-size: 100% 100%;
                   cursor: pointer;
 
@@ -1399,7 +1371,7 @@
                   position: relative;
                   width: 85px;
                   height: 120px;
-                  background: url('/@/assets/images/zd-3.png') no-repeat center;
+                  background: var(--image-zd-3) no-repeat center;
                   background-size: 100% 100%;
                   cursor: pointer;
 
@@ -1417,7 +1389,7 @@
                   position: relative;
                   width: 85px;
                   height: 120px;
-                  background: url('/@/assets/images/zd-1.png') no-repeat center;
+                  background: var(--image-zd-1) no-repeat center;
                   background-size: 100% 100%;
                   cursor: pointer;
 
@@ -1459,7 +1431,7 @@
             height: 100%;
             padding: 10px;
             box-sizing: border-box;
-            background: url('/@/assets/images/fire/bj1.png') no-repeat center;
+            background: var(--image-bj1) no-repeat center;
             background-size: 100% 100%;
 
             .historytable {
@@ -1498,11 +1470,42 @@
   .zxm-input {
     border: 1px solid #3ad8ff77 !important;
     background-color: #ffffff !important;
-    color: #fff !important;
   }
 
   .card-item.selected {
     border: 2px solid #3ad8ff77;
-    /* 选中时的边框颜色 */
+  }
+
+  :deep(.zxm-tabs-nav) {
+    margin: 0 !important;
+
+    .zxm-tabs-tab {
+      width: 180px;
+      height: 45px;
+      background: var(--image-top-btn) center no-repeat;
+      background-size: cover;
+      display: flex;
+      justify-content: center;
+      font-size: 16px;
+    }
+
+    .zxm-tabs-tab-active {
+      width: 180px;
+      position: relative;
+      background: var(--image-top-btn-select) center no-repeat;
+      background-size: cover;
+
+      .zxm-tabs-tab-btn {
+        color: #fff !important;
+      }
+    }
+
+    .zxm-tabs-ink-bar {
+      width: 0 !important;
+    }
+
+    .zxm-tabs-tab + .zxm-tabs-tab {
+      margin: 0 !important;
+    }
   }
 </style>