修改看板

src/views/board/index.vue

@@ -189,7 +189,7 @@
           </div>
         </div>
       </div>
-      <div :class="(deviceData.E0014.E0014_3500||{}).isAlm?'icon5':'icon4'" style="top: 74%;left: 92.4%;">
+      <div :class="(deviceData.E0014.E0014_3500||{}).isAlm?'icon5_1':'icon4'" style="top: 74%;left: 92.4%;">
         <div class="deviceInfo">
           <div class="line"></div>
           <div class="table1">
@@ -213,7 +213,7 @@
           </div>
         </div>
       </div>
-      <div :class="(deviceData.E0014.E0014_3700||{}).isAlm?'icon5':'icon4'" style="top: 74%;left: 77.7%;">
+      <div :class="(deviceData.E0014.E0014_3700||{}).isAlm?'icon5_1':'icon4'" style="top: 74%;left: 77.7%;">
         <div class="deviceInfo">
           <div class="line"></div>
           <div class="table1">
@@ -261,7 +261,7 @@
           </div>
         </div>
       </div>
-      <div :class="(deviceData.E0004.E0004_3800||{}).isAlm?'icon5':'icon4'" style="top: 88.2%;left: 52.7%;">
+      <div :class="(deviceData.E0004.E0004_3800||{}).isAlm?'icon5_1':'icon4'" style="top: 88.2%;left: 52.7%;">
         <div class="deviceInfo">
           <div class="line"></div>
           <div class="table1">
@@ -285,7 +285,7 @@
           </div>
         </div>
       </div>
-      <div :class="(deviceData.E0004.E0004_3400||{}).isAlm?'icon5':'icon4'" style="top: 77.6%;left: 57.8%;">
+      <div :class="(deviceData.E0004.E0004_3400||{}).isAlm?'icon5_1':'icon4'" style="top: 77.6%;left: 57.8%;">
         <div class="deviceInfo">
           <div class="line"></div>
           <div class="table1">
@@ -309,7 +309,7 @@
           </div>
         </div>
       </div>
-      <div :class="(deviceData.E0004.E0004_3600||{}).isAlm?'icon5':'icon4'" style="top: 85.6%;left: 63.8%;">
+      <div :class="(deviceData.E0004.E0004_3600||{}).isAlm?'icon5_1':'icon4'" style="top: 85.6%;left: 63.8%;">
         <div class="deviceInfo">
           <div class="line"></div>
           <div class="table1">
@@ -1123,6 +1123,50 @@ export default {
   }
 }
 
+.icon5 {
+  position: absolute;
+  width: 2vw;
+  height: 2vw;
+  background-image: url("~@/assets/images/icon5.jpg");
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  transform: translate(-50%, -50%);
+
+  &:hover {
+    .deviceInfo, .deviceInfo1, .deviceInfo2 {
+      display: block;
+    }
+  }
+
+}
+.icon5_1 {
+  position: absolute;
+  width: 2vw;
+  height: 2vw;
+  background-image: url("~@/assets/images/icon5.jpg");
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  transform: translate(-50%, -50%);
+
+  &:hover {
+    .deviceInfo, .deviceInfo1, .deviceInfo2 {
+      display: block;
+    }
+  }
+
+  .deviceInfo {
+
+    .table2 {
+
+      .info1 {
+        width: 50%;
+      }
+
+    }
+  }
+
+}
+
 .id {
   position: absolute;
   color: #fff;