多灾融合预警-首页

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

@@ -274,6 +274,24 @@
               }}</span>
             </div>
           </div>
+           <div class="item item6">
+            <div class="icon-box">
+              <div class="icon"></div>
+            </div>
+            <div class="item-monitor-box">
+              <span class="title">水泵</span>
+              <span class="value">低风险</span>
+            </div>
+          </div>
+           <div class="item item7">
+            <div class="icon-box">
+              <div class="icon"></div>
+            </div>
+            <div class="item-monitor-box">
+              <span class="title">地漏</span>
+              <span class="value">低风险</span>
+            </div>
+          </div>
         </div>
       </div>
       <div class="fire-monitor">
@@ -644,6 +662,8 @@ onUnmounted(() => {
 
 @{theme-deepblue} {
   .sensor-container {
+    --image-icon-sl:url('/@/assets/images/themify/deepblue/vent/sl.png');
+    --image-icon-dl:url('/@/assets/images/themify/deepblue/vent/dl.png');
     --image-vent-param-bg: url('/@/assets/images/themify/deepblue/vent/vent-param-bg.png');
     --image-box-top-bg: url('/@/assets/images/themify/deepblue/vent/border/box2-top-long.png');
     // --image-box-top-bg: url('/@/assets/images/themify/deepblue/vent/box-top-bg.png');
@@ -737,6 +757,9 @@ onUnmounted(() => {
   --image-icon-dust: url('/@/assets/images/vent/alarm/icon-dust.svg');
   --image-icon-gas: url('/@/assets/images/vent/alarm/icon-gas.svg');
   --image-icon-vent: url('/@/assets/images/vent/alarm/icon-vent.svg');
+  --image-icon-sl:url('/@/assets/images/vent/alarm/sl.png');
+  --image-icon-dl:url('/@/assets/images/vent/alarm/dl.png');
+
   --image-value-bg: url('/@/assets/images/vent/value-bg.png');
   --image-plane: url('/@/assets/images/vent/plane.png');
   --image-small-bg1: url('/@/assets/images/vent/small-bg1.png');
@@ -1619,8 +1642,8 @@ onUnmounted(() => {
         }
 
         .item2 {
-          top: 185px;
-          left: -120px;
+          top: 215px;
+          left: -65px;
 
           .icon {
             background-image: var(--image-icon-device);
@@ -1628,8 +1651,8 @@ onUnmounted(() => {
         }
 
         .item3 {
-          top: 185px;
-          left: 420px;
+          top: 215px;
+          left: 350px;
 
           .icon {
             background-image: var(--image-icon-dust);
@@ -1637,8 +1660,8 @@ onUnmounted(() => {
         }
 
         .item4 {
-          top: 20px;
-          left: 390px;
+          top: 97px;
+          left: 475px;
 
           .icon {
             background-image: var(--image-icon-gas);
@@ -1654,13 +1677,27 @@ onUnmounted(() => {
         }
 
         .item5 {
-          top: 25px;
-          left: -110px;
+          top: 97px;
+          left: -185px;
 
           .icon {
             background-image: var(--image-icon-vent);
           }
         }
+        .item6{
+          top:0px;
+          left:-30px;
+          .icon{
+            background-image:var(--image-icon-sl);
+          }
+        }
+        .item7{
+          top:0px;
+          left:340px;
+          .icon{
+background-image:var(--image-icon-dl)
+          }
+        }
       }
 
       @keyframes iconMove {