From 5c56e879ebe62ae1c02ad21ca5474daaaf5525e9 Mon Sep 17 00:00:00 2001
From: lukeyan <1727408482@qq.com>
Date: Mon, 31 Jul 2023 17:39:18 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=B0=E5=9B=BE=E5=85=AC=E5=8F=B8=E7=82=B9?=
 =?UTF-8?q?=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/baiduapi.js                            |    8 +-
 src/components/offLineMap/index.vue           |  535 ++++---
 .../personBack/components/abnormalTable.vue   |    2 +-
 .../personBack/components/normalTable.vue     |    2 +-
 src/views/factorResources/map.vue             |  458 +++---
 src/views/realtimeWarning/index.vue           | 1258 +++++++++--------
 src/views/realtimeWarning/map.vue             |  524 ++++---
 7 files changed, 1489 insertions(+), 1298 deletions(-)

diff --git a/public/baiduapi.js b/public/baiduapi.js
index 8e9f33d..bfc7fba 100644
--- a/public/baiduapi.js
+++ b/public/baiduapi.js
@@ -6034,13 +6034,13 @@ window.BMAP_AUTHENTIC_KEY = "iSZit9hpxlgGq28nmIyFk8lQQ21widby";
             })
         }
     });
-    var Ad = new nd(I.pa + "", new M(19, 25), {
+    var Ad = new nd(I.pa + "marker_red_sprite.png", new M(19, 25), {
         anchor: new M(10, 25),
         infoWindowAnchor: new M(10, 0)
     })
-        , Bd = new nd(I.pa + "marker_red_sprite.png", new M(20, 11), {
-            anchor: new M(6, 11),
-            imageOffset: new M(-19, -13)
+        , Bd = new nd(I.pa + "marker_red_sprite.png", new M(50, 120), {
+            anchor: new M(50, 120),
+            imageOffset: new M(-10, 40)
         });
     function W(a, b) {
         b = b || {};
diff --git a/src/components/offLineMap/index.vue b/src/components/offLineMap/index.vue
index 7c70e42..434f450 100644
--- a/src/components/offLineMap/index.vue
+++ b/src/components/offLineMap/index.vue
@@ -1,234 +1,202 @@
 <template>
-  <div>
-    <div class="bmap" id="container" ref="container"></div>
-    <el-button class="fanhui" @click="goBack" v-if="isGoBack">返回</el-button>
-  </div>
+    <div>
+        <div class="bmap" id="container" ref="container"></div>
+        <el-button class="fanhui" @click="goBack" v-if="isGoBack">返回</el-button>
+    </div>
 </template>
 
 <script>
-import MapLine from "../../../public/zhenhaiLine.json";
-import MapPoint from "../../../public/zhenhaiPoint.json";
-import styleJson from "../../../public/custom_map_config.json";
-import { topMap, topMapOne } from "@/api/offLineMap";
+import MapLine from "../../../public/zhenhaiLine.json"
+import MapPoint from "../../../public/zhenhaiPoint.json"
+import styleJson from "../../../public/custom_map_config.json"
+import { topMap, topMapOne } from '@/api/offLineMap'
 export default {
-  name: "zhenhaimap",
-  data() {
-    return {
-      dongtaiPoint: [121.604192, 29.971189],
-      isGoBack: false,
-      villageList: [],
-      villageSumList: [],
-      flag: true,
-      companyList: [],
-      label1: {},
-    };
-  },
-  mounted() {
-    topMap({ scoreType: "season" }).then((res) => {
-      this.companyList = res.data;
-      this.initMap();
-    });
-  },
-  methods: {
-    goBack() {
-      this.initMap();
-      this.isGoBack = false;
-      this.$emit("goBack");
+    name: 'zhenhaimap',
+    data() {
+        return {
+            dongtaiPoint: [121.604192, 29.971189],
+            isGoBack: false,
+            villageList: [],
+            villageSumList: [],
+            flag: true,
+            companyList: [],
+            label1: {}
+        }
+    },
+    mounted() {
+        topMap({ scoreType: 'season' }).then(res => {
+            this.companyList = res.data
+            this.initMap()
+        })
     },
-    initMap() {
-      var BMap = window.BMap;
-      // console.log(BMap, 'BMap');
-      var map = new BMap.Map("container", {
-        style: {
-          styleJson,
+    methods: {
+        goBack() {
+            this.initMap()
+            this.isGoBack = false
+            this.$emit('goBack')
         },
-      });
-      let that = this;
-      map.centerAndZoom(
-        new BMap.Point(this.dongtaiPoint[0], this.dongtaiPoint[1]),
-        12
-      );
-      map.setMinZoom(12);
-      map.setMaxZoom(19);
-      map.enableScrollWheelZoom(true);
-      // hjrequest({
-      //     url: '/yc/dt/statistical/village',
-      //     method: 'get',
-      //     params: { areaCode: that.areaCode }
-      // }).then((res) => {
-      //     that.villageSumList = res.data
-      // })
-      // console.log(MapLine, 'MapLine');
-      for (var i = 0, n = MapLine.features.length; i < n; i++) {
-        showBoundaryEx(MapLine.features[i]);
-      }
-      var label = new BMap.Label();
-      showPoint();
-      // 城市区域划分，例如九龙湖镇区域，骆驼街道区域等等...区域边界为不规则多边形
-      function showBoundaryEx(city) {
-        var paths = [];
-        var list = city.geometry.coordinates;
-        // console.log(list.length, 'list[0].length')
-        //console.log(list[1], 'list[1].length')
-        var polygon = {};
-        if (list.length > 1) {
-          for (let a = 0; a < list.length; a++) {
-            paths = [];
-            for (let i = 0; i < list[a][0].length; i++) {
-              let lat = list[a][0][i][1],
-                lng = list[a][0][i][0];
-              paths.push(new BMap.Point(lng, lat));
+        initMap() {
+            var BMap = window.BMap
+            // console.log(BMap, 'BMap');
+            var map = new BMap.Map('container', {
+                style: {
+                    styleJson
+                }
+            });
+            let that = this
+            map.centerAndZoom(new BMap.Point(this.dongtaiPoint[0], this.dongtaiPoint[1]), 12);
+            map.setMinZoom(12)
+            map.setMaxZoom(19)
+            map.enableScrollWheelZoom(true);
+            // hjrequest({
+            //     url: '/yc/dt/statistical/village',
+            //     method: 'get',
+            //     params: { areaCode: that.areaCode }
+            // }).then((res) => {
+            //     that.villageSumList = res.data
+            // })
+            // console.log(MapLine, 'MapLine');
+            for (var i = 0, n = MapLine.features.length; i < n; i++) {
+                showBoundaryEx(MapLine.features[i]);
             }
-            polygon = new BMap.Polygon(paths, {
-              fillColor: "#3b4c44",
-              strokeColor: "#0f1423",
-              fillOpacity: 0.6,
-              strokeWeight: 1,
-            }); //创建多边形
-            map.addOverlay(polygon); //增加多边形
-          }
-          // // console.log(list, 'length');
-        } else {
-          // console.log(list[0], ' list[0]');
-          for (let i = 0; i < list[0].length; i++) {
-            let lat = list[0][i][1],
-              lng = list[0][i][0];
-            paths.push(new BMap.Point(lng, lat));
-          }
-          // console.log(list, 'length');
-          polygon = new BMap.Polygon(paths, {
-            fillColor: "#3b4c44",
-            strokeColor: "#0f1423",
-            fillOpacity: 0.6,
-            strokeWeight: 1,
-          }); //创建多边形
-          map.addOverlay(polygon); //增加多边形
-        }
-        polygon.infowindow = new BMap.InfoWindow();
-        polygon.infowindow.name = city.properties.name;
-        polygon.addEventListener("mouseover", function () {
-          polygon.setFillColor("#ffa500");
-        });
-        polygon.addEventListener("mouseout", function () {
-          map.removeOverlay(label);
-          polygon.setFillColor("#3b4c44");
-        });
+            var label = new BMap.Label();
+            showPoint()
+            function showBoundaryEx(city) {
+                var paths = []
+                var list = city.geometry.coordinates
+                // console.log(list.length, 'list[0].length')
+                //console.log(list[1], 'list[1].length')
+                var polygon = {}
+                if (list.length > 1) {
+                    for (let a = 0; a < list.length; a++) {
+                        paths = []
+                        for (let i = 0; i < list[a][0].length; i++) {
+                            let lat = list[a][0][i][1],
+                                lng = list[a][0][i][0];
+                            paths.push(new BMap.Point(lng, lat));
+                        }
+                        polygon = new BMap.Polygon(paths, {
+                            fillColor: '#3b4c44',
+                            strokeColor: "#0f1423",
+                            fillOpacity: 0.6,
+                            strokeWeight: 1
+                        }); //创建多边形
+                        map.addOverlay(polygon); //增加多边形
+                    }
+                    // // console.log(list, 'length');
+                } else {
+                    // console.log(list[0], ' list[0]');
+                    for (let i = 0; i < list[0].length; i++) {
+                        let lat = list[0][i][1],
+                            lng = list[0][i][0];
+                        paths.push(new BMap.Point(lng, lat));
+                    }
+                    // console.log(list, 'length');
+                    polygon = new BMap.Polygon(paths, {
+                        fillColor: '#3b4c44',
+                        strokeColor: "#0f1423",
+                        fillOpacity: 0.6,
+                        strokeWeight: 1
+                    }); //创建多边形
+                    map.addOverlay(polygon); //增加多边形
+                }
+                polygon.infowindow = new BMap.InfoWindow();
+                polygon.infowindow.name = city.properties.name;
+                polygon.addEventListener("mouseover", function () {
+                    polygon.setFillColor("#ffa500");
+                });
+                polygon.addEventListener("mouseout", function () {
+                    map.removeOverlay(label);
+                    polygon.setFillColor('#3b4c44');
+                });
 
-        //开始用"mouseover","mouseout"发现,鼠标移动过快,会多个省份也高亮了.所以改成 click了
-        polygon.addEventListener("click", function () {
-          console.log(city.properties.name, "city.properties.name");
-          if (city.properties.name == "骆驼街道") {
-            map.centerAndZoom(new BMap.Point(121.58887, 29.986122), 15);
-            that.isGoBack = true;
-          } else if (city.properties.name == "招宝山街道") {
-            map.centerAndZoom(new BMap.Point(121.713707, 29.95656), 15);
-            that.isGoBack = true;
-          } else if (city.properties.name == "蛟川街道") {
-            map.centerAndZoom(new BMap.Point(121.686105, 29.947339), 15);
-            that.isGoBack = true;
-          } else if (city.properties.name == "庄市街道") {
-            map.centerAndZoom(new BMap.Point(121.627037, 29.925579), 15);
-            that.isGoBack = true;
-          } else if (city.properties.name == "贵驷街道") {
-            map.centerAndZoom(new BMap.Point(121.624142, 29.985606), 15);
-            that.isGoBack = true;
-          } else if (city.properties.name == "澥浦镇") {
-            map.centerAndZoom(new BMap.Point(121.607133, 30.037162), 15);
-            that.isGoBack = true;
-          } else if (city.properties.name == "九龙湖镇") {
-            map.centerAndZoom(new BMap.Point(121.558532, 30.039457), 15);
-            that.isGoBack = true;
-          }
-          // let streetCode = that.streetCodeList.filter((item) => {
-          //     if (item.areaName == city.properties.name) {
-          //         return item.areaCode
-          //     }
-          // });
-          //   let goStreetData = { areaCode: that.areaCode, streetCode: streetCode[0].areaCode }
-          // that.$emit('goStreet', streetCode[0].areaCode)
-          // hjrequest({
-          //     url: '/yc/dt/statistical/villages',
-          //     method: 'get',
-          //     params: goStreetData
-          // }).then((res) => {
-          //     that.villageList = res.data
-          // that.villageList.forEach((item) => {
-          //     var point = new BMap.Point(item.longitude, item.latitude);
-          //     var marker = new BMap.Marker(point);        // 创建标注
-          //     map.addOverlay(marker);
-          //     var content = item.villageName;
-          //     var label = new BMap.Label(content, {       // 创建文本标注
-          //         position: point,                          // 设置标注的地理位置
-          //         offset: new BMap.Size(-10, -50)           // 设置标注的偏移量
-          //     })
-          //     label.setStyle({ backgroundColor: ' rgba(0, 0, 0, 0)', border: '0', color: 'yellow', fontSize: '20px' })
-          //     map.addOverlay(label);
-          //     marker.addEventListener("click", function () {
-          //        // Cookies.set('village_current', item.villageCode)
-          //         window.open(window.location.origin + '/#/communityShow', '_blank');
-          //     });
-          // })
-          // })
 
-          that.companyList.forEach((item) => {
-            var point = new BMap.Point(item.longitude, item.latitude);
-            console.log(point, "point");
-            // var myIcon = new BMap.Icon(
-            //   "../../../public/images/marker_red_sprite.png",
-            //   new BMap.Size(23, 25),
-            //   {
-            //     anchor: new BMap.Size(10, 25),
-            //     imageOffset: new BMap.Size(0, 0 - 25), // 设置图片偏移
-            //   }
-            // );
-            var marker = new BMap.Marker(point); // 创建标注
-            // 向地图添加覆盖物
-            map.addOverlay(marker);
-            var content = item.companyName;
-            // 各公司点位
-            var label = new BMap.Label(content, {
-              // 创建文本标注
-              position: point, // 设置标注的地理位置
-              offset: new BMap.Size(-10, -50), // 设置标注的偏移量
-            });
-            label.setStyle({
-              backgroundColor: " rgba(0, 0, 0, 0)",
-              border: "0",
-              color: "#0060ce",
-              fontSize: "16px",
-            });
-            map.addOverlay(label);
-            marker.addEventListener("click", function () {
-              map.removeOverlay(that.label1);
-              topMapOne({
-                companyId: item.companyId,
-                companyName: item.companyName,
-              }).then((res) => {
-                that.label1 = new BMap.Label();
-                that.label1.setStyle({
-                  color: "blue",
-                  borderRadius: "5px",
-                  borderColor: "#ccc",
-                  padding: "10px",
-                  fontSize: "16px",
-                  fontFamily: "微软雅黑",
-                  transform: "translateX(-50%) translateY(calc(-100% - 10px))",
-                });
+                //开始用"mouseover","mouseout"发现,鼠标移动过快,会多个省份也高亮了.所以改成 click了
+                polygon.addEventListener("click", function () {
+                    console.log(city.properties.name, 'city.properties.name');
+                    if (city.properties.name == '骆驼街道') {
+                        map.centerAndZoom(new BMap.Point(121.58887, 29.986122), 15);
+                        that.isGoBack = true
+                    } else if (city.properties.name == '招宝山街道') {
+                        map.centerAndZoom(new BMap.Point(121.713707, 29.95656), 15);
+                        that.isGoBack = true
+                    } else if (city.properties.name == '蛟川街道') {
+                        map.centerAndZoom(new BMap.Point(121.686105, 29.947339), 15);
+                        that.isGoBack = true
+                    } else if (city.properties.name == '庄市街道') {
+                        map.centerAndZoom(new BMap.Point(121.627037, 29.925579), 15);
+                        that.isGoBack = true
+                    } else if (city.properties.name == '贵驷街道') {
+                        map.centerAndZoom(new BMap.Point(121.624142, 29.985606), 15);
+                        that.isGoBack = true
+                    } else if (city.properties.name == '澥浦镇') {
+                        map.centerAndZoom(new BMap.Point(121.607133, 30.037162), 15);
+                        that.isGoBack = true
+                    } else if (city.properties.name == '九龙湖镇') {
+                        map.centerAndZoom(new BMap.Point(121.558532, 30.039457), 15);
+                        that.isGoBack = true
+                    }
+                    // let streetCode = that.streetCodeList.filter((item) => {
+                    //     if (item.areaName == city.properties.name) {
+                    //         return item.areaCode
+                    //     }
+                    // });
+                    //   let goStreetData = { areaCode: that.areaCode, streetCode: streetCode[0].areaCode }
+                    // that.$emit('goStreet', streetCode[0].areaCode)
+                    // hjrequest({
+                    //     url: '/yc/dt/statistical/villages',
+                    //     method: 'get',
+                    //     params: goStreetData
+                    // }).then((res) => {
+                    //     that.villageList = res.data
+                    // that.villageList.forEach((item) => {
+                    //     var point = new BMap.Point(item.longitude, item.latitude);
+                    //     var marker = new BMap.Marker(point);        // 创建标注   
+                    //     map.addOverlay(marker);
+                    //     var content = item.villageName;
+                    //     var label = new BMap.Label(content, {       // 创建文本标注
+                    //         position: point,                          // 设置标注的地理位置
+                    //         offset: new BMap.Size(-10, -50)           // 设置标注的偏移量
+                    //     })
+                    //     label.setStyle({ backgroundColor: ' rgba(0, 0, 0, 0)', border: '0', color: 'yellow', fontSize: '20px' })
+                    //     map.addOverlay(label);
+                    //     marker.addEventListener("click", function () {
+                    //        // Cookies.set('village_current', item.villageCode)
+                    //         window.open(window.location.origin + '/#/communityShow', '_blank');
+                    //     });
+                    // })
+                    // })
 
-                that.label1.setPosition(
-                  new BMap.Point(item.longitude, item.latitude)
-                );
-                that.label1.setOffset(new BMap.Size(130, -10));
-                that.label1.setStyle({
-                  width: "372px",
-                  height: "242px",
-                  background: "url(pbImg/bz49.png) no-repeat",
-                  backgroundSize: "100% 100%",
-                  border: "0",
-                  color: "#fff",
-                  padding: "13px 20px",
-                });
-                that.label1.setContent(`
+                    that.companyList.forEach((item) => {
+                        var point = new BMap.Point(item.longitude, item.latitude);
+                        console.log(point, 'point123');
+                        var marker = new BMap.Marker(point);        // 创建标注   
+                        map.addOverlay(marker);
+                        var content = item.companyName;
+                        var label = new BMap.Label(content, {       // 创建文本标注
+                            position: point,                          // 设置标注的地理位置
+                            offset: new BMap.Size(-10, -50)           // 设置标注的偏移量
+                        })
+                        label.setStyle({ backgroundColor: ' rgba(0, 0, 0, 0)', border: '0', color: '#0060ce', fontSize: '16px' })
+                        map.addOverlay(label);
+                        label.addEventListener("click", function () {
+                            map.removeOverlay(that.label1);
+                            topMapOne({ companyId: item.companyId, companyName: item.companyName }).then(res => {
+                                that.label1 = new BMap.Label();
+                                that.label1.setStyle({
+                                    color: 'blue',
+                                    borderRadius: '5px',
+                                    borderColor: '#ccc',
+                                    padding: '10px',
+                                    fontSize: '16px',
+                                    fontFamily: '微软雅黑',
+                                    transform: 'translateX(-50%) translateY(calc(-100% - 10px))'
+                                });
+
+                                that.label1.setPosition(new BMap.Point(item.longitude, item.latitude));
+                                that.label1.setOffset(new BMap.Size(130, -10))
+                                that.label1.setStyle({ width: '372px', height: '242px', background: 'url(pbImg/bz49.png) no-repeat', backgroundSize: '100% 100%', border: '0', color: '#fff', padding: '13px 20px' })
+                                that.label1.setContent(`
                                 <div style='width:100%;display:flex;justify-content: space-between;align-items: center;border-bottom:1px solid #657E83;'> <h4 style='margin:12px;font-size: 14px;color: #EBFFF4;letter-spacing: 1px;line-height: 24px;text-shadow: 0 0 9px rgba(21,255,195,0.77);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;'>${res.data.companyName}</h4><div class='closeBtn' style='font-size: 14px;color: #30C4FF;letter-spacing: 1px;font-weight: 400;'>企业看板<i style='display:inline-block; background: url(pbImg/跳转.png)  no-repeat;width:16px;height:14px;background-size: 100% 100%;"'></i></div><div class='closeBtn1' style='background: url(pbImg/关闭.png)  no-repeat;width:20px;height:20px;background-size: 100% 100%;position:relative;z-index:200000000;
                                 margin-top:-15px;"'></div></div>
                                 <div style='height:70px;width:100%;margin-top:15px;background: url(pbImg/编组.png);display:flex;justify-content: space-around;align-items: center;'>
@@ -276,77 +244,78 @@ export default {
                                     </div>
                                 </div>
                               `);
-                map.addOverlay(that.label1);
-                let closebtn = document.querySelector(".closeBtn");
-                let closeBtn1 = document.querySelector(".closeBtn1");
-                closeBtn1.addEventListener("click", () => {
-                  map.removeOverlay(that.label1);
-                });
-                //console.log(btn, 'btn');
-                closebtn.addEventListener("click", () => {
-                  that.$emit("toArchives", item);
-                  map.removeOverlay(that.label1);
+                                map.addOverlay(that.label1);
+                                let closebtn = document.querySelector('.closeBtn')
+                                let closeBtn1 = document.querySelector('.closeBtn1')
+                                closeBtn1.addEventListener('click', () => {
+
+                                    map.removeOverlay(that.label1);
+                                })
+                                //console.log(btn, 'btn');
+                                closebtn.addEventListener('click', () => {
+                                    that.$emit('toArchives', item)
+                                    map.removeOverlay(that.label1);
+                                })
+                            })
+                        });
+                    })
+                    polygon.removeEventListener('mousemove')
                 });
-              });
-            });
-          });
-          polygon.removeEventListener("mousemove");
-        });
-      }
-      function showPoint() {
-        console.log(MapPoint, "MapPoint");
-        for (let i = 0; i < MapPoint.features.length; i++) {
-          var opts = {
-            position: new BMap.Point(
-              MapPoint.features[i].geometry.coordinates[0],
-              MapPoint.features[i].geometry.coordinates[1]
-            ), // 指定文本标注所在的地理位置
-            offset: new BMap.Size(-30, -30), // 设置文本偏移量
-          };
 
-          // 创建文本标注对象
-          var label1 = new BMap.Label(
-            MapPoint.features[i].properties.name,
-            opts
-          );
-          // 自定义文本标注样式
-          label1.setStyle({
-            color: "orange",
-            borderRadius: "5px",
-            borderColor: "#ccc",
-            padding: "10px",
-            fontSize: "16px",
-            height: "20px",
-            lineHeight: "20px",
-            backgroundColor: "rgba(0,0,0,0)",
-            border: "0",
-            fontFamily: "微软雅黑",
-          });
-          map.addOverlay(label1);
-        }
-      }
-    },
-  },
-};
+            }
+            function showPoint() {
+                console.log(MapPoint, 'MapPoint');
+
+                for (let i = 0; i < MapPoint.features.length; i++) {
+                    var opts = {
+                        position: new BMap.Point(MapPoint.features[i].geometry.coordinates[0], MapPoint.features[i].geometry.coordinates[1]), // 指定文本标注所在的地理位置
+                        offset: new BMap.Size(-30, -30) // 设置文本偏移量
+                    };
+
+                    // 创建文本标注对象
+                    var label1 = new BMap.Label(MapPoint.features[i].properties.name, opts);
+                    // 自定义文本标注样式
+                    label1.setStyle({
+                        color: 'orange',
+                        borderRadius: '5px',
+                        borderColor: '#ccc',
+                        padding: '10px',
+                        fontSize: '16px',
+                        height: '20px',
+                        lineHeight: '20px',
+                        backgroundColor: 'rgba(0,0,0,0)',
+                        border: '0',
+                        fontFamily: '微软雅黑'
+                    });
+                    map.addOverlay(label1);
+                }
+            }
+
+        },
+    }
+}
 </script>
 
 <style scoped lang="less">
 .bmap {
-  width: 100%;
-  height: 100%;
-  border: 1px solid #000000;
+    width: 100%;
+    height: 100%;
+    border: 1px solid #000000;
 }
 
+
+
 .fanhui {
-  display: inline-block;
-  width: 50px;
-  height: 20px;
-  position: absolute;
-  left: 49%;
-  bottom: 30px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  z-index: 50;
+    display: inline-block;
+    width: 50px;
+    height: 20px;
+    position: absolute;
+    left: 49%;
+    bottom: 30px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 50;
+
 }
 </style>
\ No newline at end of file
diff --git a/src/views/applySupermarket/personBack/components/abnormalTable.vue b/src/views/applySupermarket/personBack/components/abnormalTable.vue
index e21c0e5..a804beb 100644
--- a/src/views/applySupermarket/personBack/components/abnormalTable.vue
+++ b/src/views/applySupermarket/personBack/components/abnormalTable.vue
@@ -235,7 +235,7 @@ export default {
 // }
 .pagination_body {
   width: 44vw;
-  height: 4vh;
+  height: 4.5vh;
   display: flex;
   flex-direction: row-reverse;
   // border: 0.1px solid #2f6363;
diff --git a/src/views/applySupermarket/personBack/components/normalTable.vue b/src/views/applySupermarket/personBack/components/normalTable.vue
index 76a4081..400e48e 100644
--- a/src/views/applySupermarket/personBack/components/normalTable.vue
+++ b/src/views/applySupermarket/personBack/components/normalTable.vue
@@ -139,7 +139,7 @@ export default {
 }
 .pagination_body {
   width: 44vw;
-  height: 4vh;
+  height: 4.5vh;
   display: flex;
   flex-direction: row-reverse;
   // border: 0.1px solid #2f6363;
diff --git a/src/views/factorResources/map.vue b/src/views/factorResources/map.vue
index 1304e14..36aa051 100644
--- a/src/views/factorResources/map.vue
+++ b/src/views/factorResources/map.vue
@@ -1,215 +1,270 @@
 <template>
-    <div>
-        <div class="bmap" id="container" ref="container"></div>
-    </div>
+  <div>
+    <div class="bmap" id="container" ref="container"></div>
+  </div>
 </template>
 
 <script>
-import MapLine from "../../../public/zhenhaiLine.json"
-import MapPoint from "../../../public/zhenhaiPoint.json"
-import styleJson from "../../../public/custom_map_config.json"
+import MapLine from "../../../public/zhenhaiLine.json";
+import MapPoint from "../../../public/zhenhaiPoint.json";
+import styleJson from "../../../public/custom_map_config.json";
+import { topMap } from "@/api/offLineMap";
 export default {
-    name: 'zhenhaimap',
-    props: ['companyInfoList', 'deviceVideoInfoList'],
-    data() {
-        return {
-            dongtaiPoint: [121.604192, 29.977299],
-            WaringList: this.companyInfoList,
-            VideoInfoList: this.deviceVideoInfoList,
-            villageList: [],
-            villageSumList: [],
-            flag: true,
-            companyList: [],
-        }
-    },
-    mounted() {
-        this.$nextTick(() => {
-            this.initMap()
-        })
-
+  name: "zhenhaimap",
+  props: ["companyInfoList", "deviceVideoInfoList"],
+  data() {
+    return {
+      dongtaiPoint: [121.604192, 29.977299],
+      WaringList: this.companyInfoList,
+      VideoInfoList: this.deviceVideoInfoList,
+      villageList: [],
+      villageSumList: [],
+      flag: true,
+      companyList: [],
+    };
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.initMap();
+    });
+    topMap({ scoreType: "season" }).then((res) => {
+      this.companyList = res.data;
+    });
+  },
+  watch: {
+    companyInfoList: {
+      handler(newVal) {
+        this.WaringList = newVal;
+        this.initMap();
+      },
+      immediate: true,
     },
-    watch: {
-        companyInfoList: {
-            handler(newVal) {
-                this.WaringList = newVal
-                this.initMap()
-            },
-            immediate: true
-        },
-        deviceVideoInfoList: {
-            handler(newVal) {
-                this.VideoInfoList = newVal
-                this.initMap()
-            },
-            immediate: true
-        }
+    deviceVideoInfoList: {
+      handler(newVal) {
+        this.VideoInfoList = newVal;
+        this.initMap();
+      },
+      immediate: true,
     },
-    methods: {
-        goBack() {
-            this.initMap()
+  },
+  methods: {
+    goBack() {
+      this.initMap();
 
-            this.$emit('goBack')
+      this.$emit("goBack");
+    },
+    initMap() {
+      var BMap = window.BMap;
+      // console.log(BMap, 'BMap');
+      var map = new BMap.Map("container", {
+        style: {
+          styleJson,
         },
-        initMap() {
-            var BMap = window.BMap
-            // console.log(BMap, 'BMap');
-            var map = new BMap.Map('container', {
-                style: {
-                    styleJson
-                }
-            });
-
-            //  console.log(this.WaringList, 'waringList');
-            let that = this
-            map.centerAndZoom(new BMap.Point(this.dongtaiPoint[0], this.dongtaiPoint[1]), 13);
-            map.setMinZoom(12)
-            map.setMaxZoom(19)
-            map.enableScrollWheelZoom(true);
-            // hjrequest({
-            //     url: '/yc/dt/statistical/village',
-            //     method: 'get',
-            //     params: { areaCode: that.areaCode }
-            // }).then((res) => {
-            //     that.villageSumList = res.data
-            // })
-            // console.log(MapLine, 'MapLine');
-            for (var i = 0, n = MapLine.features.length; i < n; i++) {
-                showBoundaryEx(MapLine.features[i]);
-            }
-            var label = new BMap.Label();
-            showPoint()
-            showPic()
-            function showBoundaryEx(city) {
-                var paths = []
-                var list = city.geometry.coordinates
-
-                // console.log(list.length, 'list[0].length')
-                //console.log(list[1], 'list[1].length')
-                var polygon = {}
-                if (list.length > 1) {
-                    for (let a = 0; a < list.length; a++) {
-                        paths = []
-                        for (let i = 0; i < list[a][0].length; i++) {
-                            let lat = list[a][0][i][1],
-                                lng = list[a][0][i][0];
-                            paths.push(new BMap.Point(lng, lat));
-                        }
-                        polygon = new BMap.Polygon(paths, {
-                            fillColor: '#3b4c44',
-                            strokeColor: "#0f1423",
-                            fillOpacity: 0.6,
-                            strokeWeight: 1
-                        }); //创建多边形
-                        map.addOverlay(polygon); //增加多边形
-                    }
-                    // // console.log(list, 'length');
-                } else {
-                    // console.log(list[0], ' list[0]');
-                    for (let i = 0; i < list[0].length; i++) {
-                        let lat = list[0][i][1],
-                            lng = list[0][i][0];
-                        paths.push(new BMap.Point(lng, lat));
-                    }
-                    // console.log(list, 'length');
-                    polygon = new BMap.Polygon(paths, {
-                        fillColor: '#3b4c44',
-                        strokeColor: "#0f1423",
-                        fillOpacity: 0.6,
-                        strokeWeight: 1
-                    }); //创建多边形
-                    map.addOverlay(polygon); //增加多边形
-                }
-                polygon.infowindow = new BMap.InfoWindow();
-                polygon.infowindow.name = city.properties.name;
-                polygon.addEventListener("mouseover", function () {
-                    polygon.setFillColor("#ffa500");
-                });
-                polygon.addEventListener("mouseout", function () {
-                    map.removeOverlay(label);
-                    polygon.setFillColor('#3b4c44');
-                });
+      });
 
+      //  console.log(this.WaringList, 'waringList');
+      let that = this;
+      map.centerAndZoom(
+        new BMap.Point(this.dongtaiPoint[0], this.dongtaiPoint[1]),
+        13
+      );
+      map.setMinZoom(12);
+      map.setMaxZoom(19);
+      map.enableScrollWheelZoom(true);
+      // hjrequest({
+      //     url: '/yc/dt/statistical/village',
+      //     method: 'get',
+      //     params: { areaCode: that.areaCode }
+      // }).then((res) => {
+      //     that.villageSumList = res.data
+      // })
+      // console.log(MapLine, 'MapLine');
+      for (var i = 0, n = MapLine.features.length; i < n; i++) {
+        showBoundaryEx(MapLine.features[i]);
+      }
+      var label = new BMap.Label();
+      showPoint();
+      showPic();
+      function showBoundaryEx(city) {
+        var paths = [];
+        var list = city.geometry.coordinates;
 
+        // console.log(list.length, 'list[0].length')
+        //console.log(list[1], 'list[1].length')
+        var polygon = {};
+        if (list.length > 1) {
+          for (let a = 0; a < list.length; a++) {
+            paths = [];
+            for (let i = 0; i < list[a][0].length; i++) {
+              let lat = list[a][0][i][1],
+                lng = list[a][0][i][0];
+              paths.push(new BMap.Point(lng, lat));
             }
-            function showPoint() {
-                // console.log(MapPoint, 'MapPoint');
-                for (let i = 0; i < MapPoint.features.length; i++) {
-                    var opts = {
-                        position: new BMap.Point(MapPoint.features[i].geometry.coordinates[0], MapPoint.features[i].geometry.coordinates[1]), // 指定文本标注所在的地理位置
-                        offset: new BMap.Size(-30, -30) // 设置文本偏移量
-                    };
+            polygon = new BMap.Polygon(paths, {
+              fillColor: "#3b4c44",
+              strokeColor: "#0f1423",
+              fillOpacity: 0.6,
+              strokeWeight: 1,
+            }); //创建多边形
+            map.addOverlay(polygon); //增加多边形
+          }
+          // // console.log(list, 'length');
+        } else {
+          // console.log(list[0], ' list[0]');
+          for (let i = 0; i < list[0].length; i++) {
+            let lat = list[0][i][1],
+              lng = list[0][i][0];
+            paths.push(new BMap.Point(lng, lat));
+          }
+          // console.log(list, 'length');
+          polygon = new BMap.Polygon(paths, {
+            fillColor: "#3b4c44",
+            strokeColor: "#0f1423",
+            fillOpacity: 0.6,
+            strokeWeight: 1,
+          }); //创建多边形
+          map.addOverlay(polygon); //增加多边形
+        }
+        polygon.infowindow = new BMap.InfoWindow();
+        polygon.infowindow.name = city.properties.name;
+        polygon.addEventListener("mouseover", function () {
+          polygon.setFillColor("#ffa500");
+        });
+        polygon.addEventListener("mouseout", function () {
+          map.removeOverlay(label);
+          polygon.setFillColor("#3b4c44");
+        });
+        // 点击多边形展示公司点位_1
+        polygon.addEventListener("click", function () {
+          if (city.properties.name == "骆驼街道") {
+            map.centerAndZoom(new BMap.Point(121.58887, 29.986122), 15);
+          } else if (city.properties.name == "招宝山街道") {
+            map.centerAndZoom(new BMap.Point(121.713707, 29.95656), 15);
+          } else if (city.properties.name == "蛟川街道") {
+            map.centerAndZoom(new BMap.Point(121.686105, 29.947339), 15);
+          } else if (city.properties.name == "庄市街道") {
+            map.centerAndZoom(new BMap.Point(121.627037, 29.925579), 15);
+          } else if (city.properties.name == "贵驷街道") {
+            map.centerAndZoom(new BMap.Point(121.624142, 29.985606), 15);
+          } else if (city.properties.name == "澥浦镇") {
+            map.centerAndZoom(new BMap.Point(121.607133, 30.037162), 15);
+          } else if (city.properties.name == "九龙湖镇") {
+            map.centerAndZoom(new BMap.Point(121.558532, 30.039457), 15);
+          }
+          // 点击多边形展示公司点位_2
+          that.companyList.forEach((item) => {
+            var point = new BMap.Point(item.longitude, item.latitude);
+            var marker = new BMap.Marker(point); // 创建标注
+            map.addOverlay(marker);
+            var content = item.companyName;
+            var label = new BMap.Label(content, {
+              // 创建文本标注
+              position: point, // 设置标注的地理位置
+              offset: new BMap.Size(-10, -50), // 设置标注的偏移量
+            });
+            label.setStyle({
+              backgroundColor: " rgba(0, 0, 0, 0)",
+              border: "0",
+              color: "#0060ce",
+              fontSize: "16px",
+            });
+            map.addOverlay(label);
+          })
+        });
+      }
+      function showPoint() {
+        // console.log(MapPoint, 'MapPoint');
+        for (let i = 0; i < MapPoint.features.length; i++) {
+          var opts = {
+            position: new BMap.Point(
+              MapPoint.features[i].geometry.coordinates[0],
+              MapPoint.features[i].geometry.coordinates[1]
+            ), // 指定文本标注所在的地理位置
+            offset: new BMap.Size(-30, -30), // 设置文本偏移量
+          };
 
-                    // 创建文本标注对象
-                    var label1 = new BMap.Label(MapPoint.features[i].properties.name, opts);
-                    // 自定义文本标注样式
-                    label1.setStyle({
-                        color: 'orange',
-                        borderRadius: '5px',
-                        borderColor: '#ccc',
-                        padding: '10px',
-                        fontSize: '16px',
-                        height: '20px',
-                        lineHeight: '20px',
-                        backgroundColor: 'rgba(0,0,0,0)',
-                        border: '0',
-                        fontFamily: '微软雅黑'
-                    });
-                    map.addOverlay(label1);
-                }
+          // 创建文本标注对象
+          var label1 = new BMap.Label(
+            MapPoint.features[i].properties.name,
+            opts
+          );
+          // 自定义文本标注样式
+          label1.setStyle({
+            color: "orange",
+            borderRadius: "5px",
+            borderColor: "#ccc",
+            padding: "10px",
+            fontSize: "16px",
+            height: "20px",
+            lineHeight: "20px",
+            backgroundColor: "rgba(0,0,0,0)",
+            border: "0",
+            fontFamily: "微软雅黑",
+          });
+          map.addOverlay(label1);
+        }
+      }
+      function showPic() {
+        //  console.log(that.WaringList, 'that.WaringList');
+        that.WaringList.forEach((item) => {
+          // 创建小车图标
+          var myIcon = new BMap.Icon(
+            "pbImg/企业icon（悬浮）.png",
+            new BMap.Size(80, 80)
+          );
+          myIcon.setImageUrl("pbImg/企业icon（悬浮）.png");
+          // 创建Marker标注，使用小车图标
+          var marker = new BMap.Marker(
+            new BMap.Point(item.longitude, item.latitude),
+            {
+              icon: myIcon,
             }
-            function showPic() {
-                //  console.log(that.WaringList, 'that.WaringList');
-                that.WaringList.forEach(item => {
-                    // 创建小车图标
-                    var myIcon = new BMap.Icon("pbImg/企业icon（悬浮）.png", new BMap.Size(80, 80));
-                    myIcon.setImageUrl("pbImg/企业icon（悬浮）.png")
-                    // 创建Marker标注，使用小车图标
-                    var marker = new BMap.Marker(new BMap.Point(item.longitude, item.latitude), {
-                        icon: myIcon
-                    });
-                    // console.log(marker, 'marker');
-                    map.addOverlay(marker);
-                    marker.addEventListener("click", function () {
-                        that.$emit('showCompanyData', item)
-                    });
-                })
-                //that.flexPoint()
-                console.log(that.VideoInfoList, 'that.VideoInfoList');
-                that.VideoInfoList.forEach(item => {
-                    // 创建小车图标
-                    var myIcon = new BMap.Icon("pbImg/监控icon（悬浮）.png", new BMap.Size(80, 80));
-                    myIcon.setImageUrl("pbImg/监控icon（悬浮）.png")
-                    // 创建Marker标注，使用小车图标
-                    var marker = new BMap.Marker(new BMap.Point(item.longitude, item.latitude), {
-                        icon: myIcon
-                    });
-                    // console.log(marker, 'marker');
-                    map.addOverlay(marker);
-                    marker.addEventListener("click", function () {
-                        that.$emit('showCameraData', item)
-                    });
-                })
+          );
+          // console.log(marker, 'marker');
+          map.addOverlay(marker);
+          marker.addEventListener("click", function () {
+            that.$emit("showCompanyData", item);
+          });
+        });
+        //that.flexPoint()
+        console.log(that.VideoInfoList, "that.VideoInfoList");
+        that.VideoInfoList.forEach((item) => {
+          // 创建小车图标
+          var myIcon = new BMap.Icon(
+            "pbImg/监控icon（悬浮）.png",
+            new BMap.Size(80, 80)
+          );
+          myIcon.setImageUrl("pbImg/监控icon（悬浮）.png");
+          // 创建Marker标注，使用小车图标
+          var marker = new BMap.Marker(
+            new BMap.Point(item.longitude, item.latitude),
+            {
+              icon: myIcon,
             }
-        },
-        flexPoint() {
-            var pointAll = document.querySelectorAll('.BMap_Marker.BMap_noprint')
-            console.log(pointAll, 'pointAll');
-
-
-        }
-    }
-}
+          );
+          // console.log(marker, 'marker');
+          map.addOverlay(marker);
+          marker.addEventListener("click", function () {
+            that.$emit("showCameraData", item);
+          });
+        });
+      }
+    },
+    flexPoint() {
+      var pointAll = document.querySelectorAll(".BMap_Marker.BMap_noprint");
+      console.log(pointAll, "pointAll");
+    },
+  },
+};
 </script>
 
 <style scoped lang="less">
 .bmap {
-    width: 100%;
-    height: 100%;
-    border: 1px solid #000000;
-
+  width: 100%;
+  height: 100%;
+  border: 1px solid #000000;
 }
 
-
 // /deep/ .BMap_Marker {
 //     z-index: 1000;
 //     background: url('../../../public/dongtai/awrni.png') no-repeat !important;
@@ -217,16 +272,15 @@ export default {
 // }
 
 .fanhui {
-    display: inline-block;
-    width: 50px;
-    height: 20px;
-    position: absolute;
-    left: 49%;
-    bottom: 30px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    z-index: 50;
-
+  display: inline-block;
+  width: 50px;
+  height: 20px;
+  position: absolute;
+  left: 49%;
+  bottom: 30px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 50;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/realtimeWarning/index.vue b/src/views/realtimeWarning/index.vue
index f7225d8..2ec3720 100644
--- a/src/views/realtimeWarning/index.vue
+++ b/src/views/realtimeWarning/index.vue
@@ -1,663 +1,723 @@
 <template>
-    <div class="main">
-        <div class="box">
-            <div class="title">实时预警</div>
-            <div class="leftBox">
-                <div class="shuoming"><img src="../../assets/realtimeWarning/消息.png"
-                        alt="">&nbsp;实时预警根据平安指数配置的预警规则，辖区内的企业达到预警分值后产生即时预警</div>
-                <zhmap class="map" :waringList="waringList" @zhuanchuzhi="chuzhi" v-if="waringList && waringList.length">
-                </zhmap>
-            </div>
-            <div class="rightBox">
-                <div class="totalTitle">
-                    <div class="titleText">预警列表</div><span>&nbsp;（ <span class="redText">{{ total }}</span> ）</span>
-                    <div class="searchBox">
-                        <el-form :model="formInline" class="search">
-                            <el-form-item class="formItem">
-                                <el-input v-model.trim="formInline.searchParams" placeholder="企业名称/预警指标" clearable
-                                    class="formIpt"></el-input>
-                            </el-form-item>
-                            <el-button type="primary" @click="getList()">搜索</el-button>
-                        </el-form>
-                    </div>
-                </div>
-                <div class="bottomBody">
-                    <div class="yujingItem" v-for="(item, index) in waringList" :key="index">
-                        <div class="yujingTop">
-                            <div class="companyName">{{ item.companyName }}</div>
-                            <div class="impBtnList">
-                                <div :class="{ 'shewei': a == '剧毒' || a == '易制毒', 'zhongdian': a == '消防重点' || a == '所管消防', 'zhibao': a == '放射源' || a == '易制爆', 'zhian': a == '治安重点' || a == '创安单位' }"
-                                    v-for="a in item.companyTypeList" :key="a">{{ a }}
-                                </div>
-                            </div>
-                        </div>
-                        <div class="yujingBottom">
-                            <div class="bottomTOP">
-                                <div class="topItem"><span>一级指标：</span><span class="numValue">{{ item.levelIndexOne
-                                }}</span></div>
-
-                                <div class="topItem"><span>预警指标：</span>
-                                    <el-tooltip :content="item.levelIndexThree + '异常'" placement="top-start">
-                                        <span class="numValue">“{{ item.levelIndexThree
-                                        }}”异常</span>
-                                    </el-tooltip>
-                                </div>
-                            </div>
-                            <div class="bottomTOP">
-                                预警时间：<span class="numValue">{{ item.alarmTime }}</span>
-                            </div>
-                        </div>
-                        <div class="chuzhi" @click="chuzhi(item)">转处置</div>
-                    </div>
-                </div>
-                <div class="block">
-                    <el-pagination style="float:right;margin:5px;" class="msg-pagination-container" :background="true"
-                        @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageNum"
-                        :page-sizes="[10]" layout="total,  prev, pager, next, jumper" :total="total">
-                    </el-pagination>
+  <div class="main">
+    <div class="box">
+      <div class="title">实时预警</div>
+      <div class="leftBox">
+        <div class="shuoming">
+          <img
+            src="../../assets/realtimeWarning/消息.png"
+            alt=""
+          />&nbsp;实时预警根据平安指数配置的预警规则，辖区内的企业达到预警分值后产生即时预警
+        </div>
+        <zhmap
+          class="map"
+          :waringList="waringList"
+          @zhuanchuzhi="chuzhi"
+          v-if="waringList && waringList.length"
+        >
+        </zhmap>
+      </div>
+      <div class="rightBox">
+        <div class="totalTitle">
+          <div class="titleText">预警列表</div>
+          <span
+            >&nbsp;（ <span class="redText">{{ total }}</span> ）</span
+          >
+          <div class="searchBox">
+            <el-form :model="formInline" class="search">
+              <el-form-item class="formItem">
+                <el-input
+                  v-model.trim="formInline.searchParams"
+                  placeholder="企业名称/预警指标"
+                  clearable
+                  class="formIpt"
+                ></el-input>
+              </el-form-item>
+              <el-button type="primary" @click="getList()">搜索</el-button>
+            </el-form>
+          </div>
+        </div>
+        <div class="bottomBody">
+          <div
+            class="yujingItem"
+            v-for="(item, index) in waringList"
+            :key="index"
+          >
+            <div class="yujingTop">
+              <div class="companyName">{{ item.companyName }}</div>
+              <div class="impBtnList">
+                <div
+                  :class="{
+                    shewei: a == '剧毒' || a == '易制毒',
+                    zhongdian: a == '消防重点' || a == '所管消防',
+                    zhibao: a == '放射源' || a == '易制爆',
+                    zhian: a == '治安重点' || a == '创安单位',
+                  }"
+                  v-for="a in item.companyTypeList"
+                  :key="a"
+                >
+                  {{ a }}
                 </div>
+              </div>
             </div>
-            <el-dialog title="选择处置部门" :visible.sync="diaVisible" class="picForm" @closed="closeDia()">
-                <div class="czTitle">可选择多个部门联合处置：</div>
-                <div class="czBody" v-if="deptList && deptList.length">
-                    <el-checkbox-group v-model="checkedDepts">
-                        <el-checkbox v-for="city in deptList" :label="city.deptId" :key="city.deptId">{{ city.deptName
-                        }}</el-checkbox>
-                    </el-checkbox-group>
+            <div class="yujingBottom">
+              <div class="bottomTOP">
+                <div class="topItem">
+                  <span>一级指标：</span
+                  ><span class="numValue">{{ item.levelIndexOne }}</span>
                 </div>
-                <div slot="footer" class="dialog-footer">
-                    <el-button @click="diaVisible = false">取 消
-                    </el-button>
-                    <el-button type="primary" @click="addForm()">确 定</el-button>
+
+                <div class="topItem">
+                  <span>预警指标：</span>
+                  <el-tooltip
+                    :content="item.levelIndexThree + '异常'"
+                    placement="top-start"
+                  >
+                    <span class="numValue"
+                      >“{{ item.levelIndexThree }}”异常</span
+                    >
+                  </el-tooltip>
                 </div>
-            </el-dialog>
+              </div>
+              <div class="bottomTOP">
+                预警时间：<span class="numValue">{{ item.alarmTime }}</span>
+              </div>
+            </div>
+            <div class="chuzhi" @click="chuzhi(item)">转处置</div>
+          </div>
+        </div>
+        <div class="block">
+          <el-pagination
+            style="float: right; margin: 5px"
+            class="msg-pagination-container"
+            :background="true"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="pageNum"
+            :page-sizes="[10]"
+            layout="total,  prev, pager, next, jumper"
+            :total="total"
+          >
+          </el-pagination>
         </div>
+      </div>
+      <el-dialog
+        title="选择处置部门"
+        :visible.sync="diaVisible"
+        class="picForm"
+        @closed="closeDia()"
+      >
+        <div class="czTitle">可选择多个部门联合处置：</div>
+        <div class="czBody" v-if="deptList && deptList.length">
+          <el-checkbox-group v-model="checkedDepts">
+            <el-checkbox
+              v-for="city in deptList"
+              :label="city.deptId"
+              :key="city.deptId"
+              >{{ city.deptName }}</el-checkbox
+            >
+          </el-checkbox-group>
+        </div>
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="diaVisible = false">取 消 </el-button>
+          <el-button type="primary" @click="addForm()">确 定</el-button>
+        </div>
+      </el-dialog>
     </div>
+  </div>
 </template>
 
 <script>
-import { mapList, deptList, addCommonApprovalProcess } from '@/api/realtimeWarning'
-import zhmap from './map.vue'
+import {
+  mapList,
+  deptList,
+  addCommonApprovalProcess,
+} from "@/api/realtimeWarning";
+import zhmap from "./map.vue";
 export default {
-    components: {
-        zhmap,
+  components: {
+    zhmap,
+  },
+  data() {
+    return {
+      waringList: [],
+      diaVisible: false,
+      checkedDepts: [],
+      deptList: [],
+      chuzhiData: {},
+      pageSize: 10,
+      pageNum: 1,
+      total: 0,
+      formInline: {},
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    getList() {
+      mapList({
+        pageSize: this.pageSize,
+        pageNum: this.pageNum,
+        ...this.formInline,
+      }).then((res) => {
+        this.waringList = res.data;
+        this.total = res.total;
+      });
     },
-    data() {
-        return {
-            waringList: [],
-            diaVisible: false,
-            checkedDepts: [],
-            deptList: [],
-            chuzhiData: {},
-            pageSize: 10,
-            pageNum: 1,
-            total: 0,
-            formInline: {},
-        }
+    handleSizeChange(val) {
+      this.pageNum = 1;
+      this.pageSize = val;
+      this.getList();
     },
-    created() {
-        this.getList()
+    handleCurrentChange(val) {
+      this.pageNum = val;
+      this.getList();
     },
-    methods: {
-        getList() {
-            mapList({ pageSize: this.pageSize, pageNum: this.pageNum, ...this.formInline }).then(res => {
-                this.waringList = res.data
-                this.total = res.total
-            })
-        },
-        handleSizeChange(val) {
-            this.pageNum = 1;
-            this.pageSize = val;
-            this.getList()
-        },
-        handleCurrentChange(val) {
-            this.pageNum = val;
-            this.getList()
-        },
-        chuzhi(val) {
-            //console.log(val)
-            this.chuzhiData = val
-            deptList().then(res => {
-                console.log(res, 'res');
-                this.deptList = res.data
-                this.diaVisible = true
-            })
-        },
-        closeDia() {
-            this.checkedDepts = []
-        },
-        addForm() {
-            console.log(this.checkedDepts, 'this.checkedDepts');
-            addCommonApprovalProcess({ approveDeptCodes: this.checkedDepts, safeCompanyAlarm: { id: this.chuzhiData.id } }).then(res => {
-                if (res.code == 200) {
-                    this.$message.success(res.msg)
-                    this.diaVisible = false
-                    this.getList()
-                } else {
-                    this.$message.error(res.msg)
-                }
-            })
+    chuzhi(val) {
+      //console.log(val)
+      this.chuzhiData = val;
+      deptList().then((res) => {
+        console.log(res, "res");
+        this.deptList = res.data;
+        this.diaVisible = true;
+      });
+    },
+    closeDia() {
+      this.checkedDepts = [];
+    },
+    addForm() {
+      console.log(this.checkedDepts, "this.checkedDepts");
+      addCommonApprovalProcess({
+        approveDeptCodes: this.checkedDepts,
+        safeCompanyAlarm: { id: this.chuzhiData.id },
+      }).then((res) => {
+        if (res.code == 200) {
+          this.$message.success(res.msg);
+          this.diaVisible = false;
+          this.getList();
+        } else {
+          this.$message.error(res.msg);
         }
-    }
-
-}
+      });
+    },
+  },
+};
 </script>
 
 <style lang="less" scoped>
 .main {
-    width: 100%;
-    height: calc(100% - 80px);
+  width: 100%;
+  height: calc(100% - 80px);
 
+  box-sizing: border-box;
+
+  padding: 20px;
+
+  .box {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    padding: 70px 25px 20px;
+    background: url("~@/assets/realtimeWarning/231.png") no-repeat;
+    background-size: 100% 100%;
     box-sizing: border-box;
+    display: flex;
+
+    .title {
+      position: absolute;
+      top: 25px;
+      left: 25px;
+      font-size: 18px;
+      color: #ffffff;
+      letter-spacing: 1px;
+      font-weight: 500;
+    }
 
-    padding: 20px;
+    .leftBox {
+      width: calc(100% - 590px);
+      height: 100%;
+      margin-right: 20px;
+      box-sizing: border-box;
+      background: url("~@/assets/realtimeWarning/矩形备份 289981.png") no-repeat;
+      background-size: 100% 100%;
+      padding: 20px;
+      position: relative;
+
+      .shuoming {
+        position: absolute;
+        top: 20px;
+        left: 20px;
+        height: 40px;
+        width: calc(100% - 40px);
+        background: rgba(15, 17, 19, 0.4);
+        z-index: 999999999;
+        padding: 0 10px;
+        display: flex;
+        align-items: center;
+        font-size: 14px;
+        color: rgba(255, 255, 255, 0.7);
+        letter-spacing: 1px;
+        font-weight: 400;
+
+        img {
+          width: 20px;
+          height: 20px;
+        }
+      }
 
-    .box {
-        width: 100%;
+      .map {
         height: 100%;
-        position: relative;
-        padding: 70px 25px 20px;
-        background: url('~@/assets/realtimeWarning/231.png') no-repeat;
-        background-size: 100% 100%;
-        box-sizing: border-box;
-        display: flex;
+        width: 100%;
+      }
+    }
 
-        .title {
-            position: absolute;
-            top: 25px;
-            left: 25px;
-            font-size: 18px;
-            color: #FFFFFF;
-            letter-spacing: 1px;
-            font-weight: 500;
+    .rightBox {
+      width: 570px;
+      height: 100%;
+      box-sizing: border-box;
+      background: url("~@/assets/realtimeWarning/矩形备份 289981.png") no-repeat;
+      background-size: 100% 100%;
+      position: relative;
+
+      .totalTitle {
+        height: 60px;
+        width: 100%;
+        border-bottom: 1px solid rgba(91, 116, 140, 0.6);
+        padding: 0 20px;
+        display: flex;
+        align-items: center;
+        color: #ebfff4;
+
+        .titleText {
+          font-size: 16px;
+          color: #ebfff4;
+          letter-spacing: 2px;
+          width: 120px;
+          text-shadow: 0 0 9px rgba(21, 255, 195, 0.6);
+          font-weight: 400;
         }
 
-        .leftBox {
-            width: calc(100% - 590px);
-            height: 100%;
-            margin-right: 20px;
+        .searchBox {
+          height: 40px;
+          width: 320px;
+          display: flex;
+          box-sizing: border-box;
+          align-items: center;
+
+          .search {
+            height: 35px;
             box-sizing: border-box;
-            background: url('~@/assets/realtimeWarning/矩形备份 289981.png') no-repeat;
-            background-size: 100% 100%;
-            padding: 20px;
-            position: relative;
-
-            .shuoming {
-                position: absolute;
-                top: 20px;
-                left: 20px;
-                height: 40px;
-                width: calc(100% - 40px);
-                background: rgba(15, 17, 19, 0.40);
-                z-index: 999999999;
-                padding: 0 10px;
-                display: flex;
-                align-items: center;
-                font-size: 14px;
-                color: rgba(255, 255, 255, 0.7);
-                letter-spacing: 1px;
-                font-weight: 400;
+            margin-top: -5px;
+          }
+
+          /deep/.el-input__inner {
+            // background: url('~@/assets/companyFile/2121.png') no-repeat;
+            background: #3b4450;
+            border: 1px solid #5b748c;
+            color: rgba(234, 246, 255, 0.7);
+            height: 35px;
+
+            .el-range-separator {
+              color: #ccc;
+            }
 
-                img {
+            .el-range-input {
+              background: rgba(0, 0, 0, 0);
+              color: #ccc;
+            }
+          }
 
-                    width: 20px;
-                    height: 20px;
-                }
+          /deep/.el-form-item {
+            margin: 0;
 
+            .el-form-item__content {
+              line-height: 35px;
             }
 
-            .map {
-                height: 100%;
-                width: 100%;
+            .el-form-item__label {
+              color: #eaf6ff;
+              letter-spacing: 1px;
+              text-align: center;
+              font-weight: 400;
             }
+          }
+
+          /deep/.el-button--primary {
+            width: 60px;
+            height: 35px;
+            line-height: 30px;
+            padding: 0;
+            text-align: center;
+            background: rgba(0, 0, 0, 0);
+            border: 0;
+            background: url("~@/assets/companyFile/2121.png") no-repeat;
+            background-size: 100% 100%;
+            font-size: 14px;
+            color: #f8fbff;
+            letter-spacing: 0.89px;
+            font-weight: 500;
+          }
+
+          /deep/.el-button--default {
+            width: 60px;
+            height: 35px;
+            line-height: 30px;
+            padding: 0;
+            text-align: center;
+            background: #3b4450;
+            border: 0;
+
+            font-size: 14px;
+            color: #f8fbff;
+            letter-spacing: 0.89px;
+            font-weight: 500;
+          }
         }
 
-        .rightBox {
-            width: 570px;
-            height: 100%;
-            box-sizing: border-box;
-            background: url('~@/assets/realtimeWarning/矩形备份 289981.png') no-repeat;
-            background-size: 100% 100%;
-            position: relative;
+        .redText {
+          font-size: 16px;
+          color: #ff9191;
+          letter-spacing: 2px;
 
-            .totalTitle {
-                height: 60px;
-                width: 100%;
-                border-bottom: 1px solid rgba(91, 116, 140, 0.6);
-                padding: 0 20px;
-                display: flex;
-                align-items: center;
-                color: #EBFFF4;
-
-                .titleText {
-                    font-size: 16px;
-                    color: #EBFFF4;
-                    letter-spacing: 2px;
-                    width: 120px;
-                    text-shadow: 0 0 9px rgba(21, 255, 195, 0.60);
-                    font-weight: 400;
-                }
+          font-weight: 400;
+        }
+      }
 
-                .searchBox {
-                    height: 40px;
-                    width: 320px;
-                    display: flex;
-                    box-sizing: border-box;
-                    align-items: center;
-
-                    .search {
-                        height: 35px;
-                        box-sizing: border-box;
-                        margin-top: -5px;
-                    }
-
-                    /deep/.el-input__inner {
-                        // background: url('~@/assets/companyFile/2121.png') no-repeat;
-                        background: #3B4450;
-                        border: 1px solid #5B748C;
-                        color: rgba(234, 246, 255, 0.7);
-                        height: 35px;
-
-                        .el-range-separator {
-                            color: #ccc;
-                        }
-
-                        .el-range-input {
-                            background: rgba(0, 0, 0, 0);
-                            color: #ccc;
-                        }
-                    }
-
-                    /deep/.el-form-item {
-
-                        margin: 0;
-
-                        .el-form-item__content {
-                            line-height: 35px;
-                        }
-
-                        .el-form-item__label {
-                            color: #EAF6FF;
-                            letter-spacing: 1px;
-                            text-align: center;
-                            font-weight: 400;
-                        }
-
-                    }
-
-                    /deep/.el-button--primary {
-                        width: 60px;
-                        height: 35px;
-                        line-height: 30px;
-                        padding: 0;
-                        text-align: center;
-                        background: rgba(0, 0, 0, 0);
-                        border: 0;
-                        background: url('~@/assets/companyFile/2121.png') no-repeat;
-                        background-size: 100% 100%;
-                        font-size: 14px;
-                        color: #F8FBFF;
-                        letter-spacing: 0.89px;
-                        font-weight: 500;
-                    }
-
-                    /deep/.el-button--default {
-                        width: 60px;
-                        height: 35px;
-                        line-height: 30px;
-                        padding: 0;
-                        text-align: center;
-                        background: #3B4450;
-                        border: 0;
-
-                        font-size: 14px;
-                        color: #F8FBFF;
-                        letter-spacing: 0.89px;
-                        font-weight: 500;
-                    }
-                }
+      .bottomBody {
+        height: calc(100% - 120px);
+        width: 100%;
+        padding: 14px;
+        box-sizing: border-box;
+        overflow: auto;
 
-                .redText {
-                    font-size: 16px;
-                    color: #FF9191;
-                    letter-spacing: 2px;
+        &::-webkit-scrollbar {
+          width: 6px;
+        }
 
-                    font-weight: 400
-                }
+        // 滚动条里面默认的小方块,自定义样式
+        &::-webkit-scrollbar-thumb {
+          background: rgba(255, 255, 255, 0.44);
+          border-radius: 5px;
+        }
+
+        // 滚动条里面的轨道
+        &::-webkit-scrollbar-track {
+          background: transparent;
+        }
+
+        .yujingItem {
+          height: 158px;
+          width: 100%;
+          background: rgba(108, 128, 151, 0.2);
+          border: 1px solid rgba(73, 84, 97, 1);
+          position: relative;
+          margin-bottom: 1ch;
+
+          .yujingTop {
+            border-bottom: 1px solid #495461;
+            height: 74px;
+            width: 100%;
+            padding: 0 14px 5px;
+
+            .companyName {
+              font-size: 16px;
+              color: #30c4ff;
+              letter-spacing: 1.14px;
+              font-weight: 500;
+              margin-right: 20px;
+              width: 100%;
+              height: 32px;
+              line-height: 32px;
+              //white-space: nowrap; //禁止换行
             }
 
-            .bottomBody {
-                height: calc(100% - 120px);
-                width: 100%;
-                padding: 14px;
-                box-sizing: border-box;
-                overflow: auto;
+            .impBtnList {
+              height: 40px;
+              width: 100%;
+              display: flex;
+              align-items: center;
+              overflow: hidden;
+              white-space: nowrap; //禁止换行
+
+              text-overflow: ellipsis; //...
+              //margin-bottom: 5px;
+
+              .shewei {
+                height: 26px;
+                line-height: 26px;
+                width: auto;
+                background: url("~@/assets/companyFile/编组 11991.png")
+                  no-repeat;
+                padding: 0 5px;
+                font-size: 14px;
+                color: #b5ebff;
+                letter-spacing: 0.44px;
+                font-weight: 400;
+                background-size: 100% 100%;
+                margin-right: 10px;
+              }
+
+              .zhongdian {
+                height: 26px;
+                line-height: 26px;
+                width: auto;
+                background: url("~@/assets/companyFile/编组 11222221.png")
+                  no-repeat;
+                padding: 0 5px;
+                font-size: 14px;
+                color: #e3deff;
+                letter-spacing: 0.44px;
+                font-weight: 400;
+                background-size: 100% 100%;
+                margin-right: 10px;
+              }
+
+              .zhibao {
+                height: 26px;
+                line-height: 26px;
+                width: auto;
+                background: url("~@/assets/companyFile/编组 11991备份 10.png")
+                  no-repeat;
+                padding: 0 5px;
+                font-size: 14px;
+                color: #e3deff;
+                letter-spacing: 0.44px;
+                font-weight: 400;
+                background-size: 100% 100%;
+                margin-right: 10px;
+              }
+
+              .zhian {
+                height: 26px;
+                line-height: 26px;
+                width: auto;
+                background: url("~@/assets/companyFile/编组 11991备份 21.png")
+                  no-repeat;
+                padding: 0 5px;
+                font-size: 14px;
+                color: #e3deff;
+                letter-spacing: 0.44px;
+                font-weight: 400;
+                background-size: 100% 100%;
+                margin-right: 10px;
+              }
+            }
+          }
 
-                &::-webkit-scrollbar {
-                    width: 6px;
+          .chuzhi {
+            position: absolute;
+            right: 14px;
+            bottom: 14px;
+            cursor: pointer;
+            height: 20px;
+            width: 50px;
+            line-height: 20px;
+            font-size: 14px;
+            color: #30c4ff;
+            letter-spacing: 1px;
+            font-weight: 400;
+          }
+
+          .yujingBottom {
+            width: 100%;
+            height: 84px;
+            padding: 0 14px 5px;
+            overflow: hidden;
+
+            .bottomTOP {
+              width: 100%;
+              height: 50%;
+              display: flex;
+              align-items: center;
+
+              font-family: PingFangSC-Regular;
+              font-size: 14px;
+              color: rgba(255, 255, 255, 0.8);
+              letter-spacing: 0;
+              font-weight: 400;
+              white-space: nowrap;
+              text-overflow: ellipsis;
+
+              .topItem {
+                display: flex;
+                align-items: center;
+                width: 50%;
+                height: 100%;
+                font-size: 14px;
+                color: rgba(255, 255, 255, 0.8);
+                letter-spacing: 0;
+                font-weight: 400;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
 
+                span {
+                  width: 70px;
                 }
 
-                // 滚动条里面默认的小方块,自定义样式
-                &::-webkit-scrollbar-thumb {
-                    background: rgba(255, 255, 255, 0.44);
-                    border-radius: 5px;
+                .numValue {
+                  width: calc(100% - 70px);
+                  overflow: hidden;
+                  white-space: nowrap;
+                  text-overflow: ellipsis;
                 }
+              }
 
-                // 滚动条里面的轨道
-                &::-webkit-scrollbar-track {
-                    background: transparent;
+              .numValue {
+                font-size: 14px;
+                color: #ffffff;
+                letter-spacing: 0;
+                font-weight: 400;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+              }
+            }
+          }
+        }
+      }
 
-                }
+      .block {
+        bottom: 5px;
+        right: -10px;
+        width: 100%;
 
-                .yujingItem {
-                    height: 158px;
-                    width: 100%;
-                    background: rgba(108, 128, 151, 0.20);
-                    border: 1px solid rgba(73, 84, 97, 1);
-                    position: relative;
-                    margin-bottom: 1ch;
-
-                    .yujingTop {
-                        border-bottom: 1px solid #495461;
-                        height: 74px;
-                        width: 100%;
-                        padding: 0 14px 5px;
-
-
-                        .companyName {
-                            font-size: 16px;
-                            color: #30C4FF;
-                            letter-spacing: 1.14px;
-                            font-weight: 500;
-                            margin-right: 20px;
-                            width: 100%;
-                            height: 32px;
-                            line-height: 32px;
-                            //white-space: nowrap; //禁止换行
-                        }
-
-                        .impBtnList {
-                            height: 40px;
-                            width: 100%;
-                            display: flex;
-                            align-items: center;
-                            overflow: hidden;
-                            white-space: nowrap; //禁止换行
-
-                            text-overflow: ellipsis; //...
-                            //margin-bottom: 5px;
-
-                            .shewei {
-                                height: 26px;
-                                line-height: 26px;
-                                width: auto;
-                                background: url('~@/assets/companyFile/编组 11991.png') no-repeat;
-                                padding: 0 5px;
-                                font-size: 14px;
-                                color: #B5EBFF;
-                                letter-spacing: 0.44px;
-                                font-weight: 400;
-                                background-size: 100% 100%;
-                                margin-right: 10px;
-                            }
-
-                            .zhongdian {
-                                height: 26px;
-                                line-height: 26px;
-                                width: auto;
-                                background: url('~@/assets/companyFile/编组 11222221.png') no-repeat;
-                                padding: 0 5px;
-                                font-size: 14px;
-                                color: #E3DEFF;
-                                letter-spacing: 0.44px;
-                                font-weight: 400;
-                                background-size: 100% 100%;
-                                margin-right: 10px;
-                            }
-
-                            .zhibao {
-                                height: 26px;
-                                line-height: 26px;
-                                width: auto;
-                                background: url('~@/assets/companyFile/编组 11991备份 10.png') no-repeat;
-                                padding: 0 5px;
-                                font-size: 14px;
-                                color: #E3DEFF;
-                                letter-spacing: 0.44px;
-                                font-weight: 400;
-                                background-size: 100% 100%;
-                                margin-right: 10px;
-                            }
-
-                            .zhian {
-                                height: 26px;
-                                line-height: 26px;
-                                width: auto;
-                                background: url('~@/assets/companyFile/编组 11991备份 21.png') no-repeat;
-                                padding: 0 5px;
-                                font-size: 14px;
-                                color: #E3DEFF;
-                                letter-spacing: 0.44px;
-                                font-weight: 400;
-                                background-size: 100% 100%;
-                                margin-right: 10px;
-                            }
-
-                        }
-                    }
-
-                    .chuzhi {
-                        position: absolute;
-                        right: 14px;
-                        bottom: 14px;
-                        cursor: pointer;
-                        height: 20px;
-                        width: 50px;
-                        line-height: 20px;
-                        font-size: 14px;
-                        color: #30C4FF;
-                        letter-spacing: 1px;
-                        font-weight: 400;
-                    }
-
-                    .yujingBottom {
-                        width: 100%;
-                        height: 84px;
-                        padding: 0 14px 5px;
-                        overflow: hidden;
-
-
-                        .bottomTOP {
-                            width: 100%;
-                            height: 50%;
-                            display: flex;
-                            align-items: center;
-
-                            font-family: PingFangSC-Regular;
-                            font-size: 14px;
-                            color: rgba(255, 255, 255, 0.8);
-                            letter-spacing: 0;
-                            font-weight: 400;
-                            white-space: nowrap;
-                            text-overflow: ellipsis;
-
-                            .topItem {
-                                display: flex;
-                                align-items: center;
-                                width: 50%;
-                                height: 100%;
-                                font-size: 14px;
-                                color: rgba(255, 255, 255, 0.8);
-                                letter-spacing: 0;
-                                font-weight: 400;
-                                overflow: hidden;
-                                white-space: nowrap;
-                                text-overflow: ellipsis;
-
-                                span {
-
-                                    width: 70px;
-                                }
-
-                                .numValue {
-                                    width: calc(100% - 70px);
-                                    overflow: hidden;
-                                    white-space: nowrap;
-                                    text-overflow: ellipsis;
-                                }
-                            }
-
-                            .numValue {
-                                font-size: 14px;
-                                color: #FFFFFF;
-                                letter-spacing: 0;
-                                font-weight: 400;
-                                white-space: nowrap;
-                                text-overflow: ellipsis;
-                            }
-
-                        }
-                    }
-                }
-            }
+        /deep/.el-pagination__jump {
+          margin: 0;
+        }
 
-            .block {
-                bottom: 5px;
-                right: -10px;
-                width: 100%;
+        /deep/.el-input__inner {
+          background: rgba(0, 0, 0, 0);
 
-                /deep/.el-pagination__jump {
-                    margin: 0;
-                }
+          border: 1px solid #28847e;
+          color: #ccc;
+        }
+      }
+    }
 
-                /deep/.el-input__inner {
-                    background: rgba(0, 0, 0, 0);
+    .picForm {
+      /deep/ .el-dialog {
+        background-color: rgba(0, 0, 0, 0);
+        background: url("~@/assets/realtimeWarning/导入弹窗.png") no-repeat;
+        background-size: 100% 100%;
+        width: 461px;
+        height: 412px;
+        position: relative;
+        margin-top: 30vh !important;
 
-                    border: 1px solid #28847e;
-                    color: #ccc;
-                }
-            }
+        .el-dialog__title {
+          font-size: 16px;
+          color: #ebfff4;
+          letter-spacing: 2px;
 
+          text-shadow: 0 0 9px rgba(21, 255, 195, 0.77);
+          font-weight: 400;
         }
 
-        .picForm {
-            /deep/ .el-dialog {
-                background-color: rgba(0, 0, 0, 0);
-                background: url('~@/assets/realtimeWarning/导入弹窗.png') no-repeat;
-                background-size: 100% 100%;
-                width: 461px;
-                height: 412px;
-                position: relative;
-                margin-top: 30vh !important;
-
-                .el-dialog__title {
-                    font-size: 16px;
-                    color: #EBFFF4;
-                    letter-spacing: 2px;
-
-                    text-shadow: 0 0 9px rgba(21, 255, 195, 0.77);
-                    font-weight: 400;
-                }
+        .el-dialog__body {
+          box-sizing: border-box;
+          padding: 14px 10px;
+          height: 300px;
+          box-sizing: border-box;
+
+          .czTitle {
+            opacity: 0.7;
+            font-family: PingFangSC-Regular;
+            font-size: 14px;
+            color: #eaf6ff;
+            letter-spacing: 1px;
+            font-weight: 400;
+            margin-bottom: 12px;
+          }
+
+          .czBody {
+            width: 440px;
+            height: 232px;
+            background: rgba(108, 128, 151, 0.2);
+            border: 1px solid #495461;
+            overflow: auto;
+
+            &::-webkit-scrollbar {
+              width: 6px;
+            }
 
-                .el-dialog__body {
-                    box-sizing: border-box;
-                    padding: 14px 10px;
-                    height: 300px;
-                    box-sizing: border-box;
-
-                    .czTitle {
-                        opacity: 0.7;
-                        font-family: PingFangSC-Regular;
-                        font-size: 14px;
-                        color: #EAF6FF;
-                        letter-spacing: 1px;
-                        font-weight: 400;
-                        margin-bottom: 12px;
-                    }
-
-                    .czBody {
-                        width: 440px;
-                        height: 232px;
-                        background: rgba(108, 128, 151, 0.20);
-                        border: 1px solid #495461;
-                        overflow: auto;
-
-                        &::-webkit-scrollbar {
-                            width: 6px;
-                        }
-
-                        // 滚动条里面默认的小方块,自定义样式
-                        &::-webkit-scrollbar-thumb {
-                            background: rgba(255, 255, 255, 0.44);
-                            border-radius: 5px;
-                        }
-
-                        // 滚动条里面的轨道
-                        &::-webkit-scrollbar-track {
-                            background: transparent;
-                        }
-                    }
-
-                    .el-checkbox {
-                        width: 80%;
-                        height: 34px;
-                        opacity: 0.7;
-                        background-image: linear-gradient(180deg, rgba(234, 241, 248, 0.10) 0%, rgba(208, 222, 238, 0.10) 100%);
-                        border: 1px solid #5B748C;
-
-                        margin: 16px 15px 0;
-                        font-size: 14px;
-                        color: #EAF6FF;
-                        letter-spacing: 1px;
-                        padding: 7px;
-                    }
-
-                    .is-checked {
-                        color: #37FDC7;
-                        background: rgba(13, 251, 246, 0.10);
-                        border: 1px solid #37FDC7;
-                        box-sizing: border-box;
-                    }
-
-                    .el-checkbox__input.is-checked+.el-checkbox__label {
-                        color: #37FDC7;
-                    }
-
-                    .el-checkbox__input.is-checked .el-checkbox__inner,
-                    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
-                        background-color: rgba(13, 251, 246, 0.10);
-                        border-color: rgba(255, 251, 246, 0.6);
-
-                    }
-                }
+            // 滚动条里面默认的小方块,自定义样式
+            &::-webkit-scrollbar-thumb {
+              background: rgba(255, 255, 255, 0.44);
+              border-radius: 5px;
+            }
 
-                .el-dialog__footer {
-                    padding: 0px 30px 20px;
-
-                    .el-button--default {
-                        width: 96px;
-                        height: 35px;
-                        opacity: 0.8;
-                        background: rgba(0, 0, 0, 0);
-                        background-image: linear-gradient(180deg, rgba(234, 241, 248, 0.10) 0%, rgba(208, 222, 238, 0.10) 100%);
-                        border: 1px solid rgba(91, 116, 140, 1);
-                        border-radius: 4px;
-                        color: #E3DEFF
-                    }
-
-                    .el-button--primary {
-                        width: 96px;
-                        height: 35px;
-                        background: rgba(0, 0, 0, 0);
-                        border: 0;
-                        background: url('~@/assets/realtimeWarning/2121.png') no-repeat;
-                        background-size: 100% 100%;
-                    }
-                }
+            // 滚动条里面的轨道
+            &::-webkit-scrollbar-track {
+              background: transparent;
             }
+          }
+
+          .el-checkbox {
+            width: 80%;
+            height: 34px;
+            opacity: 0.7;
+            background-image: linear-gradient(
+              180deg,
+              rgba(234, 241, 248, 0.1) 0%,
+              rgba(208, 222, 238, 0.1) 100%
+            );
+            border: 1px solid #5b748c;
+
+            margin: 16px 15px 0;
+            font-size: 14px;
+            color: #eaf6ff;
+            letter-spacing: 1px;
+            padding: 7px;
+          }
+
+          .is-checked {
+            color: #37fdc7;
+            background: rgba(13, 251, 246, 0.1);
+            border: 1px solid #37fdc7;
+            box-sizing: border-box;
+          }
+
+          .el-checkbox__input.is-checked + .el-checkbox__label {
+            color: #37fdc7;
+          }
+
+          .el-checkbox__input.is-checked .el-checkbox__inner,
+          .el-checkbox__input.is-indeterminate .el-checkbox__inner {
+            background-color: rgba(13, 251, 246, 0.1);
+            border-color: rgba(255, 251, 246, 0.6);
+          }
         }
-    }
 
+        .el-dialog__footer {
+          padding: 0px 30px 20px;
+
+          .el-button--default {
+            width: 96px;
+            height: 35px;
+            opacity: 0.8;
+            background: rgba(0, 0, 0, 0);
+            background-image: linear-gradient(
+              180deg,
+              rgba(234, 241, 248, 0.1) 0%,
+              rgba(208, 222, 238, 0.1) 100%
+            );
+            border: 1px solid rgba(91, 116, 140, 1);
+            border-radius: 4px;
+            color: #e3deff;
+          }
+
+          .el-button--primary {
+            width: 96px;
+            height: 35px;
+            background: rgba(0, 0, 0, 0);
+            border: 0;
+            background: url("~@/assets/realtimeWarning/2121.png") no-repeat;
+            background-size: 100% 100%;
+          }
+        }
+      }
+    }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/realtimeWarning/map.vue b/src/views/realtimeWarning/map.vue
index 076d34a..523547e 100644
--- a/src/views/realtimeWarning/map.vue
+++ b/src/views/realtimeWarning/map.vue
@@ -1,179 +1,184 @@
 <template>
-    <div>
-        <div class="bmap" id="container" ref="container"></div>
-
-    </div>
+  <div>
+    <div class="bmap" id="container" ref="container"></div>
+  </div>
 </template>
 
 <script>
-import MapLine from "../../../public/zhenhaiLine.json"
-import MapPoint from "../../../public/zhenhaiPoint.json"
-import styleJson from "../../../public/custom_map_config.json"
-
+import MapLine from "../../../public/zhenhaiLine.json";
+import MapPoint from "../../../public/zhenhaiPoint.json";
+import styleJson from "../../../public/custom_map_config.json";
+import { topMap } from "@/api/offLineMap";
 export default {
-    name: 'zhenhaimap',
-    props: ['waringList'],
-    data() {
-        return {
-            dongtaiPoint: [121.604192, 29.977299],
-            WaringList: this.waringList,
-            villageList: [],
-            villageSumList: [],
-            flag: true,
-            companyList: [],
-        }
-    },
-    mounted() {
-        this.$nextTick(() => {
-            this.initMap()
-        })
+  name: "zhenhaimap",
+  props: ["waringList"],
+  data() {
+    return {
+      dongtaiPoint: [121.604192, 29.977299],
+      WaringList: this.waringList,
+      villageList: [],
+      villageSumList: [],
+      flag: true,
+      companyList: [],
+    };
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.initMap();
+    });
+    topMap({ scoreType: "season" }).then((res) => {
+      this.companyList = res.data;
+    });
+  },
+  methods: {
+    goBack() {
+      this.initMap();
 
+      this.$emit("goBack");
     },
-    methods: {
-        goBack() {
-            this.initMap()
-
-            this.$emit('goBack')
+    initMap() {
+      var BMap = window.BMap;
+      // console.log(BMap, 'BMap');
+      var map = new BMap.Map("container", {
+        style: {
+          styleJson,
         },
-        initMap() {
-            var BMap = window.BMap
-            // console.log(BMap, 'BMap');
-            var map = new BMap.Map('container', {
-                style: {
-                    styleJson
-                }
-            });
-
-            //  console.log(this.WaringList, 'waringList');
-            let that = this
-            map.centerAndZoom(new BMap.Point(this.dongtaiPoint[0], this.dongtaiPoint[1]), 13);
-            map.setMinZoom(12)
-            map.setMaxZoom(19)
-            map.enableScrollWheelZoom(true);
-            // hjrequest({
-            //     url: '/yc/dt/statistical/village',
-            //     method: 'get',
-            //     params: { areaCode: that.areaCode }
-            // }).then((res) => {
-            //     that.villageSumList = res.data
-            // })
-            // console.log(MapLine, 'MapLine');
-            for (var i = 0, n = MapLine.features.length; i < n; i++) {
-                showBoundaryEx(MapLine.features[i]);
-            }
-            var label = new BMap.Label();
-            showPoint()
-            showPic()
-
-            function showBoundaryEx(city) {
-                var paths = []
-                var list = city.geometry.coordinates
+      });
 
-                // console.log(list.length, 'list[0].length')
-                //console.log(list[1], 'list[1].length')
-                var polygon = {}
-                if (list.length > 1) {
-                    for (let a = 0; a < list.length; a++) {
-                        paths = []
-                        for (let i = 0; i < list[a][0].length; i++) {
-                            let lat = list[a][0][i][1],
-                                lng = list[a][0][i][0];
-                            paths.push(new BMap.Point(lng, lat));
-                        }
-                        polygon = new BMap.Polygon(paths, {
-                            fillColor: '#3b4c44',
-                            strokeColor: "#0f1423",
-                            fillOpacity: 0.6,
-                            strokeWeight: 1
-                        }); //创建多边形
-                        map.addOverlay(polygon); //增加多边形
-                    }
-                    // // console.log(list, 'length');
-                } else {
-                    // console.log(list[0], ' list[0]');
-                    for (let i = 0; i < list[0].length; i++) {
-                        let lat = list[0][i][1],
-                            lng = list[0][i][0];
-                        paths.push(new BMap.Point(lng, lat));
-                    }
-                    // console.log(list, 'length');
-                    polygon = new BMap.Polygon(paths, {
-                        fillColor: '#3b4c44',
-                        strokeColor: "#0f1423",
-                        fillOpacity: 0.6,
-                        strokeWeight: 1
-                    }); //创建多边形
-                    map.addOverlay(polygon); //增加多边形
-                }
-                polygon.infowindow = new BMap.InfoWindow();
-                polygon.infowindow.name = city.properties.name;
-                polygon.addEventListener("mouseover", function () {
-                    polygon.setFillColor("#ffa500");
-                });
-                polygon.addEventListener("mouseout", function () {
-                    map.removeOverlay(label);
-                    polygon.setFillColor('#3b4c44');
-                });
-
-
-            }
-            function showPoint() {
-                // console.log(MapPoint, 'MapPoint');
+      //  console.log(this.WaringList, 'waringList');
+      let that = this;
+      map.centerAndZoom(
+        new BMap.Point(this.dongtaiPoint[0], this.dongtaiPoint[1]),
+        13
+      );
+      map.setMinZoom(12);
+      map.setMaxZoom(19);
+      map.enableScrollWheelZoom(true);
+      // hjrequest({
+      //     url: '/yc/dt/statistical/village',
+      //     method: 'get',
+      //     params: { areaCode: that.areaCode }
+      // }).then((res) => {
+      //     that.villageSumList = res.data
+      // })
+      // console.log(MapLine, 'MapLine');
+      for (var i = 0, n = MapLine.features.length; i < n; i++) {
+        showBoundaryEx(MapLine.features[i]);
+      }
+      var label = new BMap.Label();
+      showPoint();
+      showPic();
 
-                for (let i = 0; i < MapPoint.features.length; i++) {
-                    var opts = {
-                        position: new BMap.Point(MapPoint.features[i].geometry.coordinates[0], MapPoint.features[i].geometry.coordinates[1]), // 指定文本标注所在的地理位置
-                        offset: new BMap.Size(-30, -30) // 设置文本偏移量
-                    };
+      function showBoundaryEx(city) {
+        var paths = [];
+        var list = city.geometry.coordinates;
 
-                    // 创建文本标注对象
-                    var label1 = new BMap.Label(MapPoint.features[i].properties.name, opts);
-                    // 自定义文本标注样式
-                    label1.setStyle({
-                        color: 'orange',
-                        borderRadius: '5px',
-                        borderColor: '#ccc',
-                        padding: '10px',
-                        fontSize: '16px',
-                        height: '20px',
-                        lineHeight: '20px',
-                        backgroundColor: 'rgba(0,0,0,0)',
-                        border: '0',
-                        fontFamily: '微软雅黑'
-                    });
-                    map.addOverlay(label1);
-                }
+        // console.log(list.length, 'list[0].length')
+        //console.log(list[1], 'list[1].length')
+        var polygon = {};
+        if (list.length > 1) {
+          for (let a = 0; a < list.length; a++) {
+            paths = [];
+            for (let i = 0; i < list[a][0].length; i++) {
+              let lat = list[a][0][i][1],
+                lng = list[a][0][i][0];
+              paths.push(new BMap.Point(lng, lat));
             }
-            function showPic() {
-                // console.log(that.WaringList, 'that.WaringList');
-
-                that.WaringList.forEach(item => {
-                    // 创建小车图标
-                    var myIcon = new BMap.Icon("public/dongtai/awrni.png", new BMap.Size(80, 80));
-                    myIcon.setImageUrl("/dongtai/awrni.png")
-                    // 创建Marker标注，使用小车图标
-                    var marker = new BMap.Marker(new BMap.Point(item.longitude, item.latitude), {
-                        icon: myIcon
-                    });
-                    // console.log(marker, 'marker');
-                    map.addOverlay(marker);
-                    marker.addEventListener("click", function () {
-
-                        var label = new BMap.Label();
-                        label.setStyle({
-                            color: 'blue',
-                            borderRadius: '5px',
-                            borderColor: '#ccc',
-                            padding: '10px',
-                            fontSize: '16px',
-                            fontFamily: '微软雅黑',
-                            transform: 'translateX(-50%) translateY(calc(-100% - 10px))'
-                        });
-
-                        label.setPosition(new BMap.Point(item.longitude, item.latitude));
-                        label.setOffset(new BMap.Size(130, -10))
-                        label.setStyle({ width: '340px', height: '238px', background: 'url(pbImg/气泡弹窗1.png) no-repeat', backgroundSize: '100% 100%', border: '0', color: '#fff', zIndex: 2000000000, })
-                        label.setContent(`
+            polygon = new BMap.Polygon(paths, {
+              fillColor: "#3b4c44",
+              strokeColor: "#0f1423",
+              fillOpacity: 0.6,
+              strokeWeight: 1,
+            }); //创建多边形
+            map.addOverlay(polygon); //增加多边形
+          }
+          // // console.log(list, 'length');
+        } else {
+          // console.log(list[0], ' list[0]');
+          for (let i = 0; i < list[0].length; i++) {
+            let lat = list[0][i][1],
+              lng = list[0][i][0];
+            paths.push(new BMap.Point(lng, lat));
+          }
+          // console.log(list, 'length');
+          polygon = new BMap.Polygon(paths, {
+            fillColor: "#3b4c44",
+            strokeColor: "#0f1423",
+            fillOpacity: 0.6,
+            strokeWeight: 1,
+          }); //创建多边形
+          map.addOverlay(polygon); //增加多边形
+        }
+        polygon.infowindow = new BMap.InfoWindow();
+        polygon.infowindow.name = city.properties.name;
+        polygon.addEventListener("mouseover", function () {
+          polygon.setFillColor("#ffa500");
+        });
+        polygon.addEventListener("mouseout", function () {
+          map.removeOverlay(label);
+          polygon.setFillColor("#3b4c44");
+        });
+        // 点击多边形展示公司点位_1
+        polygon.addEventListener("click", function () {
+          if (city.properties.name == "骆驼街道") {
+            map.centerAndZoom(new BMap.Point(121.58887, 29.986122), 15);
+          } else if (city.properties.name == "招宝山街道") {
+            map.centerAndZoom(new BMap.Point(121.713707, 29.95656), 15);
+          } else if (city.properties.name == "蛟川街道") {
+            map.centerAndZoom(new BMap.Point(121.686105, 29.947339), 15);
+          } else if (city.properties.name == "庄市街道") {
+            map.centerAndZoom(new BMap.Point(121.627037, 29.925579), 15);
+          } else if (city.properties.name == "贵驷街道") {
+            map.centerAndZoom(new BMap.Point(121.624142, 29.985606), 15);
+          } else if (city.properties.name == "澥浦镇") {
+            map.centerAndZoom(new BMap.Point(121.607133, 30.037162), 15);
+          } else if (city.properties.name == "九龙湖镇") {
+            map.centerAndZoom(new BMap.Point(121.558532, 30.039457), 15);
+          }
+          // 点击多边形展示公司点位_2
+          that.companyList.forEach((item) => {
+            var point = new BMap.Point(item.longitude, item.latitude);
+            var marker = new BMap.Marker(point); // 创建标注
+            map.addOverlay(marker);
+            var content = item.companyName;
+            var label = new BMap.Label(content, {
+              // 创建文本标注
+              position: point, // 设置标注的地理位置
+              offset: new BMap.Size(-10, -50), // 设置标注的偏移量
+            });
+            label.setStyle({
+              backgroundColor: " rgba(0, 0, 0, 0)",
+              border: "0",
+              color: "#0060ce",
+              fontSize: "16px",
+            });
+            map.addOverlay(label);
+            label.addEventListener("click", function () {
+              var label_ponit = new BMap.Label(); // 公司点位
+              label_ponit.setStyle({
+                color: "blue",
+                borderRadius: "5px",
+                borderColor: "#ccc",
+                padding: "10px",
+                fontSize: "16px",
+                fontFamily: "微软雅黑",
+                transform: "translateX(-50%) translateY(calc(-100% - 10px))",
+              });
+              // 点位点击转处置弹窗
+              label_ponit.setPosition(
+                new BMap.Point(item.longitude, item.latitude)
+              );
+              label_ponit.setOffset(new BMap.Size(130, -10));
+              label_ponit.setStyle({
+                width: "340px",
+                height: "238px",
+                background: "url(pbImg/气泡弹窗1.png) no-repeat",
+                backgroundSize: "100% 100%",
+                border: "0",
+                color: "#fff",
+                zIndex: 2000000000,
+              });
+              label_ponit.setContent(`
                                <div style='width:100%;display:flex;justify-content: space-between;align-items: center;'> <h4 style='margin:12px;font-size: 14px;color: #FFE6D9;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; '>${item.companyName}</h4><div class='closeBtn' style='background: url(pbImg/关闭.png)  no-repeat;width:20px;height:20px;background-size: 100% 100%;margin-right:10px;"'></div></div>
                                 <div style='margin:0 auto;font-size: 14px;width:316px;height:108px;padding:0 12px;background: rgba(108,128,151,0.20);border: 1px solid rgba(73,84,97,1);'>
                                     <h4 style='height:33%;opacity: 0.8;margin:0;line-height:38px;font-weight:300;'><span style="color:#D0DEEE;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">一级指标：</span>${item.levelIndexOne}</h4>
@@ -191,62 +196,165 @@ margin-left:80px;
 font-weight: 400;'>转处置</div>
                                 </div>
                               `);
-                        map.addOverlay(label);
-                        let btn = document.querySelector('.zhuanchuzhiBtn')
-                        //console.log(btn, 'btn');
-                        btn.addEventListener('click', () => {
-                            //console.log(item, 'item');
-                            that.$emit('zhuanchuzhi', item)
-                        })
-                        let closebtn = document.querySelector('.closeBtn')
-                        //console.log(btn, 'btn');
-                        closebtn.addEventListener('click', () => {
-                            map.removeOverlay(label);
-                        })
-                        // label.addEventListener('mouseout', function () {
-                        //     map.removeOverlay(label);
-                        // })
-                    });
-                })
-                //that.flexPoint()
-            }
-        },
-        flexPoint() {
-            var pointAll = document.querySelectorAll('.BMap_Marker.BMap_noprint')
-            console.log(pointAll, 'pointAll');
+              map.addOverlay(label_ponit);
+              let btn = document.querySelector(".zhuanchuzhiBtn");
+              //console.log(btn, 'btn');
+              btn.addEventListener("click", () => {
+                //console.log(item, 'item');
+                that.$emit("zhuanchuzhi", item);
+              });
+              let closebtn = document.querySelector(".closeBtn");
+              //console.log(btn, 'btn');
+              closebtn.addEventListener("click", () => {
+                map.removeOverlay(label_ponit);
+              });
+            });
+          });
+        });
+      }
+      function showPoint() {
+        // console.log(MapPoint, 'MapPoint');
 
+        for (let i = 0; i < MapPoint.features.length; i++) {
+          var opts = {
+            position: new BMap.Point(
+              MapPoint.features[i].geometry.coordinates[0],
+              MapPoint.features[i].geometry.coordinates[1]
+            ), // 指定文本标注所在的地理位置
+            offset: new BMap.Size(-30, -30), // 设置文本偏移量
+          };
 
+          // 创建文本标注对象
+          var label1 = new BMap.Label(
+            MapPoint.features[i].properties.name,
+            opts
+          );
+          // 自定义文本标注样式
+          label1.setStyle({
+            color: "orange",
+            borderRadius: "5px",
+            borderColor: "#ccc",
+            padding: "10px",
+            fontSize: "16px",
+            height: "20px",
+            lineHeight: "20px",
+            backgroundColor: "rgba(0,0,0,0)",
+            border: "0",
+            fontFamily: "微软雅黑",
+          });
+          map.addOverlay(label1);
         }
-    }
-}
+      }
+      function showPic() {
+        // console.log(that.WaringList, 'that.WaringList');
+        that.WaringList.forEach((item) => {
+          // 创建小车图标
+          var myIcon = new BMap.Icon(
+            "public/dongtai/awrni.png",
+            new BMap.Size(80, 80)
+          );
+          myIcon.setImageUrl("/dongtai/awrni.png");
+          // 创建Marker标注，使用小车图标
+          var marker = new BMap.Marker(
+            new BMap.Point(item.longitude, item.latitude),
+            {
+              icon: myIcon,
+            }
+          );
+          console.log(marker, "marker");
+          map.addOverlay(marker);
+          marker.addEventListener("click", function () {
+            var label = new BMap.Label();
+            label.setStyle({
+              color: "blue",
+              borderRadius: "5px",
+              borderColor: "#ccc",
+              padding: "10px",
+              fontSize: "16px",
+              fontFamily: "微软雅黑",
+              transform: "translateX(-50%) translateY(calc(-100% - 10px))",
+            });
+            // 点位点击弹窗
+            label.setPosition(new BMap.Point(item.longitude, item.latitude));
+            label.setOffset(new BMap.Size(130, -10));
+            label.setStyle({
+              width: "340px",
+              height: "238px",
+              background: "url(pbImg/气泡弹窗1.png) no-repeat",
+              backgroundSize: "100% 100%",
+              border: "0",
+              color: "#fff",
+              zIndex: 2000000000,
+            });
+            label.setContent(`
+                               <div style='width:100%;display:flex;justify-content: space-between;align-items: center;'> <h4 style='margin:12px;font-size: 14px;color: #FFE6D9;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; '>${item.companyName}</h4><div class='closeBtn' style='background: url(pbImg/关闭.png)  no-repeat;width:20px;height:20px;background-size: 100% 100%;margin-right:10px;"'></div></div>
+                                <div style='margin:0 auto;font-size: 14px;width:316px;height:108px;padding:0 12px;background: rgba(108,128,151,0.20);border: 1px solid rgba(73,84,97,1);'>
+                                    <h4 style='height:33%;opacity: 0.8;margin:0;line-height:38px;font-weight:300;'><span style="color:#D0DEEE;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">一级指标：</span>${item.levelIndexOne}</h4>
+                                    <h4 style='height:33%;opacity: 0.8;margin:0;line-height:38px;font-weight:300;'><span style="color:#D0DEEE;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">预警指标：</span>"${item.levelIndexThree}"异常</h4>
+                                    <h4 style='height:33%;opacity: 0.8;margin:0;line-height:38px;font-weight:300;'><span style="color:#D0DEEE;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">预警时间：</span>${item.alarmTime}</h4>
+<div class='zhuanchuzhiBtn' style='width:80px;height:34px;font-size: 14px;
+color: #FFFFFF;
+text-align:center;
+line-height:34px;
+background: url(pbImg/2121.png)  no-repeat;
+margin-top:20px;
+background-size: 100% 100%;
+letter-spacing: 0;
+margin-left:80px;
+font-weight: 400;'>转处置</div>
+                                </div>
+                              `);
+            map.addOverlay(label);
+            let btn = document.querySelector(".zhuanchuzhiBtn");
+            //console.log(btn, 'btn');
+            btn.addEventListener("click", () => {
+              //console.log(item, 'item');
+              that.$emit("zhuanchuzhi", item);
+            });
+            let closebtn = document.querySelector(".closeBtn");
+            //console.log(btn, 'btn');
+            closebtn.addEventListener("click", () => {
+              map.removeOverlay(label);
+            });
+            // label.addEventListener('mouseout', function () {
+            //     map.removeOverlay(label);
+            // })
+          });
+        });
+        //that.flexPoint()
+      }
+    },
+    flexPoint() {
+      var pointAll = document.querySelectorAll(".BMap_Marker.BMap_noprint");
+      console.log(pointAll, "pointAll");
+    },
+  },
+};
 </script>
 
 <style scoped lang="less">
 .bmap {
-    width: 100%;
-    height: 100%;
-    border: 1px solid #000000;
-
+  width: 100%;
+  height: 100%;
+  border: 1px solid #000000;
 }
 
-
 /deep/ .BMap_Marker {
-    z-index: 1000;
-    background: url('../../../public/dongtai/awrni.png') no-repeat !important;
-    background-size: 100% 100% !important;
+  z-index: 1000;
+  background: url("../../../public/dongtai/awrni.png") no-repeat !important;
+  background-size: 100% 100% !important;
 }
 
 .fanhui {
-    display: inline-block;
-    width: 50px;
-    height: 20px;
-    position: absolute;
-    left: 49%;
-    bottom: 30px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    z-index: 50;
-
+  display: inline-block;
+  width: 50px;
+  height: 20px;
+  position: absolute;
+  left: 49%;
+  bottom: 30px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 50;
 }
 </style>
\ No newline at end of file