修改弹框控制

src/views/Home.vue

@@ -449,11 +449,7 @@ export default {
       });
   },
   mounted() {
-
-    // 点击
-
-    // 排口
-
+    // 排口数据
     let adrainage = new VectorSource({});
     axios
       .get(
@@ -772,9 +768,26 @@ export default {
       }
     });
 
-    // this.map("blur",()=>{
+    // 点击非地图区域控制弹框消失
+    let meunTab = document.getElementsId('rightSide')
+    let mapTab = document.getElementById('changeMap')
+    meunTab.addEventListener('click',() => {
+      this.select.getFeatures().clear();
+      this.map.removeOverlay(this.overlay)
+      this.select.getFeatures().clear();
+      this.map.removeOverlay(this.overlayPlace)
+      this.select.getFeatures().clear();
+      this.map.removeOverlay(this.overlayOutlet)
+    })
+    mapTab.addEventListener('click',()=>{
+      this.select.getFeatures().clear();
+      this.map.removeOverlay(this.overlay)
+      this.select.getFeatures().clear();
+      this.map.removeOverlay(this.overlayPlace)
+      this.select.getFeatures().clear();
+      this.map.removeOverlay(this.overlayOutlet)
+    })
 
-    // })
 
   },
   methods: {
@@ -791,9 +804,6 @@ export default {
           this.isOutlet = false
           this.adrainageLayer.setVisible(false);
         }
-        // this.isPoint = false;
-        // this.isPlace = false;
-
       }
       // 1-2 采样点显示
       if ($index == 1) {
@@ -979,7 +989,7 @@ export default {
     },
     // 自定义事件关闭弹出框
     closePointPopup() { // 关闭采样点弹出框
-    this.select.getFeatures().clear();
+      this.select.getFeatures().clear();
       this.map.removeOverlay(this.overlay)
     },
     closePlacePopup() {
@@ -1153,8 +1163,10 @@ body {
   text-align: start;
 }
 .refcheck {
-  width: 100%;
+  display: block;
+  height: 100%;
   margin-left: 8px;
+  line-height: 50px;
 }
 /* 数据统计弹框 */
 .chart {