鸟瞰图 - AEU区域新增C-105水汽提塔

ui/src/views/aerial/aeu1/index.vue

@@ -63,6 +63,15 @@
              @click="handleDevClick('C-202甲苯塔')">
         </div>
       </el-tooltip>
+
+      <el-tooltip class="item" effect="dark" content="C-105水汽提塔" placement="top">
+        <div class="aeu-c105"
+             id="aeu-c105"
+             @mouseover="handleAeuMouseover8"
+             @mouseleave="handleAeuMouseleave8"
+             @click="handleDevClick('C-105水汽提塔')">
+        </div>
+      </el-tooltip>
     </div>
    </div>
 </template>
@@ -115,6 +124,11 @@
         box.style.backgroundColor = "rgba(64,158,255,0.3)";
         box.style.cursor = "pointer";
       },
+      handleAeuMouseover8() {
+        let box = document.getElementById("aeu-c105");
+        box.style.backgroundColor = "rgba(64,158,255,0.3)";
+        box.style.cursor = "pointer";
+      },
       /* AEU区域mouseleave事件 */
       handleAeuMouseleave1() {
         let box = document.getElementById("aeu-c101");
@@ -144,6 +158,10 @@
         let box = document.getElementById("aeu-c202");
         box.style.backgroundColor = "transparent";
       },
+      handleAeuMouseleave8() {
+        let box = document.getElementById("aeu-c105");
+        box.style.backgroundColor = "transparent";
+      },
     }
   }
 </script>
@@ -191,6 +209,16 @@
     height: 40px;
   }
 
+  .aeu-c105 {
+    position:absolute;
+    top: 30px;
+    left: 750px;
+    padding: 0px;
+    margin: 0px;
+    width: 40px;
+    height: 40px;
+  }
+
   .aeu-c102 {
     position:absolute;
     top: 40px;