Bläddra i källkod

撒点调整完成

wangtao 6 månader sedan
förälder
incheckning
2823ba953d

+ 1 - 1
public/index.html

@@ -21,7 +21,7 @@
     <!-- <script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=8e266e1ac2ad2383c7773ff504ac248f"></script>
     <script type="text/javascript" src="//webapi.amap.com/ui/1.1/main.js"></script> -->
     <!-- 大数据地图 -->
-    <!-- <script src="https://gis.shmh.gov.cn/mh_map/js/index_v1.0.js"></script> -->
+    <script src="https://gis.shmh.gov.cn/mh_map/js/index_v1.0.js"></script>
 </head>
 <body>
     <noscript>

+ 3 - 3
src/App.vue

@@ -10,7 +10,7 @@
     <transition name="el-fade-in-linear">
         <!-- 普通弹框 -->
       <div class="tableTooltipwt sadianTankang" v-show="stores.$state.arrayList.length > 0">
-        <img src="~@a/img/icon/close.png" alt="" class="close" @click="close" />
+        <!-- <img src="~@a/img/icon/close.png" alt="" class="close" @click="close" /> -->
         <el-row class="tableContent">
           <el-col class="mk" v-for="li in stores.$state.arrayList" :key="li" v-show="li.title[1]">
             <p v-show="li.title[1]">{{ li.title[0] }}</p>
@@ -144,8 +144,8 @@ export default {
   // right: 600px;
   z-index: 10000;
   .close {
-    width: 20px;
-    height: 20px;
+    width: 40px;
+    height: 40px;
     position: absolute;
     right: 10px;
     top: 10px;

+ 1 - 1
src/components/IOTInfo/index.vue

@@ -8,7 +8,7 @@
                 <span style="font-size: 24px; color: #73fbfd; font-weight: 600;">{{ data.total }}</span>
             </div>
             <div style="height:20vh">
-                <disk v-if="data.data.length > 0" ref="disk" :dataMap="data.data" @echartsClick="diskSd"></disk>
+                <disk v-if="data.data.length > 0" ref="disk" :dataMap="data.data" ></disk>
             </div>
         </div>
     </div>

+ 3 - 2
src/components/listingInfo/index.vue

@@ -9,7 +9,7 @@
         </div>
         <!-- {{tableData}} -->
         <div class="box" v-if="tableData.length>0" style="height:88%">
-            <el-table :data="tableData" class="transparentTableRow" height="100%" v-fit-columns  v-loading="loading" :empty-text="dataNo"  ref="reportTable"
+            <el-table :data="tableData" class="transparentTableRow" height="100%"   v-loading="loading" :empty-text="dataNo"  ref="reportTable"
                 @mouseenter="autoScroll(true)"
                 @mouseleave="autoScroll()">
                 <el-table-column v-for="item in headerData" :key="item.prop" :prop="item.prop" align="left" :label="item.name" class="dd">
@@ -59,6 +59,7 @@ export default {
             loading:true,
             noticeNum:0,
             cancellationNum:0,
+            dataNo:""
         };
     },
     created() {
@@ -92,7 +93,7 @@ export default {
                    })
            ).then(res=>{
                if(res.data.records.length == 0){
-                       dataNo = "暂无数据"
+                       this.dataNo = "暂无数据"
                }else{
                     this.tableData = []
                     for(let i=0;i<res.data.records.length;i++){

+ 0 - 1963
src/components/mixins/map-data1 copy.js

@@ -1,1963 +0,0 @@
-import axios from "axios";
-import data from "@c/mixins/anbao";
-
-export default {
-    data() {
-        return {
-            stores: this.$useStore(),
-            map: null,
-            oldPopup: null,
-            oldPopupId: null,
-        };
-    },
-    mounted() {
-        window.vue = this;
-        window.jMap = null;
-        window.jmapQuery = null;
-    },
-    methods: {
-        streetTownMap(name) {
-            return name
-        },
-        /**
-         *地图初始化
-         *
-         */
-        async initMap(type) {
-            window.vue = this;
-            window.jMap = null;
-            window.jmapQuery = null;
-            window.jMap = new JMap();
-            var map_params = {
-                camera: {
-                    x: 121.4175597,
-                    y: 31.119248,
-                    radius: 18000.0,
-                    offset: { heading: -4, pitch: -70, range: 0 },
-                },
-                map_complete_callback: () => {
-                    window.jmapQuery = new JMapQuery(window.jMap);
-                    // ToDo...
-                },
-                map_left_click_callback: (obj, type, movement, event) => {
-                    this.stores.$state.tankuangXY = { x: movement.position.x, y: movement.position.y };
-                },
-                map_right_click_callback: (obj) => {},
-            };
-            let res = await this.$axios.get(this.$api.dt);
-            // 加载地图
-            window.jMap.createMap("mapF", res.data, window.location.origin, map_params, {});
-            // 地图背景样式
-            window.jMap.switchBaseLayer("blue");
-
-            /**
-             * 获取街镇信息
-             */
-            var options = {
-                click: addLayerCallBack,
-                isZoom: false,
-                style: {
-                    outline: true,
-                    outlineColor: "rgb(255,0,0,0.8)",
-                    material: "rgb(154,255,154,0)",
-                    perPositionHeight: false,
-                    height: 5,
-                    width: 5,
-                    label: {
-                        show: true,
-                        text: "name",
-                        font: "16px Helvetica",
-                        fillColor: "rgb(0,255,0,0.9)",
-                        pixelOffset: [0, -40],
-                        backgroundColor: "rgb(0,0,0,0)",
-                        showBackground: false,
-                    },
-                },
-                // where:"name = '莘庄镇'"
-            };
-
-            window.jMap.addLayer("mh_dyn_district", [1], options);
-
-
-            // 街镇标题绘制
-            // var qp = new JMapQueryParam({
-            //     queryMapService: "mh_dyn_district",
-            //     queryMapLayers: [1],
-            //     outFields: ["code", "name", "center_x", "center_y"],
-            //     // queryWhere: "name like '%莘庄镇%' ",
-            //     callBack: (res) => {
-
-            //         res.features.forEach(async(val) => {
-            //             await window.jMap.FlagInfo.show({
-            //                 id: val.attributes.code,
-            //                 position: { x: Number(val.attributes.center_x), y: Number(val.attributes.center_y), z: 0 },
-            //                 element: `<div class='ysc-dynamic-layer ys-css3-box' onclick="vue.clickFlag(${val.attributes.code})">
-            //                                     <div class='biaozhu' style="font-size:18px !important">${val.attributes.name}   ${val.attributes.code}</div>
-            //                             </div>`,
-            //             }, { isZoom: false });
-            //         });
-            //     },
-            // });
-            // new JMapQuery(window.jMap).execQuery(qp)
-
-
-
-        },
-        /**
-         * 安保区域
-         * @param {*} status 是否有图层
-         * @param {*} id 1大网格 2小网格 
-         * @param {*} query 搜索内容
-         */
-        anbao(status, id, query) {
-            var that = this
-            var color = [
-                "#2c6395",
-                "#1b6cb6",
-                "#40a4ff",
-                "#8ac7ff",
-                "#b1cce5",
-
-                "#a03523",
-                "#d7le00",
-                "#ffa192",
-                "#dba197",
-
-                "#009081",
-                "#00ae9c",
-                "#50fed",
-
-                "#4d6700",
-                "#729900",
-                // "#3f8a3f", "#68afc1", "#5081c5", "#c3a102", "#d17100", "#009b8a", "#b72727", "#71a382", "#1c6093", "#a4294f", "#3f8a3f", "#68afc1",
-                // "#5081c5", "#c3a102", "#d17100", , "#a4294f", "#3f8a3f", "#68afc1", "#5081c5", "#c3a102", "#d17100",
-                // "#3f8a3f", "#68afc1", "#5081c5", "#c3a102", "#d17100", "#009b8a", "#b72727", "#71a382", "#1c6093", "#a4294f", "#3f8a3f", "#68afc1",
-                // "#5081c5", "#c3a102", "#d17100", , "#a4294f", "#3f8a3f", "#68afc1", "#5081c5", "#c3a102", "#d17100",
-                // "#3f8a3f", "#68afc1", "#5081c5", "#c3a102", "#d17100", "#009b8a", "#b72727", "#71a382", "#1c6093", "#a4294f", "#3f8a3f", "#68afc1",
-                // "#5081c5", "#c3a102", "#d17100", , "#a4294f", "#3f8a3f", "#68afc1", "#5081c5", "#c3a102", "#d17100",
-                // "#3f8a3f", "#68afc1", "#5081c5", "#c3a102", "#d17100", "#009b8a", "#b72727", "#71a382", "#1c6093", "#a4294f", "#3f8a3f", "#68afc1",
-                // "#5081c5", "#c3a102", "#d17100", , "#a4294f", "#3f8a3f", "#68afc1", "#5081c5", "#c3a102", "#d17100",
-                // "#3f8a3f", "#68afc1", "#5081c5", "#c3a102", "#d17100", "#009b8a", "#b72727", "#71a382", "#1c6093", "#a4294f", "#3f8a3f", "#68afc1",
-                // "#5081c5", "#c3a102", "#d17100", , "#a4294f", "#3f8a3f", "#68afc1", "#5081c5", "#c3a102", "#d17100",
-                // "#3f8a3f", "#68afc1", "#5081c5", "#c3a102", "#d17100", "#009b8a", "#b72727", "#71a382", "#1c6093", "#a4294f", "#3f8a3f", "#68afc1",
-                // "#5081c5", "#c3a102", "#d17100", , "#a4294f", "#3f8a3f", "#68afc1", "#5081c5", "#c3a102", "#d17100",
-                // "#3f8a3f", "#68afc1", "#5081c5", "#c3a102", "#d17100", "#009b8a", "#b72727", "#71a382", "#1c6093", "#a4294f", "#3f8a3f", "#68afc1",
-                // "#5081c5", "#c3a102", "#d17100", , "#a4294f", "#3f8a3f", "#68afc1", "#5081c5", "#c3a102", "#d17100",
-                // "#3f8a3f", "#68afc1", "#5081c5", "#c3a102", "#d17100", "#009b8a", "#b72727", "#71a382", "#1c6093", "#a4294f", "#3f8a3f", "#68afc1",
-                // "#5081c5", "#c3a102", "#d17100", , "#a4294f", "#3f8a3f", "#68afc1", "#5081c5", "#c3a102", "#d17100",
-
-
-            ];
-            var JmapQuery = new JMapQuery(window.jMap); // JMap为初始化地图时,实例化的JMap对象
-            if (status) {
-                window.jMap.Locate.clearLocate(); //清楚分布
-                // window.jMap.removeLayer();    //  空值清除所有已添加图层
-            }
-
-
-            //中网格
-            if (id == 1) {
-                setTimeout(() => {
-                    // 例: 8.1 2 查询图层列表
-                    var qp2 = new JMapQueryParam({
-                        queryMapService: "mh_dyn_cywg",
-                        queryMapLayers: [0],
-                        //  queryGeometry: result[0],         //  默认进行属性查询,放开该段注释将在选定的几何空间内进行空间查询
-                        // queryWhere: "name like '%莘庄镇%' ", //  可自定义查询条件,也可不传该参数
-                        outFields: ["*"], //  返回字段信息
-                        callBack: testQueryCallBack2
-                    });
-                    JmapQuery.execQuery(qp2);
-                    // 图层查询完毕的回调函数
-                    function testQueryCallBack2(obj) {
-
-                        var bigNewArr = [];
-                        var name = [];
-                        var bigArr = obj.features.filter(function(el) {
-                            return el.attributes.name.indexOf('新虹街道') > -1 ||
-                                el.attributes.name.indexOf('华漕') > -1 ||
-                                el.attributes.name.indexOf('七宝中片') > -1 ||
-                                el.attributes.name.indexOf('航华网格') > -1 ||
-                                el.attributes.name.indexOf('七宝北片网格') > -1 ||
-                                el.attributes.name.indexOf('紫藤、红松') > -1 ||
-                                el.attributes.name.indexOf('虹梅区域') > -1
-
-                        })
-                        bigArr.forEach(function(item, index) {
-                            var aaa = item.geometry.rings[0];
-                            var newArr = aaa.map(function(value, index) {
-                                var obj = {
-                                    x: value[0],
-                                    y: value[1],
-                                    z: 0.1
-                                }
-                                return obj
-                            })
-                            bigNewArr.push(newArr);
-                            name.push(item.attributes.name)
-
-                        })
-                        let arrayAll = [];
-                        bigNewArr.forEach(function(item, index) {
-                            var idx = index + 1;
-                            setTimeout(() => {
-                                    // 2区域分布
-                                    var target = {
-                                        id: idx,
-                                        attributes: {
-                                            position: item[0],
-                                            name: name[index] == "华漕镇处置网格二(纪王西片区)" ? "闵S1-1(纪王西网格)" : name[index] == "华漕镇处置网格一(纪王东片区)" ? "闵S1-2(纪王东网格)" : name[index] == "华漕镇处置网格四(诸翟北片区)" ? "闵S1-3(诸翟北网格)" : name[index] == "华漕镇处置网格五(诸翟南片区)" ? "闵S1-4(诸翟南网格)" : name[index] == "华漕镇处置网格三(老华漕片区)" ? "闵S1-5(老华漕网格)" : name[index] == "新虹街道处置网格二(爱博)" ? "闵S2-1(爱博网格)" : name[index] == "新虹街道处置网格三(华美)" ? "闵S2-2(华美网格)" : name[index] == "新虹街道处置网格一(枢纽)" ? "闵S2-3(枢纽网格)" : name[index] == "新虹街道处置网格四(航华)" ? "闵S2-4(航华网格)" : name[index] == "七宝镇处置网格一(七宝北片网格)" ? "闵S3-1(七宝北片网格)" : name[index] == "七宝镇处置网格二(七宝中片网格)" ? "闵S3-2(七宝吴宝路网格)" : name[index] == "七宝镇处置网格五(航华网格)" ? "闵S3-3(七宝航华网格)" : name[index] == "虹桥镇处置网格四(紫藤、红松区域)" ? "闵S4-1(紫藤红松网格)" : name[index] == "虹桥镇处置网格二(虹梅区域)" ? "闵S4-2(虹梅网格)" : name[index]
-                                        },
-                                        position: item,
-                                        label: {
-                                            text: name[index] == "华漕镇处置网格二(纪王西片区)" ? "闵S1-1(纪王西网格)" : name[index] == "华漕镇处置网格一(纪王东片区)" ? "闵S1-2(纪王东网格)" : name[index] == "华漕镇处置网格四(诸翟北片区)" ? "闵S1-3(诸翟北网格)" : name[index] == "华漕镇处置网格五(诸翟南片区)" ? "闵S1-4(诸翟南网格)" : name[index] == "华漕镇处置网格三(老华漕片区)" ? "闵S1-5(老华漕网格)" : name[index] == "新虹街道处置网格二(爱博)" ? "闵S2-1(爱博网格)" : name[index] == "新虹街道处置网格三(华美)" ? "闵S2-2(华美网格)" : name[index] == "新虹街道处置网格一(枢纽)" ? "闵S2-3(枢纽网格)" : name[index] == "新虹街道处置网格四(航华)" ? "闵S2-4(航华网格)" : name[index] == "七宝镇处置网格一(七宝北片网格)" ? "闵S3-1(七宝北片网格)" : name[index] == "七宝镇处置网格二(七宝中片网格)" ? "闵S3-2(七宝吴宝路网格)" : name[index] == "七宝镇处置网格五(航华网格)" ? "闵S3-3(七宝航华网格)" : name[index] == "虹桥镇处置网格四(紫藤、红松区域)" ? "闵S4-1(紫藤红松网格)" : name[index] == "虹桥镇处置网格二(虹梅区域)" ? "闵S4-2(虹梅网格)" : name[index],
-                                            font: "14px Helvetica",
-                                            color: "#fff",
-                                            pixelOffset: [0, -40]
-                                        }
-                                    };
-                                    var options = {
-                                        isZoom: 10,
-                                        camera: {
-                                            x: 121.4175597,
-                                            y: 31.119248,
-                                            radius: 18000.0,
-                                            offset: { heading: -4, pitch: -70, range: 0 },
-                                        },
-                                        click: regionLocateCallBack,
-                                        style: {
-                                            color: name[index] == "华漕镇处置网格二(纪王西片区)" ? "#2c6395" : name[index] == "华漕镇处置网格一(纪王东片区)" ? "#1b6cb6" : name[index] == "华漕镇处置网格四(诸翟北片区)" ? "#40a4ff" : name[index] == "华漕镇处置网格五(诸翟南片区)" ? "#8ac7ff" : name[index] == "华漕镇处置网格三(老华漕片区)" ? "#b1cce5" : name[index] == "新虹街道处置网格二(爱博)" ? "#a03523" : name[index] == "新虹街道处置网格三(华美)" ? "#d71e00" : name[index] == "新虹街道处置网格一(枢纽)" ? "#ffa192" : name[index] == "新虹街道处置网格四(航华)" ? "#dba197" : name[index] == "七宝镇处置网格一(七宝北片网格)" ? "#009081" : name[index] == "七宝镇处置网格二(七宝中片网格)" ? "#00ae9c" : name[index] == "七宝镇处置网格五(航华网格)" ? "#50ffed" : name[index] == "虹桥镇处置网格四(紫藤、红松区域)" ? "#b2ec0a" : name[index] == "虹桥镇处置网格二(虹梅区域)" ? "#b2ec4a" : "#729900",
-                                            transparency: 0.6,
-                                            outline: true,
-                                            outlineColor: 'blue',
-
-                                            // "#4d6700",
-                                            // "#729900",
-                                        }
-
-                                    };
-                                    setTimeout(() => {
-                                        jMap.Locate.regionLocate(target, options);
-                                    }, 500)
-
-
-                                    // 分布点点击事件的回调函数
-                                    function regionLocateCallBack(obj) {
-                                        that.stores.gridDataChange(obj._attributes);
-                                    }
-
-                                }, idx * 1)
-                                // item.forEach(function(i) {
-                                //     arrayAll.push(i)
-                                // })
-                        })
-                    }
-                }, 1000)
-            }
-
-            //小网格(居委会)
-            if (id == 2 && query) {
-                // console.log(query)
-                let queryName = ""
-                for (let i = 0; i < query.length; i++) {
-                    // console.log(query[i].mapGridName)
-                    queryName = queryName ? `${queryName},'${query[i].mapGridName}'` : `'${query[i].mapGridName}'`
-                }
-                setTimeout(() => {
-                    var name2 = [];
-                    var qp3 = new JMapQueryParam({
-                        queryMapService: "mh_dyn_district",
-                        queryMapLayers: [2],
-                        //  queryGeometry: result[0],         //  默认进行属性查询,放开该段注释将在选定的几何空间内进行空间查询
-                        // queryWhere: "name like '%纪东村村委会%' ", //  可自定义查询条件,也可不传该参数
-                        // queryWhere: "grid_type in ('居委网格','村委网格') and subdistrict like '%华漕镇%' ", //  可自定义查询条件,也可不传该参数
-                        // queryWhere: `name in ('沪星村村委会','九星村村委会','新龙村经济合作社','中春路第二居委会',
-                        //         '万科第四居委会',
-                        //         '万科城市花园第二居委会',
-                        //         '中春路居委会',
-                        //         '佳宝新村第一居委会',
-                        //         '万科城市花园第三居委会',
-                        //         '万科城市花园居委会',
-                        //         '沪星村村委会',
-                        //         '新龙村经济合作社',
-                        //         '吴宝路第一居委会',
-                        //         '塘北居委会',
-                        //         '塘南居委会',
-                        //         '吴宝路第二居委会',
-                        //         '吴宝路第三居委会',
-                        //         '蒲汇新村居委会',
-                        //         '京都苑居委会',
-                        //         '号上村经济合作社',
-                        //         '新龙村经济合作社',
-                        //         '航华一村第三居委会',
-                        //         '航华一村第四居委会',
-                        //         '航华二村第一居委会',
-                        //         '航华二村第四居委会',
-                        //         '航华一村第一居委会',
-                        //         '航华二村第三居委会',
-                        //         '航华四村第一居委会',
-                        //         '航华四村第四居委会',
-                        //         '航华四村第三居委会',
-                        //         '七韵美地苑居委会',
-                        //         '航华四村第二居委会',
-                        //         '航华三村第一居委会',
-                        //         '漕宝路居委会',
-                        //         '龙柏一村第一居委会',
-                        //         '龙柏一村第二居委会',
-                        //         '龙柏二村居委会',
-                        //         '兰竹居委会',
-                        //         '金汇华光城居委会',
-                        //         '西郊居委会',
-                        //         '虹鹿居委会',
-                        //         '红春公司',
-                        //         '华光花园居委会',
-                        //         '虹华苑居委会',
-                        //         '测绘院地图网格名称',
-                        //         '许浦村村委会',
-                        //         '西郊城第一居委会',
-                        //         '华漕村村委会',
-                        //         '南华路居委会',
-                        //         '王泥浜村村委会',
-                        //         '紫薇新村居委会',
-                        //         '诸翟村村委会',
-                        //         '诸翟居委会',
-                        //         '九韵城居委会',
-                        //         '诸新路居委会',
-                        //         '金丰城第一居委会',
-                        //         '美邻苑居委会',
-                        //         '爱博六村居委会',
-                        //         '杨家巷村村委会',
-                        //         '闵北路居委会(筹)',
-                        //         '西郊虹韵城居委会',
-                        //         '陈家角村村委会',
-                        //         '石皮弄村村委会',
-                        //         '纪东村村委会',
-                        //         '纪王居委会',
-                        //         '纪王村村委会',
-                        //         '银杏新村居委会',
-                        //         '红卫村村委会',
-                        //         '卫星村村委会',
-                        //         '纪西村村委会',
-                        //         '赵家村村委会',
-                        //         '鹫山村村委会',
-                        //         '爱博一村居委会',
-                        //         '爱博二村居委会',
-                        //         '爱博三村居委会',
-                        //         '爱博四村居委会',
-                        //         '华美路第二居委会',
-                        //         '航华一村第二居委会',
-                        //         '航华一村第五居委会',
-                        //         '航华一村第六居委会'
-                        //     ) and subdistrict in ('华漕镇','新虹街道','虹桥镇','七宝镇')`, //  可自定义查询条件,也可不传该参数
-                        // queryWhere: `name in (${queryName}) and subdistrict in ('华漕镇','新虹街道','虹桥镇','七宝镇')`, //  可自定义查询条件,也可不传该参数
-                        // queryWhere: `subdistrict in ('华漕镇','新虹街道','虹桥镇','七宝镇')`, //  可自定义查询条件,也可不传该参数
-                        queryWhere: `grid_type in ('居委网格','村委网格','拓展网格') and subdistrict in ('华漕镇','新虹街道','虹桥镇','七宝镇')`, //  可自定义查询条件,也可不传该参数
-                        outFields: ["*"], //  返回字段信息
-                        callBack: testQueryCallBack3
-                    });
-                    JmapQuery.execQuery(qp3);
-
-                    function testQueryCallBack3(obj) {
-                        // console.log("所有",obj)
-                        let a = []
-                        // let b = []
-                        for (let i = 0; i < obj.features.length; i++) {
-                            a[i] = {
-                                    name: obj.features[i].attributes.name,
-                                    subdistrict: obj.features[i].attributes.subdistrict,
-                                }
-                            // b[i]= {
-                            //     gridArea:obj.features[i].attributes.grid_type,
-                            //     mapGridName:obj.features[i].attributes.name,
-                            //     streetTown:obj.features[i].attributes.subdistrict,
-                            // }
-
-                                // name2.push(obj.features[i].attributes.name)
-                                // console.log(obj.features[i].attributes.grid_type)
-                        }
-                        // console.log(b)
-                        // let c = []
-                        // for(let i=0;i<b.length;i++){
-                        //     for(let aa =0;aa<query.length;aa++){
-                        //         if(query[aa].mapGridName == b[i].mapGridName){
-                        //             c[aa]= {
-                        //                 gridArea:b[i].gridArea,
-                        //                 mapGridName:b[i].mapGridName,
-                        //                 streetTown:b[i].streetTown,
-                        //             }  
-                        //         }
-                        //     }
-                        // }
-                        // console.log(c)
-                        var big2Arr = []
-                        obj.features.forEach(function(item, index) {
-                            var b2 = item.geometry.rings;
-                            b2.forEach(function(item2, index2) {
-                                var newArr2 = b2[index2].map(function(value, index3) {
-                                    var obj = {
-                                        x: value[0],
-                                        y: value[1],
-                                        z: 0.1
-                                    }
-                                    return obj
-                                })
-                                big2Arr.push(newArr2);
-                                name2.push(item.attributes.name)
-                            })
-                        })
-
-                        big2Arr.forEach(function(item, index) {
-                            var idx = index + 1;
-                            setTimeout(() => {
-                                // 2区域分布
-                                var target = {
-                                    id: idx,
-                                    attributes: {
-                                        position: item[0],
-                                        name: name2[index]
-                                    },
-                                    position: item,
-                                    label: {
-                                        text: name2[index],
-                                        font: "12px Helvetica",
-                                        color: "transparent",
-                                        pixelOffset: [0, -40]
-                                    }
-                                };
-                                var options = {
-                                    isZoom: true,
-                                    click: regionLocateCallBack2,
-                                    style: {
-                                        color: "#68afc1",
-                                        transparency: 0.6,
-                                        outline: true,
-                                        outlineColor: 'blue',
-                                    }
-
-                                };
-                                setTimeout(() => {
-                                        jMap.Locate.regionLocate(target, options);
-                                    }, 500)
-                                    // 分布点点击事件的回调函数
-                                function regionLocateCallBack2(obj) {
-                                    that.stores.gridDataChange(obj._attributes);
-                                }
-
-                            }, idx * 1)
-                        })
-                    }
-                }, 2000);
-            }
-             //大网格
-             if (id == 3) {
-                setTimeout(() => {
-                    // 例: 8.1 2 查询图层列表
-                    var qp2 = new JMapQueryParam({
-                        queryMapService: "mh_dyn_cywg",
-                        queryMapLayers: [0],
-                        //  queryGeometry: result[0],         //  默认进行属性查询,放开该段注释将在选定的几何空间内进行空间查询
-                        // queryWhere: "name like '%莘庄镇%' ", //  可自定义查询条件,也可不传该参数
-                        outFields: ["*"], //  返回字段信息
-                        callBack: testQueryCallBack2
-                    });
-                    JmapQuery.execQuery(qp2);
-                    // 图层查询完毕的回调函数
-                    function testQueryCallBack2(obj) {
-
-                        var bigNewArr = [];
-                        var name = [];
-                        var bigArr = obj.features.filter(function(el) {
-                            return el.attributes.name.indexOf('新虹街道') > -1 ||
-                                el.attributes.name.indexOf('华漕') > -1 ||
-                                el.attributes.name.indexOf('七宝中片') > -1 ||
-                                el.attributes.name.indexOf('航华网格') > -1 ||
-                                el.attributes.name.indexOf('七宝北片网格') > -1 ||
-                                el.attributes.name.indexOf('紫藤、红松') > -1 ||
-                                el.attributes.name.indexOf('虹梅区域') > -1
-
-                        })
-                        bigArr.forEach(function(item, index) {
-                            var aaa = item.geometry.rings[0];
-                            var newArr = aaa.map(function(value, index) {
-                                var obj = {
-                                    x: value[0],
-                                    y: value[1],
-                                    z: 0.1
-                                }
-                                return obj
-                            })
-                            bigNewArr.push(newArr);
-                            name.push(item.attributes.name)
-
-                        })
-                        let arrayAll = [];
-                        bigNewArr.forEach(function(item, index) {
-                            var idx = index + 1;
-                            setTimeout(() => {
-                                    // 2区域分布
-                                    var target = {
-                                        id: idx,
-                                        attributes: {
-                                            position: item[0],
-                                            name: name[index] == "华漕镇处置网格二(纪王西片区)" ? "闵S1-1(纪王西网格)" : name[index] == "华漕镇处置网格一(纪王东片区)" ? "闵S1-2(纪王东网格)" : name[index] == "华漕镇处置网格四(诸翟北片区)" ? "闵S1-3(诸翟北网格)" : name[index] == "华漕镇处置网格五(诸翟南片区)" ? "闵S1-4(诸翟南网格)" : name[index] == "华漕镇处置网格三(老华漕片区)" ? "闵S1-5(老华漕网格)" : name[index] == "新虹街道处置网格二(爱博)" ? "闵S2-1(爱博网格)" : name[index] == "新虹街道处置网格三(华美)" ? "闵S2-2(华美网格)" : name[index] == "新虹街道处置网格一(枢纽)" ? "闵S2-3(枢纽网格)" : name[index] == "新虹街道处置网格四(航华)" ? "闵S2-4(航华网格)" : name[index] == "七宝镇处置网格一(七宝北片网格)" ? "闵S3-1(七宝北片网格)" : name[index] == "七宝镇处置网格二(七宝中片网格)" ? "闵S3-2(七宝吴宝路网格)" : name[index] == "七宝镇处置网格五(航华网格)" ? "闵S3-3(七宝航华网格)" : name[index] == "虹桥镇处置网格四(紫藤、红松区域)" ? "闵S4-1(紫藤红松网格)" : name[index] == "虹桥镇处置网格二(虹梅区域)" ? "闵S4-2(虹梅网格)" : name[index]
-                                        },
-                                        position: item,
-                                        label: {
-                                            // text: name[index] == "华漕镇处置网格二(纪王西片区)" ? "闵S1-1(纪王西网格)" : name[index] == "华漕镇处置网格一(纪王东片区)" ? "闵S1-2(纪王东网格)" : name[index] == "华漕镇处置网格四(诸翟北片区)" ? "闵S1-3(诸翟北网格)" : name[index] == "华漕镇处置网格五(诸翟南片区)" ? "闵S1-4(诸翟南网格)" : name[index] == "华漕镇处置网格三(老华漕片区)" ? "闵S1-5(老华漕网格)" : name[index] == "新虹街道处置网格二(爱博)" ? "闵S2-1(爱博网格)" : name[index] == "新虹街道处置网格三(华美)" ? "闵S2-2(华美网格)" : name[index] == "新虹街道处置网格一(枢纽)" ? "闵S2-3(枢纽网格)" : name[index] == "新虹街道处置网格四(航华)" ? "闵S2-4(航华网格)" : name[index] == "七宝镇处置网格一(七宝北片网格)" ? "闵S3-1(七宝北片网格)" : name[index] == "七宝镇处置网格二(七宝中片网格)" ? "闵S3-2(七宝吴宝路网格)" : name[index] == "七宝镇处置网格五(航华网格)" ? "闵S3-3(七宝航华网格)" : name[index] == "虹桥镇处置网格四(紫藤、红松区域)" ? "闵S4-1(紫藤红松网格)" : name[index] == "虹桥镇处置网格二(虹梅区域)" ? "闵S4-2(虹梅网格)" : name[index],
-                                            font: "14px Helvetica",
-                                            color: "#fff",
-                                            pixelOffset: [0, -40]
-                                        }
-                                    };
-                                    var options = {
-                                        isZoom: 10,
-                                        camera: {
-                                            x: 121.4175597,
-                                            y: 31.119248,
-                                            radius: 18000.0,
-                                            offset: { heading: -4, pitch: -70, range: 0 },
-                                        },
-                                        click: regionLocateCallBack,
-                                        style: {
-                                            color: 
-                                            name[index] == "华漕镇处置网格二(纪王西片区)" ? "#5b9bd5" : 
-                                            name[index] == "华漕镇处置网格一(纪王东片区)" ? "#5b9bd5" : 
-                                            name[index] == "华漕镇处置网格四(诸翟北片区)" ? "#5b9bd5" : 
-                                            name[index] == "华漕镇处置网格五(诸翟南片区)" ? "#5b9bd5" : 
-                                            name[index] == "华漕镇处置网格三(老华漕片区)" ? "#5b9bd5" : 
-
-                                            name[index] == "新虹街道处置网格二(爱博)" ? "#17cfbc" : 
-                                            name[index] == "新虹街道处置网格三(华美)" ? "#17cfbc" : 
-                                            name[index] == "新虹街道处置网格一(枢纽)" ? "#17cfbc" : 
-                                            name[index] == "新虹街道处置网格四(航华)" ? "#17cfbc" : 
-
-                                            name[index] == "七宝镇处置网格一(七宝北片网格)" ? "#fca091" : 
-                                            name[index] == "七宝镇处置网格二(七宝中片网格)" ? "#fca091" : 
-                                            name[index] == "七宝镇处置网格五(航华网格)" ? "#fca091" : 
-
-                                            name[index] == "虹桥镇处置网格四(紫藤、红松区域)" ? "rgb(37, 95, 37)" : 
-                                            name[index] == "虹桥镇处置网格二(虹梅区域)" ? "rgb(37, 95, 37)" : "rgb(37, 95, 37)",
-                                            transparency: 0.6,
-                                            outline: true,
-                                            outlineColor: 'blue',
-
-                                            // "#4d6700",
-                                            // "#729900",
-                                        }
-
-                                    };
-                                    setTimeout(() => {
-                                        jMap.Locate.regionLocate(target, options);
-                                    }, 500)
-
-
-                                    // 分布点点击事件的回调函数
-                                    function regionLocateCallBack(obj) {
-                                        // that.stores.gridDataChange(obj._attributes);
-                                    }
-
-                                }, idx * 1)
-                                // item.forEach(function(i) {
-                                //     arrayAll.push(i)
-                                // })
-                        })
-                    }
-                }, 1000)
-            }
-
-        },
-        /**
-         * 安保气泡窗
-         * @param {*} data 
-         */
-        anbaoPopup(data) {
-            var children = []
-
-            if (data.type == 15) {
-                children = [
-                    ["街道:", data.content.streetTown, 12],
-                    ["安监所人员:", data.content[0].type1, 12],
-                    ["城运中心人员:", data.content[0].type2, 12],
-                    ["消防助理员:", data.content[0].type3, 12],
-                ]
-            }
-            if (data.type == 16) {
-                children = [
-                    ["街道:", data.content[0].streetTown, 12],
-                    ["小网格人员:", data.content[0].type1, 12],
-                    ["小网格长:", data.content[0].type2, 12],
-                ]
-            }
-            let arrayList = [{
-                title: [data.name, true],
-                children: []
-            }]
-            arrayList[0].children = children
-            data.gisX = data.position.x
-            data.gisY = data.position.y
-            this.popup(data, arrayList, true, null, 1)
-        },
-        /**
-         *添加动态图层
-         *
-         */
-        addLayer() {
-            var wheres = [];
-            wheres[1] = "subdistrict='七宝镇'"; // 1:图层序号  subdistrict='七宝镇' 筛选条件
-            var options = {
-                click: windowGxLayer,
-                wheres: wheres
-            };
-
-            setTimeout(() => {
-                jMap.addImageryLayer("mh_dyn_cywg", [1], options);
-            }, 3000);
-
-
-        },
-        // 点击事件回调函数
-        addLayerCallBack(obj) {
-
-        },
-
-        /**
-         *安保区域划分
-         *
-         */
-        anbaoMap() {
-            let target = {
-                id: '100001',
-                attributes: {
-                    name: '大型安保范围',
-                },
-                position: data[0],
-                label: {
-                    text: "大型安保范围",
-                    font: "16px Helvetica",
-                    color: "rgba(255,255,255,0.1)",
-                    pixelOffset: [0, -50],
-                    backgroundColor: "red"
-                }
-
-            }
-            var options = {
-                isZoom: true,
-                style: {
-                    color: 'rgb(255,255,0,0.9)',
-                    transparency: 1,
-                    outline: true,
-                    outlineColor: 'transparent',
-                    perPositionHeight: true
-
-                },
-                // click: regionLocateCallBack
-            };
-            setTimeout(() => {
-                window.jMap.Locate.trackLocate(target, options);
-            }, 1000)
-
-        },
-
-        // 安保分布点点击事件的回调函数
-        regionLocateCallBack(obj) {},
-
-        /**
-         * @聚合撒点
-         * @param {数据list} data
-         * @param {页面类型} pageType
-         * @param {类型} type
-         */
-        initMarkers(data, pageType, type) {
-            var _this = this;
-
-            var tag = 1; //1.自定义图标 2.完全自定义 3.默认
-            var style = ""; //地图最大化小图标
-            var points = []; //地图撒点处理数据存储
-
-            var options = {
-                style: { pixelRange: 10 },
-                isZoom: true,
-                click: clusterMapCallBack,
-            };
-            jMap.ClusterMap.show(data, options);
-        },
-        clickFlag(val) {},
-        randomColor() {
-            var color = "#";
-            //for循环中,如果后面仅有一条语句,{}可省略不写
-            //随机生成6位0-15之间的数字,再用toString(16)将数字转成16进制
-            for (var i = 0; i < 6; i++) color += parseInt(Math.random() * 16).toString(16);
-            return color;
-        },
-        removeMarkers(lnglats) {
-            this.map.remove(lnglats);
-        },
-        /**
-         *街镇切换
-         */
-        streetTownSwitch(data) {
-            let sf = 2800.0;
-            if (data.id == 12) {
-                //区缩放比例调整
-                sf = 18000.0;
-            }
-            var options = {
-                area: data.id,
-                base_layer_name: "dark",
-                model_data_name: "dark",
-                isShowDistrictLabel: true,
-                camera: {
-                    x: data.x,
-                    y: data.y,
-                    radius: sf,
-                    offset: { heading: 4, pitch: -89, range: 0 },
-                },
-            };
-            jMap.switchStreet(options);
-        },
-
-        /**
-         * 点分布(撒点)
-         * @param {坐标信息} lnglats
-         * @param {页面类型} type
-         */
-        addMarker(lnglats, pageType, type) {
-            console.log(lnglats, pageType, type)
-                // if(pageType == "security-plan"){
-
-            // }else{
-            window.jMap.Locate.clearLocate();
-            // }
-
-            let that = this
-            let icon = "";
-            let arr = []
-            let arr1 = []
-            let arr2 = []
-            let arr3 = []
-            let arr4 = []
-            let arr5 = []
-            var target = lnglats.map((val, ind) => {
-                var wgs84 = CoordUtil.gcj02towgs84(Number(val.gisX) || Number(val.longitude), Number(val.gisY) || Number(val.latitude))
-                var x = wgs84[0]
-                var y = wgs84[1]
-                if (pageType == "enforcement-dynamic" ||
-                    pageType == "self-management" ||
-                    pageType == "comprehensive-disposal" ||
-                    pageType == "rescue-station" ||
-                    pageType == "security-plan" ||
-                    pageType == "fire-signs" ||
-
-                    pageType == "fire-data-analysis" ||
-                    pageType == "water-sources") {
-                    let marker = {
-                        id: ind + 1,
-                        attrbutes: val,
-                        position: {
-                            x: x,
-                            y: y,
-                            //     x: Number(val.gisX) || Number(val.longitude),
-                            //     y: Number(val.gisY) || Number(val.latitude),
-                            z: 0
-                        },
-                        image: {
-                            url: type == "双随机执法单位" ? this.stores.sadianIcon.ssjzf : type == "安全检查单位" ? this.stores.sadianIcon.aqjcdw : type == "举报投诉" ? this.stores.sadianIcon.jbts : type == "执法记录仪" ? this.stores.sadianIcon.zfjly :
-
-                                type == "重点单位" ? this.stores.sadianIcon.zddw : type == "龙湖天街(试点)" ? this.stores.sadianIcon.lhtj : type == "一般单位" ? this.stores.sadianIcon.ybdw : type == "九小场所" ? this.stores.sadianIcon.jxcs : type == "其他单位" ? this.stores.sadianIcon.qtdw :
-
-                                type == "厂房" ? this.stores.sadianIcon.cf : type == "仓库" ? this.stores.sadianIcon.ck :
-
-                                type == "车辆" && val.type != "国家会展中心" ? this.stores.sadianIcon.xfc : type == "历史警情" && val.type != "国家会展中心" ? this.stores.sadianIcon.lsjq :
-
-                                type == "历史火灾" && val.type != "国家会展中心" ? this.stores.sadianIcon.lshz : val.type == "国家会展中心" ? this.stores.sadianIcon.hzzx :
-
-                                type == "亡人火灾" ? this.stores.sadianIcon.wrhz : type == "伤人火灾" ? this.stores.sadianIcon.srhz :
-
-                                type == "消火栓可用" ? this.stores.sadianIcon.xhs : type == "消火栓不可用" ? this.stores.sadianIcon.xhsH :
-
-                                type == "天然水源" ? this.stores.sadianIcon.trsy : type == "科普教育基地" ? this.stores.sadianIcon.kpjyjd :
-
-                                type == "消防站" ? this.stores.sadianIcon.xfz : type == "高层建筑覆盖" && val.stationType == 1 ? this.stores.sadianIcon.xfdjl :
-
-                                type == "高层建筑覆盖" && val.stationType == 2 ? this.stores.sadianIcon.xfdj2 : type == "高层建筑覆盖" && val.stationType == 3 ? this.stores.sadianIcon.xfdj3 :
-
-                                type == "高层建筑覆盖" && val.stationType == 4 ? this.stores.sadianIcon.zzd : type == "高层建筑覆盖" && val.stationType == 5 ? this.stores.sadianIcon.jzwxxfz :
-
-                                type == "高层建筑覆盖" && val.stationType == 111 ? this.stores.sadianIcon.dian : type == "高层建筑" ? this.stores.sadianIcon.gcggjz :
-
-                                type == "专职队" ? this.stores.sadianIcon.zzd : type == "微型消防站" ? this.stores.sadianIcon.jzwxxfz : type == "大型综合体" && val.facilityType == "lhtj" ? this.stores.sadianIcon.lhtj :
-
-                                type == "大型综合体" && (val.facilityType == 2 || val.facilityType == 3) ? this.stores.sadianIcon.dxzht : type == "重大火灾隐患" ? this.stores.sadianIcon.lsjq :
-
-                                type == "企业消防" && val.facilityType == 13 ? this.stores.sadianIcon.zddw : type == "企业消防" && val.facilityType == 14 ? this.stores.sadianIcon.ybdw :
-
-                                type == "社区消防" && val.facilityType == 15 ? this.stores.sadianIcon.zddw : type == "社区消防" && val.facilityType == 16 ? this.stores.sadianIcon.ybdw :
-
-                                type == "一级微型消防站" ? this.stores.sadianIcon.yjxfz : type == "街镇专职消防队" ? this.stores.sadianIcon.jzzzxfd : type == "中小学" ? this.stores.sadianIcon.zs : type == "幼儿园" ? this.stores.sadianIcon.yey : type == "其他学校" ? this.stores.sadianIcon.qtxx :
-
-                                type == "三合一" ? this.stores.sadianIcon.shy : type == "实时警情" ? this.stores.sadianIcon.ssjq :
-
-                                type == "本年度重点事项推进情况" && val.status == 1 ? this.stores.sadianIcon.ywc : type == "本年度重点事项推进情况" && val.status == 2 ? this.stores.sadianIcon.jxz : type == "本年度重点事项推进情况" && val.status == 3 ? this.stores.sadianIcon.zbz :
-
-                                type == "高风险" ? this.stores.sadianIcon.gfx : type == "较高风险" ? this.stores.sadianIcon.jgfx : type == "一般风险" ? this.stores.sadianIcon.ybfx : type == "低风险" ? this.stores.sadianIcon.dfx :
-
-                                type == "单位巡检" ? this.stores.sadianIcon.dwxj : type == "物联网设备" ? this.stores.sadianIcon.dwxj : type == "监控视频" ? this.stores.sadianIcon.ssjq : type == "监督检查" ? this.stores.sadianIcon.jdjc :
-                                type == "养老机构" ?  this.stores.sadianIcon.xfdjl :
-                                type == "医疗机构" ?  this.stores.sadianIcon.zzd :
-                                type == "流动消防站(一级)" ?  this.stores.sadianIcon.ldxfzyj :
-                                type == "流动消防站(二级)" ?  this.stores.sadianIcon.ldxfzej :
-                                type == "重点微型消防站" ?  this.stores.sadianIcon.zdwxxfz :
-                                
-
-                                this.stores.sadianIcon.trsy,
-
-                            // this.jqzhczIcon3 : val.type == "4" ?
-                            // this.jqzhczIcon4 : val.type == "5" ?
-                            // this.jqzhczIcon5 : val.type == "消火栓" && val.status == "1" ?
-                            // this.jqzhczIcon5 : val.type == "消火栓" && val.status == "2" ?
-                            // this.jqzhczIcon51 : val.type == "天然水源" ?
-                            // this.jqzhczIcon7 : this.xfzfdtIcon4,
-
-                            width: val.type == "国家会展中心" ? 83 : type == "高层建筑覆盖" && val.stationType == 111 ? 7 : type == 111 ? 74 : 19.5,
-                            height: val.type == "国家会展中心" ? 59 : type == "高层建筑覆盖" && val.stationType == 111 ? 7 : type == 111 ? 66 : 25,
-                        },
-                    };
-                    if (type == "高层建筑覆盖" && val.stationType == 1) {
-                        arr1.push(val)
-                    }
-                    if (type == "高层建筑覆盖" && val.stationType == 2) {
-                        arr2.push(val)
-                    }
-                    if (type == "高层建筑覆盖" && val.stationType == 3) {
-                        arr3.push(val)
-                    }
-                    if (type == "高层建筑覆盖" && val.stationType == 4) {
-                        arr4.push(val)
-                    }
-                    if (type == "高层建筑覆盖" && val.stationType == 5) {
-                        arr5.push(val)
-                    }
-
-                    return marker;
-                } else {
-                    let marker = {
-                        id: ind + 1,
-                        attrbutes: val,
-                        position: { x: val.gisBaiDuX, y: val.gisBaiDuY, z: 0 },
-                        image: { url: icon, width: 300, height: 300 },
-                    };
-
-                    return marker;
-                }
-            });
-            if (type == "高层建筑覆盖") {
-                if (arr1.length > 0) {
-                    this.bufferL1(arr1)
-                }
-                if (arr2.length > 0) {
-                    this.bufferL2(arr2)
-                }
-                if (arr3.length > 0) {
-                    this.bufferL3(arr3)
-                }
-                if (arr4.length > 0) {
-                    this.bufferL4(arr4)
-                }
-                if (arr5.length > 0) {
-                    this.bufferL5(arr5)
-                }
-                // this.bufferL(arr)
-            }
-            //消防水源
-            if (pageType == "water-sources") {
-                var array = {
-                    clusterId: 100001,
-                    clusterData: []
-                }
-                var target1 = lnglats.map((val, ind) => {
-                    var wgs84 = CoordUtil.gcj02towgs84(Number(val.gisX) || Number(val.longitude), Number(val.gisY) || Number(val.latitude))
-                    var x = wgs84[0]
-                    var y = wgs84[1]
-                    val.type2 = type
-                    var array1 = {
-                        attributes: val,
-                        position: {
-                            x: x,
-                            y: y,
-                            z: 0,
-                        },
-                        image: {
-                            url: type == "消火栓可用" ? this.stores.sadianIcon.xhs : type == "消火栓不可用" ? this.stores.sadianIcon.xhsH : type == "天然水源" ? this.stores.sadianIcon.trsy : this.stores.sadianIcon.trsy,
-                            width: 19.5,
-                            height: 25,
-                        }
-                    }
-                    array.clusterData.push(array1)
-                })
-                var options = {
-                    style: { pixelRange: 60 },
-                    isZoom: true,
-                    click: this.clusterMapCallBack
-
-                };
-                window.jMap.ClusterMap.show(array, options)
-            } else {
-                //撒点类型
-                window.jMap.Locate.pointLocate(target, {
-                    //撒点
-                    isZoom: false,
-                    //animate: { "show": true },
-                    scaleByDistance: {
-                        minScaling: 1,
-                        maxScaling: 1,
-                        minDistance: 50, //最小距离
-                        maxDistance: 120000 //最大距离
-                    },
-                    click: (val) => {
-                        //消防执法
-                        if (pageType == "enforcement-dynamic") {
-                            if (type == "安全检查单位" || type == "双随机执法单位") {
-                                this.$axios
-                                    .get(
-                                        this.$api.siaeall.one +
-                                        "?" +
-                                        this.$qs.stringify({
-                                            companyId: val.attrbutes.number,
-                                            companyName: val.attrbutes.name,
-                                        })
-                                    )
-                                    .then((res) => {
-                                        res.data[0].company = val._attrbutes.name;
-                                        res.data[0].streetTown = val._attrbutes.streetTown;
-                                        let arrayList = [{
-                                                title: [res.data[0].company, res.data[0].company ? true : false],
-                                                children: [
-                                                    ["单位地址:", res.data[0].companyAddress, 24],
-                                                    ["负责人:", res.data[0].linkPerson, 10],
-                                                    ["联系电话:", res.data[0].linkPhone, 14],
-                                                    ["历史火灾次数:", res.data[0].fireCount, 12],
-
-                                                ],
-                                            },
-                                            {
-                                                title: ["行政许可情况", res.data[0].processDate && res.data[0].carefullyCheckDate && res.data[0].securityCheckDates],
-                                                children: [
-                                                    ["审核时间:", res.data[0].processDate, 12],
-                                                    ["验收时间:", res.data[0].carefullyCheckDate, 12],
-                                                    ["安检时间:", res.data[0].securityCheckDates, 12],
-                                                ],
-                                            },
-                                            {
-                                                title: ["历史检查情况", res.data[0].inspectCompany && res.data[0].fireHazard && res.data[0].rectificateFireHazard && res.data[0].punishmentDecision && res.data[0].orderThreeStops && res.data[0].correctionNotice && res.data[0].temporarySeizure && res.data[0].penaltyAmount],
-                                                children: [
-                                                    ["检查:", res.data[0].inspectCompany + "(家)", 8],
-                                                    ["隐患:", res.data[0].fireHazard + "(起)", 8],
-                                                    ["整改:", res.data[0].rectificateFireHazard + "(起)", 8],
-                                                    ["行罚:", res.data[0].punishmentDecision + "(份)", 8],
-                                                    ["三停:", res.data[0].orderThreeStops + "(家)", 8],
-                                                    ["责改:", res.data[0].correctionNotice + "(份)", 8],
-                                                    ["临封:", res.data[0].temporarySeizure + "(份)", 8],
-                                                    ["罚金:", res.data[0].penaltyAmount + "(万元)", 8],
-                                                ],
-                                            },
-                                            {
-                                                title: ["相关火灾情况", res.data[0].fireTime && res.data[0].disposalDuration && res.data[0].burnedArea && res.data[0].fireGrade && res.data[0].mobilizeVehicles && res.data[0].squadron && res.data[0].status && res.data[0].initialFuelType1],
-                                                children: [
-                                                    ["报警时间:", res.data[0].fireTime, 12],
-                                                    ["处置时长:", res.data[0].disposalDuration, 12],
-                                                    ["过火面积:", res.data[0].burnedArea, 12],
-                                                    ["火灾等级:", res.data[0].fireGrade, 12],
-                                                    ["调动车辆:", res.data[0].mobilizeVehicles + "(辆)", 12],
-                                                    ["所属中队:", res.data[0].squadron, 12],
-                                                    ["状况:", res.data[0].status, 12],
-                                                    ["起火物:", res.data[0].initialFuelType1, 12],
-                                                ],
-                                            },
-                                        ];
-                                        this.popup(val._attrbutes, arrayList, true)
-                                    });
-                            } else if (type == "举报投诉") {
-                                let arrayList = [{
-                                    title: [val._attrbutes.name, true],
-                                    children: [
-
-                                    ],
-                                }]
-                                this.popup(val._attrbutes, arrayList, true)
-
-                            } else if (type == "执法记录仪") {
-                                let arrayList = [{
-                                        title: [val._attrbutes.groupName, true],
-                                        children: [
-                                            ["执法人:", val._attrbutes.name, 12],
-                                        ],
-                                        type: type,
-                                        url: val._attrbutes.url,
-                                    },
-
-                                ]
-                                this.popup(val._attrbutes, arrayList, true)
-                            } else if (type == "重大火灾隐患") {
-                                let msgParse = JSON.parse(val.attrbutes.extendData)
-                                let arrayList = [{
-                                    title: [val.attrbutes.facilityName, true],
-                                    children: [
-                                        ["地址:", val.attrbutes.address, 24],
-                                        ["分类等级:", val.attrbutes.address, 24],
-                                        ["基础信息:", msgParse.test1, 24],
-                                        ["消防安全隐患情况:", msgParse.test2, 24],
-
-                                    ],
-                                }, ];
-                                this.popup(val._attrbutes, arrayList, true)
-                            } else if (type == "三合一") {
-                                let msgParse = JSON.parse(val.attrbutes.extendData)
-                                let arrayList = [{
-                                    title: [val.attrbutes.facilityName, true],
-                                    children: [
-                                        ["单位地址:", val.attrbutes.address.replace("\t", ""), 24],
-                                        ["单位类别:", "三合一九小场所", 24],
-                                        ["单位法人:", val.attrbutes.facilityName.replace("\t", ""), 24],
-
-                                        ["检查人员姓名:", msgParse.test1, 24],
-                                        ["检查时间:", msgParse.test3, 24],
-                                        ["单位使用性质:", msgParse.test4, 24],
-                                        ["单位所属街道:", msgParse.test8, 24],
-                                        ["消消防安全责任人:", msgParse.test10, 24],
-                                        ["消防安全管理人(联系人):", msgParse.test11, 24],
-                                        ["联系电话(手机):", msgParse.test12, 24],
-                                        ["单位(场所)面积(m²):", msgParse.test17, 24],
-                                        ["地上:", msgParse.test18, 24],
-                                        ["地下:", msgParse.test19, 24],
-                                        ["建筑性质:", msgParse.test21, 24],
-                                        ["建筑结构:", msgParse.test22, 24],
-
-                                    ],
-                                }, ];
-                                this.popup(val._attrbutes, arrayList, true)
-                            } else if (type == "本年度重点事项推进情况") {
-                                let msgParse = JSON.parse(val.attrbutes.extendData)
-                                let arrayList = [{
-                                    title: [val.attrbutes.facilityName, true],
-                                    children: [
-                                        ["街道名称:", val.attrbutes.streetTown, 24],
-                                        ["地址:", val.attrbutes.address, 24],
-                                        ["状态:", val.attrbutes.status == 1 ? "已完成" : val.attrbutes.status == 2 ? "施工中" : val.attrbutes.status == 3 ? "招标中" : "", 24],
-
-                                    ],
-                                }, ];
-                                this.popup(val._attrbutes, arrayList, true)
-                            }
-                        }
-
-                        //企业自主
-                        if (pageType == "self-management") {
-                            if (val.attrbutes.type == "重点单位") {
-                                this.elementInfo(val.attrbutes, "重点单位")
-                            } else if (val.attrbutes.type == "大型综合体") {
-                                let msgParse = JSON.parse(val.attrbutes.extendData)
-                                let arrayList = [{
-                                    title: [val.attrbutes.facilityName, true],
-                                    children: [
-                                        ["地址:", val.attrbutes.address, 24],
-                                        ["类型:", val.attrbutes.facilityType == 2 ? "5W平大型商业综合体" : val.attrbutes.facilityType == 3 ? "3-5万平大型商业综合体" : "", 24],
-                                        ["平面布局:", msgParse.planeLayout, 24],
-                                        ["用火用电用气管理:", msgParse.fireGasManage, 24],
-                                        ["油烟管道管理:", msgParse.oilFumeManage, 24],
-                                        ["消防设施:", msgParse.fireFacility, 24],
-                                        ["其他安全管理:", msgParse.otherSecurityManage, 24],
-                                        ["合计汇总:", msgParse.totalSummary, 24],
-                                    ],
-                                }, ];
-                                this.popup(val._attrbutes, arrayList, true)
-                            } else if (val.attrbutes.type == "中小学" || val.attrbutes.type == "幼儿园" || val.attrbutes.type == "其他学校") {
-                                let msgParse = JSON.parse(val.attrbutes.extendData)
-                                let phone = val.attrbutes.contactPhone
-                                let arrayList = [{
-                                    title: [val.attrbutes.facilityName, true],
-                                    children: [
-                                        ["机构简称:", msgParse.test1, 24],
-                                        // ["学校办别:", val.attrbutes.facilityType, 24],
-                                        ["学校类型:", val.attrbutes.type, 24],
-                                        ["所在街镇:", val.attrbutes.streetTown, 24],
-                                        ["地址:", msgParse.address, 24],
-                                        ["法人代表:", val.attrbutes.contact, 24],
-                                        ["手机:", phone.length > 8 ? phone.substring(0, 3) + '****' + phone.substring(phone.length - 3, phone.length) : phone.substring(0, 2) + '***' + phone.substring(phone.length - 3, phone.length), 24],
-                                    ],
-                                }, ];
-                                this.popup(val._attrbutes, arrayList, true)
-                            } else if (val.attrbutes.facilityType == "22") {
-                                let msgParse = JSON.parse(val.attrbutes.extendData)
-                                let arrayList = [{
-                                    title: [val.attrbutes.facilityName, true],
-                                    children: [
-                                        ["单位地址:", msgParse.address, 24],
-                                        ["单位负责人:", val.attrbutes.contact, 24],
-                                        ["负责人电话:", val.attrbutes.contactPhone, 24],
-                                        ["巡检部位:", msgParse.test1, 24],
-                                        ["巡检人员:", msgParse.test2, 24],
-                                        ["巡检情况:", msgParse.test3, 24],
-
-                                    ],
-                                }, ];
-                                this.popup(val._attrbutes, arrayList, true)
-                            } else if (type == "物联网设备") {
-                                let arrayList = [{
-                                    title: [val.attrbutes.buildName, true],
-                                    children: [
-                                        ["建筑地址:", val.address, 24],
-                                        ["建筑面积:", val.attrbutes.buildArea, 24],
-                                        ["建筑高度:", val.attrbutes.buildHigh, 24],
-                                        ["地上(层):", val.attrbutes.aboveFloor, 24],
-                                        ["地下(层):", val.attrbutes.underFloor, 24],
-
-
-                                    ],
-                                }, ];
-                                this.popup(val._attrbutes, arrayList, true)
-                            } else {
-                                let arrayList = [{
-                                    title: ["单位详情", val.attrbutes.companyName ? true : false],
-                                    children: [
-                                        ["单位名称:", val.attrbutes.companyName, 24],
-                                        ["单位类型:", val.attrbutes.companyTypeName, 24],
-                                        ["联系电话:", val.attrbutes.linkPhone, 24],
-                                        ["地址:", val.attrbutes.address, 24],
-                                    ],
-                                }, ];
-                                this.popup(val._attrbutes, arrayList, true)
-                            }
-
-                        }
-                        //大型安保 、火灾数据分析
-                        if (pageType == "security-plan") {
-                            console.log(pageType,type)
-                            // let arrayList = [{
-                            //     title: ["案件详情", true],
-                            //     children: [
-                            //         ["案件编号:", val.attrbutes.ajbh, 24],
-                            //         ["案件描述:", val.attrbutes.bcxx, 24],
-                            //         ["报警时间:", val.attrbutes.tzsj, 24],
-                            //         ["案件类型:", val.attrbutes.ajlx, 24],
-                            //         ["警情类别:", type, 24],
-                            //         ["警情等级:", val.attrbutes.ajdj, 24],
-                            //         ["调动车辆:", val.attrbutes.cdcl, 24],
-                            //         ["处置对象:", val.attrbutes.czdx, 24],
-                            //         ["主责中队:", val.attrbutes.zhongdui, 24],
-                            //         ["案件状态:", val.attrbutes.ajzt, 24],
-                            //         ["到场时间:", val.attrbutes.cssj, 24],
-                            //         ["控制时间:", val.attrbutes.kzsj, 24],
-                            //         ["熄灭时间:", val.attrbutes.xmsj, 24],
-                            //         ["返队时间:", val.attrbutes.fdsj, 24],
-                            //         ["所属街道:", val.attrbutes.streettown, 24],
-                            //     ],
-                            // }, ];
-                            // if (val._attrbutes.type != "国家会展中心") {
-                            //     this.popup(val._attrbutes, arrayList, true)
-                            // }
-                            if (type == "监控视频") {
-                                let arrayList = [{
-                                    title: ["监控视频", true],
-                                    children: [
-                                        ["监控名称:", val.attrbutes.name, 24],
-                                        ["监控地址:", val.attrbutes.installPlace, 24],
-                                    ],
-                                    url: val.attrbutes.viewUrl,
-                                    id: val.attrbutes.id
-                                }, ];
-                                that.stores.jkspChange(arrayList);
-                                // this.popup(val._attrbutes, arrayList, true)
-                                // if (val._attrbutes.type != "国家会展中心") {
-                                //     this.popup(val._attrbutes, arrayList, true)
-                                // }
-                            }
-                            console.log(type)
-                            if (type == "监督检查") {
-                                console.log(val.attrbutes)
-                                let arrayList = [{
-                                    title: ["监督检查", true],
-                                    children: [
-                                        ["检查员名称:", val.attrbutes.checkName, 24],
-                                        ["检查人员所属单位:", val.attrbutes.subordinateCompany, 24],
-                                        ["检查时间:", val.attrbutes.checkTime, 24],
-                                        ["单位类型:", val.attrbutes.companyType, 24],
-                                        ["单位使用性质:", val.attrbutes.companyUseNature, 24],
-                                        ["单位法人:", val.attrbutes.companyName, 24],
-                                        ["单位(场所)实际名称:", val.attrbutes.companyActualName, 24],
-                                        ["网格号:", val.attrbutes.gridNum, 24],
-                                        ["所辖派出所:", val.attrbutes.subordinatePoliceStation, 24],
-                                        ["街镇:", val.attrbutes.street, 24],
-                                        ["单位地址:", val.attrbutes.companyAddress, 24],
-                                        ["消防安全责任人姓名:", val.attrbutes.fireDutyName, 24],
-                                        ["消防安全管理人姓名:", val.attrbutes.fireManageName, 24],
-                                        ["联系电话:", val.attrbutes.phone, 24],
-                                        // ["隐患图片:", val.attrbutes.hiddImage ? JSON.parse(val.attrbutes.hiddImage) : NULL, 24],
-                                    ],
-                                }, ];
-                                this.popup(val._attrbutes, arrayList, true)
-                            }
-                            if (type == "养老机构") {
-                                let arrayList = [{
-                                    title: [type, true],
-                                    children: [
-                                        ["单位名称:", val.attrbutes.facilityName, 24],
-                                        // ["设施类型:", val.attrbutes.facilityType, 24],
-                                        ["地址:", val.attrbutes.address, 24],
-                                        ["所属街镇:", val.attrbutes.streetTown, 24],
-                                    ],
-                                }, ];
-                                this.popup(val._attrbutes, arrayList, true)
-                            }
-                            if (type == "医疗机构") {
-                                console.log(val.attrbutes)
-                                let arrayList = [{
-                                    title: [type, true],
-                                    children: [
-                                        ["单位名称:", val.attrbutes.facilityName, 24],
-                                        // ["设施类型:", val.attrbutes.facilityType, 24],
-                                        ["地址:", val.attrbutes.address, 24],
-                                        ["所属街镇:", val.attrbutes.streetTown, 24],
-                                    ],
-                                }, ];
-                                this.popup(val._attrbutes, arrayList, true)
-                            }
-                            if (type == "流动消防站(一级)") {
-                                console.log(222222222)
-                                let msgParse = JSON.parse(val.attrbutes.extendData)
-                                let arrayList = [{
-                                    title: [val.attrbutes.facilityName, true],
-                                    children: [
-                                        ["街镇:", val.attrbutes.streetTown, 24],
-                                        ["驻防位置:", val.attrbutes.address, 24],
-                                        ["保卫区域:", val.attrbutes.facilityName, 24],
-                                        ["负责人:", val.attrbutes.contact, 24],
-                                        ["联系电话:", val.attrbutes.contactPhone, 24],
-                                        ["人数:", msgParse.test1, 24],
-                                        ["设立原因:", msgParse.test2, 24],
-                                        ["驻防时间:", msgParse.test3, 24],
-                                        ["定位设备编号:", msgParse.test4, 24],
-                                        ["对讲设备编号:", msgParse.test5, 24],
-                                        ["跟车人员姓名及岗位:",`${msgParse.test7} ${msgParse.test6}`, 24],
-                                        ["跟车人员姓名及岗位:",`${msgParse.test9} ${msgParse.test8}`, 24],
-                                    ],
-                                }, ];
-                                this.popup(val._attrbutes, arrayList, true)
-                            }
-                            if (type == "流动消防站(二级)") {
-                                let msgParse = JSON.parse(val.attrbutes.extendData)
-                                let arrayList = [{
-                                    title: [val.attrbutes.facilityName, true],
-                                    children: [
-                                        ["街镇:", val.attrbutes.streetTown, 24],
-                                        ["驻防位置:", val.attrbutes.address, 24],
-                                        ["保卫区域:", val.attrbutes.facilityName, 24],
-                                        ["负责人:", val.attrbutes.contact, 24],
-                                        ["联系电话:", val.attrbutes.contactPhone, 24],
-                                        ["人数:", msgParse.test1, 24],
-                                        ["设立原因:", msgParse.test2, 24],
-                                        ["驻防时间:", msgParse.test3, 24],
-                                        ["定位设备编号:", msgParse.test4, 24],
-                                        ["对讲设备编号:", msgParse.test5, 24],
-                                        ["跟车人员姓名及岗位:",`${msgParse.test7} ${msgParse.test6}`, 24],
-                                        ["跟车人员姓名及岗位:",`${msgParse.test9} ${msgParse.test8}`, 24],
-                                    ],
-                                }, ];
-                                this.popup(val._attrbutes, arrayList, true)
-                            }
-                            if (type == "重点微型消防站") {
-                                let msgParse = JSON.parse(val.attrbutes.extendData)
-                                let arrayList = [{
-                                    title: [val.attrbutes.facilityName, true],
-                                    children: [
-                                        ["街镇:", val.attrbutes.streetTown, 24],
-                                        ["地址:", val.attrbutes.address, 24],
-                                        ["名称:", val.attrbutes.facilityName, 24],,
-                                        ["负责人:", val.attrbutes.contact, 24],
-                                        ["联系电话:", val.attrbutes.contactPhone, 24],
-
-                                        ["支队:", msgParse.test1, 24],
-                                        ["性质:", msgParse.test2, 24],
-                                        ["固定电话:", msgParse.test3, 24],
-                                        ["微站可视化终端名称:", msgParse.test4, 24],
-                                        ["是否配备电动车:", msgParse.test5, 24],
-                                        ["备注:", msgParse.test6, 24],
-                                    ],
-                                }, ];
-                                this.popup(val._attrbutes, arrayList, true)
-                            }
-                        }
-                        //火灾数据分析
-                        if (pageType == "fire-data-analysis") {
-                            if (type == "历史火灾") {
-                                let arrayList = [{
-                                    title: ["案件详情", true],
-                                    children: [
-                                        ["案件编号:", val.attrbutes.ajbh, 24],
-                                        ["案件描述:", val.attrbutes.bcxx, 24],
-                                        ["报警时间:", val.attrbutes.tzsj, 24],
-                                        ["案件类型:", val.attrbutes.ajlx, 24],
-                                        ["警情类别:", type, 24],
-                                        ["警情等级:", val.attrbutes.ajdj, 24],
-                                        ["调动车辆:", val.attrbutes.cdcl, 24],
-                                        ["处置对象:", val.attrbutes.czdx, 24],
-                                        ["主责中队:", val.attrbutes.zhongdui, 24],
-                                        ["案件状态:", val.attrbutes.ajzt, 24],
-                                        ["到场时间:", val.attrbutes.cssj, 24],
-                                        ["控制时间:", val.attrbutes.kzsj, 24],
-                                        ["熄灭时间:", val.attrbutes.xmsj, 24],
-                                        ["返队时间:", val.attrbutes.fdsj, 24],
-                                        ["所属街道:", val.attrbutes.streettown, 24],
-                                    ],
-                                }, ];
-                                this.popup(val._attrbutes, arrayList, true)
-                            }
-                            if (type == "伤人火灾" || type == "亡人火灾") {
-                                let arrayList = [{
-                                    title: ["案件详情", true],
-                                    children: [
-                                        ["火灾序号:", val.attrbutes.fireNumber, 24],
-                                        ["所属街道:", val.attrbutes.street, 24],
-                                        ["起火地点:", val.attrbutes.fireAddress, 24],
-                                        ["起火时间:", val.attrbutes.fireTime, 24],
-                                        ["直接财产损失:", val.attrbutes.directPropertyLoss + "万", 24],
-                                        ["过火面积:", val.attrbutes.burnedArea + "㎡", , 24],
-                                        ["受灾户数:", val.attrbutes.affectedHouse + "户", 24],
-                                        ["受灾人数:", val.attrbutes.victimNumber + "人", 24],
-                                        ["死亡人数:", val.attrbutes.deathToll + "人", 24],
-                                        ["受伤人数:", val.attrbutes.injuredNumber + "人", 24],
-                                        ["起火经过:", val.attrbutes.fireProcess, 24],
-                                    ],
-                                }, ];
-                                this.popup(val._attrbutes, arrayList, true)
-                            }
-                        }
-                        //消防救援站点
-                        if (pageType == "rescue-station") {
-                            if (type == "科普教育基地") {
-                                let arrayList = [{
-                                    title: [val.attrbutes.type, true],
-                                    children: [
-                                        ["成立时间/联系人:", val.attrbutes.policeTime, 24],
-                                        ["站点地址:", val.attrbutes.alertLevel, 24],
-                                        ["预约电话:", val.attrbutes.address, 24],
-                                    ],
-                                }, ];
-                                this.popup(val._attrbutes, arrayList, true)
-                            }
-                            if (type == "消防站" || type == "专职队" || type == "高层建筑覆盖" || type == "高层建筑" || type == "微型消防站" || type == "一级微型消防站" || type == "街镇专职消防队") {
-                                if (val.attrbutes.stationType == 1 || val.attrbutes.stationType == 2 || val.attrbutes.stationType == 3 || val.attrbutes.stationType == 4) {
-                                    let arrayList = [{
-                                        title: [val.attrbutes.stationName, true],
-                                        children: [
-                                            ["消防站地址:", val.attrbutes.stationAddress, 24],
-                                            ["消防站类型:", val.attrbutes.stationType == 1 ? "一级消防站" : val.attrbutes.stationType == 2 ? "二级消防站" : val.attrbutes.stationType == 3 ? "三级消防站" : val.attrbutes.stationType == 4 ? "专职队" : "", 24],
-                                        ],
-                                    }, ];
-                                    this.popup(val._attrbutes, arrayList, true)
-                                }
-                                if (val.attrbutes.stationType == 5) {
-                                    let arrayList = [{
-                                        title: [val.attrbutes.streetTown + "微型消防站(" + val.attrbutes.stationCode + '号)', true],
-                                        children: [
-                                            ["地址:", val.attrbutes.stationAddress, 24],
-                                            ["编号:", val.attrbutes.stationCode, 24],
-                                            ["距消防站直线距离:", val.attrbutes.stationAddress, 24],
-                                            ["距消防站行驶距离:", val.attrbutes.driveDistance, 24],
-                                            ["交通拥堵行驶时间:", val.attrbutes.jamDrive, 24],
-                                            ["交通畅通行驶时间:", val.attrbutes.unimpededDrive, 24],
-                                            //     ["点位情况:", val.attrbutes.pointSituation, 24],
-                                            ["建筑情况:", val.attrbutes.buildSituation, 24],
-                                            ["车辆停放:", val.attrbutes.vehiclePark, 24],
-                                            ["是否有产证:", val.attrbutes.birthCert, 24],
-                                            ["产证情况:", val.attrbutes.birthCertSituation, 24],
-                                        ],
-                                    }, ];
-                                    this.popup(val._attrbutes, arrayList, true)
-                                }
-                                if (val.attrbutes.stationType == 111 || val.attrbutes.stationType == 112) {
-                                    let arrayList = [{
-                                        title: [val.attrbutes.buildName, true],
-                                        children: [
-                                            ["建筑地址:", val.attrbutes.address, 24],
-                                            ["主要产权人:", val.attrbutes.principalPropertyOwner, 24],
-                                            ["统一社会信用代码:", val.attrbutes.creditCode, 24],
-                                            ["物业服务企业名称:", val.attrbutes.propertyServiceName, 24],
-                                            ["建成年份:", val.attrbutes.completeYear, 24],
-                                            ["建筑高度:", val.attrbutes.buildHigh, 24],
-                                            ["地上建筑层数:", val.attrbutes.aboveFloor, 24],
-                                            ["地下建筑层数:", val.attrbutes.underFloor, 24],
-                                            ["建筑类型:", val.attrbutes.buildType, 24],
-                                            ["功能用途:", val.attrbutes.functionalPurpose, 24],
-                                        ],
-                                    }, ];
-                                    this.popup(val._attrbutes, arrayList, true)
-                                }
-                                if (val.attrbutes.stationType == 17 || val.attrbutes.stationType == 18) {
-                                    let bianhao = JSON.parse(val.attrbutes.extendData).test1
-                                    let arrayList = [{
-                                        title: [val.attrbutes.facilityName, true],
-                                        children: [
-                                            ["编号:", bianhao, 24],
-                                            ["消防站地址:", val.attrbutes.address, 24],
-                                            ["消防站类型:", val.attrbutes.stationType == 17 ? "一级微型消防站" : val.attrbutes.stationType == 18 ? "街镇专职消防队" : "", 24],
-                                        ],
-                                    }, ];
-                                    this.popup(val._attrbutes, arrayList, true)
-                                }
-                            }
-                            if (type == "企业消防" || type == "社区消防") {
-                                let arrayList = [{
-                                    title: [val.attrbutes.facilityName, true],
-                                    children: [
-
-                                        ["站点地址:", val.attrbutes.address, 24],
-                                        ["站点类型:", val.attrbutes.facilityType == 13 ? "重点单位微站" :
-                                            val.attrbutes.facilityType == 14 ? "一般单位微站" : val.attrbutes.facilityType == 15 ? "居委会微站" : val.attrbutes.facilityType == 16 ? "村委会微站" : "", 24
-                                        ],
-                                        ["街镇:", val.attrbutes.streetTown, 24],
-                                    ],
-                                }, ];
-                                this.popup(val._attrbutes, arrayList, true)
-                            }
-
-                        }
-
-                        //警情综合处置
-                        if (pageType == "comprehensive-disposal") {
-                            if (type == "实时警情") {
-                                let arrayList = [{
-                                    title: ["案件详情", true],
-                                    children: [
-                                        ["案件编号:", val.attrbutes.ajbh, 24],
-                                        ["案件描述:", val.attrbutes.bcxx, 24],
-                                        ["报警时间:", val.attrbutes.tzsj, 24],
-                                        ["案件类型:", val.attrbutes.ajlx, 24],
-                                        ["警情类别:", val.attrbutes.type, 24],
-                                        ["警情等级:", val.attrbutes.ajdj, 24],
-                                        ["案发地址:", val.attrbutes.afdz, 24],
-                                        ["调动车辆:", val.attrbutes.cdcl, 24],
-                                        ["处置对象:", val.attrbutes.czdx, 24],
-                                        ["主责中队:", val.attrbutes.zhongdui, 24],
-                                        ["案件状态:", val.attrbutes.cssj, 24],
-                                        ["到场时间:", val.attrbutes.dcsj, 24],
-                                        ["出水时间:", val.attrbutes.cssj, 24],
-                                        ["控制时间:", val.attrbutes.kzsj, 24],
-                                        ["熄灭时间:", val.attrbutes.xmsj, 24],
-                                        ["所属街道:", val.attrbutes.streettown, 24],
-                                    ],
-                                }, ];
-                                this.popup(val._attrbutes, arrayList, true)
-                            }
-
-                        }
-                        //城市消防体征
-                        if (pageType == "fire-signs") {
-                            if (type == "仓库") {
-                                let arrayList = [{
-                                    title: [val.attrbutes.companyName, true],
-                                    children: [
-                                        ["单位地址:", val.attrbutes.address, 24],
-                                        ["单位类别:", val.attrbutes.companyType, 24],
-                                        ["单位使用性质:", val.attrbutes.companyNature, 24],
-                                        ["单位(法人)名称:", val.attrbutes.delegateName, 24],
-                                        ["统一社会信用代码:", val.attrbutes.socialCode, 24],
-                                        ["所辖派出所:", val.attrbutes.policeStation, 24],
-                                        ["消防安全责任人:", val.attrbutes.fireDutyName, 24],
-                                        ["消防安全管理人:", val.attrbutes.fireManageName, 24],
-                                        ["联系电话(手机):", val.attrbutes.linkPhone, 24],
-                                        ["是否自主消防安全管理:", val.attrbutes.fireSafetyManage, 24],
-                                        ["单位(场所)面积(㎡):", val.attrbutes.companyArea, 24],
-                                        ["行业类别:", val.attrbutes.industryType, 24],
-                                        ["是否为洁净厂房:", val.attrbutes.cleanRoom, 24],
-                                        ["生产经营组织形式:", val.attrbutes.organizationForm, 24],
-                                        ["网格号:", val.attrbutes.gridNo, 24],
-                                        ["年份:", val.attrbutes.particularYear, 24],
-                                        ["提交时间:", val.attrbutes.submitTime, 24],
-                                        ["经度:", val.attrbutes.longitude, 24],
-                                        ["纬度:", val.attrbutes.latitude, 24],
-                                    ],
-                                }, ];
-                                this.popup(val._attrbutes, arrayList, true)
-                            }
-                        }
-
-                    },
-                });
-            }
-        },
-        //聚合点击事件
-        clusterMapCallBack(clusterPointArr, clickPoint) {
-            let val = clusterPointArr.attributes
-            if (val.type2 == "消火栓可用" || val.type2 == "消火栓不可用") {
-                let arrayList = [{
-                    title: ["消火栓", true],
-                    children: [
-                        ["水源位置:", val.address, 24],
-                        ["电话:", val.phone, 12],
-                        ["责任人:", val.dutyPerson, 12],
-                        ["支队名称:", val.detachmentName, 24],
-                        ["管辖机构:", val.jurisdictionalAgency, 12],
-                        ["水源类型:", val.type, 12],
-                        ["取水形式:", val.getWaterType, 12],
-                        ["水源性质:", val.waterAdministrative, 12],
-                        ["供水单位:", val.waterUnit, 24],
-                        ["水压(Mpa):", val.waterGage, 24],
-                        ["状态:", val.status == 1 ? "可用" : "不可用", 12],
-                    ],
-                }, ];
-                this.popup(val, arrayList, true)
-            } else if (type == "天然水源") {
-                let arrayList = [{
-                    title: [val.facilityName, true],
-                    children: [
-                        ["水源位置:", val.address, 24],
-                    ],
-                }, ];
-                this.popup(val, arrayList, true)
-            }
-        },
-        /**
-         * 热力图
-         * @param {} data 
-         */
-        heatMap(data) {
-            let target = []
-            if (data.length > 0) {
-                for (let i = 0; i < data.length; i++) {
-                    var wgs84 = CoordUtil.gcj02towgs84(Number(data[i].gisX) || Number(data[i].longitude), Number(data[i].gisY) || Number(data[i].latitude))
-                    var x = wgs84[0]
-                    var y = wgs84[1]
-                    target[i] = []
-                    target[i].x = x
-                    target[i].y = y
-                }
-                let options = {
-                    style: {
-                        minOpacity: 0.6,
-                        maxOpacity: 0.9,
-                        radius: 50,
-                        gradient: {
-                            '.10': 'green',
-                            '.45': 'yellow',
-                            '.65': 'orange',
-                            '.80': 'red'
-                        }
-                    },
-                    isZoom: false
-                }
-                jMap.HeatMap.show(target, options)
-            } else {
-                jMap.HeatMap.hide()
-            }
-
-        },
-        // 无经纬度创建标点和点击事件
-        addMarkerAddress(lnglats) {
-            let target = lnglats.map((val, ind) => {
-                if (!val.addressId) {
-                    let addressInfo = window.jMap.queryMphInfo(val.address)[val.address][0];
-                    return {
-                        ...val,
-                        addressId: addressInfo.address_id, // 地址id
-                        province: addressInfo.province, // 市
-                        district: addressInfo.district, // 区
-                        sub_district: addressInfo.sub_district, // 街镇
-                        streetname: addressInfo.streetname, // 路
-                        address: addressInfo.address, // 户
-                        committee: addressInfo.committee, // 居委会
-                    };
-                }
-            });
-            target = target.reduce((item, next) => {
-                !item.some((val) => val.addressId === next.addressId) && item.push(next);
-                return item;
-            }, []);
-            for (let item = 0; item < Math.floor(target.length / 100); item++) {
-                setTimeout(() => {
-                    window.jMap.locateMph(
-                        target
-                        .slice(item * 100, (item + 1) * 100)
-                        .map((val) => val.addressId)
-                        .join(), {
-                            isZoom: false,
-                            scaleByDistance: { minScaling: 0, maxScaling: 1, minDistance: 1000, maxDistance: 30000 },
-                            click: (value) => {
-                                this.elementInfo(value, "fire");
-                            },
-                        }
-                    );
-                }, 0);
-            }
-        },
-        elementInfo(value, type) {
-            let element = "";
-            if (type == "重点单位") {
-                element = `<div class="ysc-dynamic-layer ys-css3-box" onclick="vue.removePopup">
-                                    <div class="tableTooltip mapTab">
-                                    <div class="tableTitle">
-                                        <div>1212121</div>
-                                    </div>
-                                   </div>
-                                </div>`;
-            }
-            this.addMarkerInfo(element, value, type);
-        },
-        bufferL(val) {
-            let target = {
-                geometry: [{
-                    position: [],
-                    type: 'point'
-                }],
-                distance: 7000
-            }
-            for (let i = 0; i < val.length; i++) {
-                // var wgs84 = CoordUtil.gcj02towgs84(Number(val.longitude + '0000000' ),  Number(val.latitude + '0000000' ))
-                // var x = wgs84[0]
-                // var y = wgs84[1]
-                target.geometry[i] = {
-                        position: [{ x: Number(val[i].longitude) + '0000000', y: Number(val[i].latitude) + '0000000' }],
-                        type: 'point'
-                    }
-                    // if(val[i].stationType ==7 ){
-                    //         target
-                    // }
-            }
-            var options = { callBack: this.bufferCallback };
-            jMap.Buffer.generate(target, options);
-        },
-        bufferL1(val) {
-            let target = {
-                geometry: [{
-                    position: [],
-                    type: 'point'
-                }],
-                distance: ((Math.sqrt(7 / 3.14) * 1000) / 2).toFixed(0)
-            }
-            for (let i = 0; i < val.length; i++) {
-                var wgs84 = CoordUtil.gcj02towgs84(Number(val[i].longitude), Number(val[i].latitude))
-                var x = wgs84[0].toFixed(13)
-                var y = wgs84[1].toFixed(13)
-                target.geometry[i] = {
-                    position: [{ x: x, y: y }],
-                    type: 'point'
-                }
-            }
-            var options = { callBack: bufferCallback };
-            jMap.Buffer.generate(target, options);
-        },
-        bufferL2(val) {
-            let target = {
-                geometry: [{
-                    position: [],
-                    type: 'point'
-                }],
-                distance: ((Math.sqrt(4 / 3.14) * 1000) / 2).toFixed(0)
-            }
-            for (let i = 0; i < val.length; i++) {
-                var wgs84 = CoordUtil.gcj02towgs84(Number(val[i].longitude), Number(val[i].latitude))
-                var x = wgs84[0].toFixed(13)
-                var y = wgs84[1].toFixed(13)
-                target.geometry[i] = {
-                    position: [{ x: x, y: y }],
-                    type: 'point'
-                }
-            }
-            var options = { callBack: bufferCallback };
-            jMap.Buffer.generate(target, options);
-        },
-        bufferL3(val) {
-            let target = {
-                geometry: [{
-                    position: [],
-                    type: 'point'
-                }],
-                distance: ((Math.sqrt(2 / 3.14) * 1000) / 2).toFixed(0)
-            }
-            for (let i = 0; i < val.length; i++) {
-                var wgs84 = CoordUtil.gcj02towgs84(Number(val[i].longitude), Number(val[i].latitude))
-                var x = wgs84[0].toFixed(13)
-                var y = wgs84[1].toFixed(13)
-                target.geometry[i] = {
-                    position: [{ x: x, y: y }],
-                    type: 'point'
-                }
-            }
-            var options = { callBack: bufferCallback };
-            jMap.Buffer.generate(target, options);
-        },
-        bufferL4(val) {
-            let target = {
-                geometry: [{
-                    position: [],
-                    type: 'point'
-                }],
-                distance: ((Math.sqrt(2 / 3.14) * 1000) / 2).toFixed(0)
-            }
-            for (let i = 0; i < val.length; i++) {
-                var wgs84 = CoordUtil.gcj02towgs84(Number(val[i].longitude), Number(val[i].latitude))
-                var x = wgs84[0].toFixed(13)
-                var y = wgs84[1].toFixed(13)
-                target.geometry[i] = {
-                    position: [{ x: x, y: y }],
-                    type: 'point'
-                }
-            }
-            var options = { callBack: bufferCallback };
-            jMap.Buffer.generate(target, options);
-        },
-        bufferL5(val) {
-            let target = {
-                geometry: [{
-                    position: [],
-                    type: 'point'
-                }],
-                distance: ((Math.sqrt(2 / 3.14) * 1000) / 2).toFixed(0)
-            }
-            for (let i = 0; i < val.length; i++) {
-                var wgs84 = CoordUtil.gcj02towgs84(Number(val[i].longitude), Number(val[i].latitude))
-                var x = wgs84[0].toFixed(13)
-                var y = wgs84[1].toFixed(13)
-                target.geometry[i] = {
-                    position: [{ x: x, y: y }],
-                    type: 'point'
-                }
-            }
-            var options = { callBack: bufferCallback };
-            jMap.Buffer.generate(target, options);
-        },
-        bufferCallback(result) {
-            for (var i in result) {
-                var target = {
-                    id: i,
-                    position: CoordUtil.arrayToJson(result[i].rings[0]) //  二维坐标数组转JSON数组,详见三中
-                };
-                var options = {
-                        style: {
-                            color: 'red',
-                            transparency: 0.6,
-                        }
-                    }
-                    // if (result[i].stationType == 1) {
-                    //     options.style.color = '#f80000',
-                    //         options.style.transparency = 0.6
-                    // }
-                    // if (result[i].stationType == 2) {
-                    //     options.style.color = '#f88c00',
-                    //         options.style.transparency = 0.6
-                    // }
-                    // if (result[i].stationType == 3) {
-                    //     options.style.color = '#0092f8',
-                    //         options.style.transparency = 0.6
-                    // }
-                jMap.Locate.regionLocate(target, options)
-            }
-
-        },
-        bufferCallback1(result) {
-            for (var i in result) {
-                var target = {
-                    id: i,
-                    position: CoordUtil.arrayToJson(result[i].rings[0]) //  二维坐标数组转JSON数组,详见三中
-                };
-                jMap.Locate.regionLocate(target, {
-                    style: {
-                        color: '#f80000',
-                        transparency: 0.6,
-                    }
-                })
-            }
-        },
-        bufferCallback2(result2) {
-            for (var i in result2) {
-                var target = {
-                    id: i,
-                    position: CoordUtil.arrayToJson(result2[i].rings[0]) //  二维坐标数组转JSON数组,详见三中
-                };
-                jMap.Locate.regionLocate(target, {
-                    isZoom: true,
-                    style: {
-                        color: '#f88c00',
-                        transparency: 0.6,
-                    }
-                })
-            }
-        },
-        bufferCallback3(result3) {
-            for (var i in result3) {
-                var target = {
-                    id: i,
-                    position: CoordUtil.arrayToJson(result3[i].rings[0]) //  二维坐标数组转JSON数组,详见三中
-                };
-                jMap.Locate.regionLocate(target, {
-                    style: {
-                        color: '#0092f8',
-                        transparency: 0.6,
-                    }
-                })
-            }
-        },
-        addMarkerInfo(element, value, type, isBtn = false) {
-            var wgs84 = CoordUtil.gcj02towgs84(Number(value.gisX) || Number(value.longitude), Number(value.gisY) || Number(value.latitude))
-            var x = wgs84[0]
-            var y = wgs84[1]
-            let _this = this
-                // window.jMap.Popup && window.jMap.Popup.hide([this.oldPopup && this.oldPopup.id]);
-            if (this.oldPopup && value.id === this.oldPopup.id) {
-                window.jMap.Popup.hide();
-                return (this.oldPopup = null);
-            }
-            if (type == "selfManagement" || type == "water") {
-                window.jMap.Popup.show({
-                    id: value.id,
-                    //position: value.wgs84position, //使用自定义窗体
-                    position: { x: x, y: y }, //使用自定义窗体
-
-                    element: element,
-                }, { isZoom: false, offset: [0, -40] });
-            }
-            if (type == "重点单位") {
-                _this.stores.zddwIdSD(value.companyId);
-                // localStorage.setItem("zddw",)
-                // window.jMap.Popup.show({
-                //     //     position: { x: value.gisX, y: value.gisY }, //使用自定义窗体
-                //     position: { x: x, y: y }, //使用自定义窗体
-
-                //     element: element,
-                // }, { isZoom: 100, offset: [0, -40] });
-            }
-
-            //     if (!isBtn) {
-            //         window.jMap.goTo({
-            //             x: Number(value.wgs84position.x),
-            //             y: Number(value.wgs84position.y),
-            //             radius: 1000,
-            //         }, {
-            //             duration: 3,
-            //             offset: {
-            //                 heading: -4,
-            //                 pitch: -70,
-            //                 range: 0,
-            //             },
-            //         });
-            //         window.jMap.Buffer.generate({
-            //             geometry: [{ position: [{ x: Number(value.wgs84position.x), y: Number(value.wgs84position.y) }], type: "point" }],
-            //             distance: 1000,
-            //         }, {
-            //             callBack: (el) => {
-            //                 for (const i in el) {
-            //                     var target = {
-            //                         id: i,
-            //                         position: CoordUtil.arrayToJson(el[i].rings[0]),
-            //                     };
-            //                 }
-            //                 window.jMap.Locate.regionLocate(target, {
-            //                     style: {
-            //                         color: "rgba(235, 98, 98, .1)",
-            //                         transparency: 0.3,
-            //                     },
-            //                 });
-            //             },
-            //         });
-            //     }
-            this.oldPopup = value;
-        },
-
-        removePopup(e) {
-
-        },
-
-        /**
-         * 气泡窗
-         * @param {*} data  
-         * @param {*} arrayList  展示数据
-         * @param {*} type 
-         * @param {*} other 
-         * @param {*} zb  坐标类型
-         */
-        popup(data, arrayList, type, other, zb) {
-            if (type) {
-                if (!other) {
-                    var html = document.createElement('div');
-                    html.className = 'ysc-dynamic-layer ys-css3-box';
-                    var line = document.createElement('div');
-                    line.className = 'line';
-                    var main = document.createElement('div');
-                    main.className = 'main';
-                    if (zb) {
-                        main.setAttribute('style', 'position: fixed;top:120px;left:39%;max-height:500px;overflow-y: scroll;background:none;width:400px;bottom:auto; padding:10px 10px 5px 0 !important; border-radius: 0.05rem;border:1px solid rgba(115, 251, 253, 1);box - shadow: inset 0 0 1px 0.0125rem rgba(115, 251, 253, 1); background:rgba(0, 0, 0, 0.6)');
-                    } else {
-                        main.setAttribute('style', 'position: absolute;top:50%;max-height:500px;overflow-y: scroll;background:none;width:400px;bottom:auto; padding:10px 10px 5px 0 !important; border-radius: 0.05rem;border:1px solid rgba(115, 251, 253, 1);box - shadow: inset 0 0 1px 0.0125rem rgba(115, 251, 253, 1); background:rgba(0, 0, 0, 0.6)');
-                    }
-                    var click = document.createElement('div');
-                    click.setAttribute('style', 'float: right;width: 13px;height: 13px;position: absolute;top:8px;right:16px;cursor: pointer');
-                    var img = document.createElement('img');
-                    img.className = 'click';
-                    img.setAttribute("src", this.stores.sadianIcon.close);
-                    img.setAttribute("style", 'width: 20px;height: 20px;')
-                    click.appendChild(img)
-
-                    var contain = document.createElement('div');
-                    contain.setAttribute('style', 'margin-left: 3%;right:50px;top:30px;padding: 0px 0 ');
-                    if (arrayList[0].title[1]) {
-                        var p = document.createElement('div');
-                        p.setAttribute('style', 'font-size:18px;color:#73fbfd;line-height:25px');
-                        p.innerHTML = arrayList[0].title[0]
-                        contain.appendChild(p)
-                    }
-                    for (let i = 0; i < arrayList[0].children.length; i++) {
-                        if (arrayList[0].children[i][1]) {
-                            let textWrap = document.createElement('div');
-                            textWrap.setAttribute('style', 'font-size:14px;color:#fff;line-height:25px;');
-                            let p1 = document.createElement('span');
-                            p1.setAttribute('style', 'color:#73fbfd;');
-                            p1.innerHTML = arrayList[0].children[i][0]
-                                // if()
-                            let p2 = document.createElement('span');
-                            p2.setAttribute('style', 'color:#fff;word-break:break-all !important');
-                            p2.innerHTML = arrayList[0].children[i][1]
-                            textWrap.appendChild(p1)
-                            textWrap.appendChild(p2)
-                            contain.appendChild(textWrap)
-                        }
-                    }
-                    setTimeout(() => {
-                        main.appendChild(click)
-                        main.appendChild(contain)
-                        if (zb) {
-
-                        } else {
-                            html.appendChild(line)
-                        }
-
-                        html.appendChild(main)
-                        let text = html.innerHTML.replace(/"click"/g, '"click" onclick="vue.popup(false, false, false)"')
-                        if (zb) {
-                            var wgs84 = [Number(data.gisX), Number(data.gisY)]
-                        } else {
-                            var wgs84 = CoordUtil.gcj02towgs84(Number(data.gisX) || Number(data.longitude), Number(data.gisY) || Number(data.latitude))
-                        }
-                        var x = wgs84[0]
-                        var y = wgs84[1]
-                        var target = {
-                            id: '100001',
-                            position: { x: x, y: y, z: 0 },
-                            element: `<div class="ysc-dynamic-layer ys-css3-box" style="">${text}</div>`
-                        };
-                        var options = {
-                            //     isZoom: true,
-                            offset: [-6, -275]
-                        };
-                        jMap.Popup.show(target, options);
-                    }, 10)
-                } else {
-
-                }
-
-
-            } else {
-                jMap.Popup.hide();
-            }
-
-        },
-    }
-}

+ 3 - 1
src/components/mixins/map-data1.js

@@ -2151,7 +2151,6 @@ export default {
                     if (type == "高层建筑覆盖" && val.stationType == 5) {
                         arr5.push(val)
                     }
-
                     return marker;
                 } else {
                     let marker = {
@@ -2228,6 +2227,7 @@ export default {
                         maxDistance: 120000 //最大距离
                     },
                     click: (val) => {
+                        return
                         //消防执法
                         if (pageType == "enforcement-dynamic") {
                             if (type == "安全检查单位" || type == "双随机执法单位") {
@@ -2366,8 +2366,10 @@ export default {
 
                         //企业自主
                         if (pageType == "self-management") {
+                            console.log(123,val)
                             if (val.attrbutes.type == "重点单位") {
                                 // this.elementInfo(val.attrbutes, "重点单位")
+                                console.log(val.attrbutes.companyId,12)
                                 that.stores.zddwIdSD(val.attrbutes.companyId);
                             } else if (val.attrbutes.type == "大型综合体") {
                                 let msgParse = JSON.parse(val.attrbutes.extendData)

+ 4146 - 0
src/components/mixins/map-data32_9.js

@@ -0,0 +1,4146 @@
+import axios from "axios";
+import data from "@c/mixins/anbao";
+
+export default {
+    data() {
+        return {
+            stores: this.$useStore(),
+            map: null,
+            oldPopup: null,
+            oldPopupId: null,
+            // JmapQuery:null
+        };
+    },
+    mounted() {
+        window.vue = this;
+        window.jMap = null;
+        window.jmapQuery = null;
+    },
+    methods: {
+        streetTownMap(name) {
+            return name
+        },
+        /**
+         *地图初始化
+         *
+         */
+        async initMap(type) {
+            window.vue = this;
+            window.jMap = null;
+            window.jmapQuery = null;
+            window.jMap = new JMap();
+            var map_params = {
+                camera: {
+                    x: 121.4175597,
+                    y: 31.119248,
+                    radius: 18000.0,
+                    offset: { heading: -4, pitch: -70, range: 0 },
+                },
+                map_complete_callback: () => {
+                    // ToDo...
+                },
+                map_left_click_callback: (obj, type, movement, event) => {
+                    this.stores.$state.tankuangXY = { x: movement.position.x, y: movement.position.y };
+                },
+                map_right_click_callback: (obj) => {},
+            };
+            let res = await this.$axios.get(this.$api.dt);
+            // 加载地图
+            window.jMap.createMap("mapF", res.data, window.location.origin, map_params, {});
+            // 地图背景样式
+            window.jMap.switchBaseLayer("blue");
+
+            /**
+             * 获取街镇信息
+             */
+            var options = {
+                click: addLayerCallBack,
+                isZoom: false,
+                style: {
+                    outline: true,
+                    outlineColor: "rgb(255,0,0,0.8)",
+                    // material: "rgb(154,255,154,0)",
+                    perPositionHeight: true,
+                    height: 200,
+                    width: "10px",
+                    size: "10px",
+                    label: {
+                        show: true,
+                        text: "name",
+                        font: "16px Helvetica",
+                        fillColor: "rgb(0,255,0,0.9)",
+                        pixelOffset: [0, -40],
+                        backgroundColor: "rgb(0,0,0,0)",
+                        showBackground: false,
+                    },
+                },
+                // where:"name = '莘庄镇'"
+            };
+
+            window.jMap.addLayer("mh_dyn_district", [1], options);
+
+
+            // 街镇标题绘制
+            // var qp = new JMapQueryParam({
+            //     queryMapService: "mh_dyn_district",
+            //     queryMapLayers: [1],
+            //     outFields: ["code", "name", "center_x", "center_y"],
+            //     // queryWhere: "name like '%莘庄镇%' ",
+            //     callBack: (res) => {
+
+            //         res.features.forEach(async(val) => {
+            //             await window.jMap.FlagInfo.show({
+            //                 id: val.attributes.code,
+            //                 position: { x: Number(val.attributes.center_x), y: Number(val.attributes.center_y), z: 0 },
+            //                 element: `<div class='ysc-dynamic-layer ys-css3-box' onclick="vue.clickFlag(${val.attributes.code})">
+            //                                     <div class='biaozhu' style="font-size:18px !important">${val.attributes.name}   ${val.attributes.code}</div>
+            //                             </div>`,
+            //             }, { isZoom: false });
+            //         });
+            //     },
+            // });
+            // new JMapQuery(window.jMap).execQuery(qp)
+
+
+
+        },
+        /**
+         * 疏导区网格
+         */
+        anbaoSDUWG() {
+
+            // arr["疏导区","核心区","新虹","虹桥","七宝"]
+            let arr = [
+                    [
+                        { x: 121.36194587932806, y: 31.16013705465239, z: 0 },
+                        { x: 121.34727553811794, y: 31.15828077299882, z: 0 },
+                        { x: 121.32700411033827, y: 31.148247489434965, z: 0 },
+                        { x: 121.31514606604391, y: 31.139440444833916, z: 0 },
+                        { x: 121.30048786370499, y: 31.134903156770502, z: 0 },
+                        { x: 121.29284839062778, y: 31.12773298212305, z: 0 },
+                        { x: 121.28484794201171, y: 31.12306873887283, z: 0 },
+                        { x: 121.2434981967536, y: 31.119911283997425, z: 0 },
+                        { x: 121.22295978253271, y: 31.11453182095247, z: 0 },
+                        { x: 121.22093534994545, y: 31.128184924119704, z: 0 },
+                        { x: 121.22476714240756, y: 31.137743873822444, z: 0 },
+                        { x: 121.22284789103668, y: 31.151848705517672, z: 0 },
+                        { x: 121.2192245740552, y: 31.185051824029983, z: 0 },
+                        { x: 121.21634530262463, y: 31.19305254070648, z: 0 },
+                        { x: 121.21666410880577, y: 31.199965150511076, z: 0 },
+                        { x: 121.20802887999594, y: 31.252419358825662, z: 0 },
+                        { x: 121.2510308379889, y: 31.25199056924825, z: 0 },
+                        { x: 121.26975280768023, y: 31.256161713215423, z: 0 },
+                        { x: 121.29758483246128, y: 31.25239812402721, z: 0 },
+                        { x: 121.34774474510056, y: 31.253635862387053, z: 0 },
+                        { x: 121.34278143296902, y: 31.239737181776324, z: 0 },
+                        { x: 121.34412376809345, y: 31.224709084528335, z: 0 },
+                        { x: 121.35105449522602, y: 31.20248989001769, z: 0 },
+                        { x: 121.35374042236845, y: 31.182090361752536, z: 0 },
+                        { x: 121.36194587932806, y: 31.16013705465239, z: 0 },
+                    ],
+                    // [{
+                    //         "x": 121.29577137421792,
+                    //         "y": 31.186824696355163,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.29418329761764,
+                    //         "y": 31.18872030124066,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.29280475525546,
+                    //         "y": 31.190723474492756,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.29005251449192,
+                    //         "y": 31.194744686426272,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.29837921625169,
+                    //         "y": 31.198135776426472,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.29990431690115,
+                    //         "y": 31.195743378525012,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.3017996230984,
+                    //         "y": 31.19308143590054,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.30362101641953,
+                    //         "y": 31.190462548748194,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.30470085312731,
+                    //         "y": 31.188890418122178,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.30488549898331,
+                    //         "y": 31.18841532634147,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.30489353090678,
+                    //         "y": 31.187841598865855,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.30487462397232,
+                    //         "y": 31.187226940195103,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.30467806077046,
+                    //         "y": 31.187033387433935,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.30391173448861,
+                    //         "y": 31.18654998998803,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.3031354194004,
+                    //         "y": 31.186067600959273,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.30162566409005,
+                    //         "y": 31.18515069662575,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.29858007896227,
+                    //         "y": 31.183287832294678,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.29577137421792,
+                    //         "y": 31.186824696355163,
+                    //         "z": 0
+                    //     },
+                    // ],
+                ]
+                //高德转84
+                //     let sz = [
+                //         [121.30025, 31.184825],
+                //         [121.298659, 31.186719],
+                //         [121.297278, 31.188721],
+                //         [121.294521, 31.19274],
+                //         [121.302864, 31.196146],
+                //         [121.304392, 31.193755],
+                //         [121.306291, 31.191095],
+                //         [121.308116, 31.188478],
+                //         [121.309198, 31.186907],
+                //         [121.309383, 31.186432],
+                //         [121.309391, 31.185858],
+                //         [121.309372, 31.185243],
+                //         [121.309175, 31.185049],
+                //         [121.308407, 31.184564],
+                //         [121.307629, 31.18408],
+                //         [121.306116, 31.18316],
+                //         [121.303064, 31.181291]
+                //     ]
+                //     let result = {}
+                //     for (let i = 0; i < sz.length; i++) {
+                //         result = CoordUtil.gcj02towgs84(sz[i][0], sz[i][1]);
+                //         arr[1].push({ x: result[0], y: result[1], z: 0 })
+                //     }
+                //     console.log(111, arr)
+            for (let i = 0; i < arr.length; i++) {
+                let target = {
+                    id: i + 99999,
+                    attributes: {
+                        name: i,
+                    },
+                    position: arr[i],
+                    label: {
+                        text: i,
+                        font: "16px Helvetica",
+                        color: i == 0 ? "red" : "orange",
+                        pixelOffset: [0, -50],
+                        backgroundColor: "red"
+                    }
+
+                }
+                let options = {
+                    isZoom: false,
+                    style: {
+                        color: i == 0 ? "red" : i == 1 ? "orange" : "",
+                        transparency: 1,
+                        outline: true,
+                        outlineColor: 'transparent',
+                        perPositionHeight: true
+
+                    },
+                    // click: regionLocateCallBack111
+                };
+                setTimeout(() => {
+                    window.jMap.Locate.trackLocate(target, options);
+                }, 1000)
+
+            }
+        },
+        /**
+         * 疏导区网格
+         */
+        anbaoSDUWG2() {
+            // arr["疏导区","核心区","新虹","虹桥","七宝"]
+            let arr = [
+                    [
+                        { x: 121.36194587932806, y: 31.16013705465239, z: 0 },
+                        { x: 121.34727553811794, y: 31.15828077299882, z: 0 },
+                        { x: 121.32700411033827, y: 31.148247489434965, z: 0 },
+                        { x: 121.31514606604391, y: 31.139440444833916, z: 0 },
+                        { x: 121.30048786370499, y: 31.134903156770502, z: 0 },
+                        { x: 121.29284839062778, y: 31.12773298212305, z: 0 },
+                        { x: 121.28484794201171, y: 31.12306873887283, z: 0 },
+                        { x: 121.2434981967536, y: 31.119911283997425, z: 0 },
+                        { x: 121.22295978253271, y: 31.11453182095247, z: 0 },
+                        { x: 121.22093534994545, y: 31.128184924119704, z: 0 },
+                        { x: 121.22476714240756, y: 31.137743873822444, z: 0 },
+                        { x: 121.22284789103668, y: 31.151848705517672, z: 0 },
+                        { x: 121.2192245740552, y: 31.185051824029983, z: 0 },
+                        { x: 121.21634530262463, y: 31.19305254070648, z: 0 },
+                        { x: 121.21666410880577, y: 31.199965150511076, z: 0 },
+                        { x: 121.20802887999594, y: 31.252419358825662, z: 0 },
+                        { x: 121.2510308379889, y: 31.25199056924825, z: 0 },
+                        { x: 121.26975280768023, y: 31.256161713215423, z: 0 },
+                        { x: 121.29758483246128, y: 31.25239812402721, z: 0 },
+                        { x: 121.34774474510056, y: 31.253635862387053, z: 0 },
+                        { x: 121.34278143296902, y: 31.239737181776324, z: 0 },
+                        { x: 121.34412376809345, y: 31.224709084528335, z: 0 },
+                        { x: 121.35105449522602, y: 31.20248989001769, z: 0 },
+                        { x: 121.35374042236845, y: 31.182090361752536, z: 0 },
+                        { x: 121.36194587932806, y: 31.16013705465239, z: 0 },
+                    ],
+                    // [{
+                    //         "x": 121.29577137421792,
+                    //         "y": 31.186824696355163,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.29418329761764,
+                    //         "y": 31.18872030124066,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.29280475525546,
+                    //         "y": 31.190723474492756,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.29005251449192,
+                    //         "y": 31.194744686426272,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.29837921625169,
+                    //         "y": 31.198135776426472,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.29990431690115,
+                    //         "y": 31.195743378525012,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.3017996230984,
+                    //         "y": 31.19308143590054,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.30362101641953,
+                    //         "y": 31.190462548748194,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.30470085312731,
+                    //         "y": 31.188890418122178,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.30488549898331,
+                    //         "y": 31.18841532634147,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.30489353090678,
+                    //         "y": 31.187841598865855,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.30487462397232,
+                    //         "y": 31.187226940195103,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.30467806077046,
+                    //         "y": 31.187033387433935,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.30391173448861,
+                    //         "y": 31.18654998998803,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.3031354194004,
+                    //         "y": 31.186067600959273,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.30162566409005,
+                    //         "y": 31.18515069662575,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.29858007896227,
+                    //         "y": 31.183287832294678,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.29577137421792,
+                    //         "y": 31.186824696355163,
+                    //         "z": 0
+                    //     },
+                    //     {
+                    //         "x": 121.29577137421792,
+                    //         "y": 31.186824696355163,
+                    //         "z": 0
+                    //     },
+                    // ],
+
+
+
+                    [{
+                            "x": 121.30273636473034,
+                            "y": 31.2198977980581,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.29858295212301,
+                            "y": 31.21979797448395,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.29956982474825,
+                            "y": 31.209507227504808,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.29920600370836,
+                            "y": 31.204402317941,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.30115745085595,
+                            "y": 31.199027612153586,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.29693509877501,
+                            "y": 31.198268111287387,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.2998305936312,
+                            "y": 31.194274230550622,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.30403211938238,
+                            "y": 31.19074867933738,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.31253766412574,
+                            "y": 31.177473826775493,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.315349691171,
+                            "y": 31.173434590837402,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32021232990239,
+                            "y": 31.165523391487618,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32327025205065,
+                            "y": 31.166697919079528,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32598297930888,
+                            "y": 31.167707192311653,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.3300506385267,
+                            "y": 31.169020740661125,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.33308074478083,
+                            "y": 31.170063465083643,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.33680936261949,
+                            "y": 31.171617702586946,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.34048325971816,
+                            "y": 31.173395072767924,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.34466128113863,
+                            "y": 31.175826411549046,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.34680172579147,
+                            "y": 31.178084570251936,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.34924065839658,
+                            "y": 31.180659159836306,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.35155897314478,
+                            "y": 31.183120124957217,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.35410500715878,
+                            "y": 31.185618837915666,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.34837311330138,
+                            "y": 31.183574136266312,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.3469467923959,
+                            "y": 31.18549258283246,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.34034973522476,
+                            "y": 31.18276355759052,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.34054662853494,
+                            "y": 31.179132037709795,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.33909084322825,
+                            "y": 31.178090208384628,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.33314119209962,
+                            "y": 31.17490687176414,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32941417430312,
+                            "y": 31.179490607061364,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32333640531293,
+                            "y": 31.186409761742077,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.31979648437033,
+                            "y": 31.186390560209034,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.31738599140147,
+                            "y": 31.186119299689175,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.31545335103003,
+                            "y": 31.1863198699811,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.31463098432755,
+                            "y": 31.188906130945444,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.31431524665976,
+                            "y": 31.19413312743748,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.31392084880497,
+                            "y": 31.197453231022397,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.3138178987657,
+                            "y": 31.199566385917507,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.31363405394123,
+                            "y": 31.202569261791034,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.31764297148717,
+                            "y": 31.202833538445923,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.31990280085519,
+                            "y": 31.203149067137048,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32001444032777,
+                            "y": 31.204381252944586,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32102414686388,
+                            "y": 31.204267373736055,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32104219933838,
+                            "y": 31.203178869593827,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32184238032998,
+                            "y": 31.20309237706465,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.322094760899,
+                            "y": 31.203594647870148,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.3226091714,
+                            "y": 31.20841432102124,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32268284017493,
+                            "y": 31.21030726609188,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32279333780582,
+                            "y": 31.213210658762776,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32585032720966,
+                            "y": 31.213614598023238,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.3262044044869,
+                            "y": 31.214960275369684,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32735850706635,
+                            "y": 31.21810256739113,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.33797261480862,
+                            "y": 31.220316529430825,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.3384451733604,
+                            "y": 31.225114402730796,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.33590564782995,
+                            "y": 31.226002674540123,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32937128911844,
+                            "y": 31.225656158547864,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32315754421998,
+                            "y": 31.224375662366445,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.31760625340529,
+                            "y": 31.22378157061199,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.31268346643918,
+                            "y": 31.222581443941348,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.30781741345972,
+                            "y": 31.220468440291086,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.30502250919344,
+                            "y": 31.219897754208514,
+                            "z": 0
+                        }
+                    ],
+                    [{
+                            "x": 121.38174498715762,
+                            "y": 31.19511837909824,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.37439321990384,
+                            "y": 31.19164505085419,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.36613991412135,
+                            "y": 31.18949109670517,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.35889444445836,
+                            "y": 31.187168900604735,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.35433048552062,
+                            "y": 31.186882854368413,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.35338835737089,
+                            "y": 31.18525813859992,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.3539666918386,
+                            "y": 31.180646558198628,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.35630692835977,
+                            "y": 31.175456614552886,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.3580203260968,
+                            "y": 31.171087314800047,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.36006284227716,
+                            "y": 31.17166809725174,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.36499896344895,
+                            "y": 31.173513581113085,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.37220805206849,
+                            "y": 31.176487825626406,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.37606965804888,
+                            "y": 31.17752261481413,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.38110091892068,
+                            "y": 31.178784996932073,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.38324725407509,
+                            "y": 31.179266352750226,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.38653905301372,
+                            "y": 31.180825773329694,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.38860193242203,
+                            "y": 31.181902333221167,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.39021721760226,
+                            "y": 31.18256042301469,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.38858245011984,
+                            "y": 31.187540507773953,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.38738975903269,
+                            "y": 31.190531512696225,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.38579439220923,
+                            "y": 31.19325491705978,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.38375142191722,
+                            "y": 31.19628753840775,
+                            "z": 0
+                        }
+                    ],
+                    [{
+                            "x": 121.31893528098777,
+                            "y": 31.16503208910045,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.31698881664984,
+                            "y": 31.16371048577948,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.31739504671911,
+                            "y": 31.16194462885501,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.31615092409753,
+                            "y": 31.16126834601621,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.31462430632025,
+                            "y": 31.16201984561443,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.31316274059677,
+                            "y": 31.160264510387556,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.31416659944752,
+                            "y": 31.15895330555726,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.31628077339099,
+                            "y": 31.15959996815232,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.31707708415921,
+                            "y": 31.1582611528663,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32182512562508,
+                            "y": 31.160003164501763,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.3229785983771,
+                            "y": 31.15878058813032,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32507392067637,
+                            "y": 31.15759418545812,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32703374847145,
+                            "y": 31.154227191490985,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32685538778749,
+                            "y": 31.15150996204829,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.3293947025788,
+                            "y": 31.150651560754508,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.3289787715014,
+                            "y": 31.149165138732467,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.33233212135764,
+                            "y": 31.15030816527726,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.3358401685583,
+                            "y": 31.152175601747718,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.3392884840699,
+                            "y": 31.154160207841365,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.34272004027888,
+                            "y": 31.15587413621922,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.34400529541412,
+                            "y": 31.156640467170416,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.34689129783092,
+                            "y": 31.15783684854342,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.35303028598638,
+                            "y": 31.15913507784978,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.3557772622189,
+                            "y": 31.159377702560327,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.36231823143812,
+                            "y": 31.15991008259538,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.3580203260968,
+                            "y": 31.171087314800047,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.35309494546975,
+                            "y": 31.1847508552549,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.34924065839658,
+                            "y": 31.180659159836306,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.34466128113863,
+                            "y": 31.175826411549046,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.33920506685429,
+                            "y": 31.172650772923458,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.33680936261949,
+                            "y": 31.171617702586946,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.33512811869265,
+                            "y": 31.170961164133587,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.3300506385267,
+                            "y": 31.169020740661125,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32544322389143,
+                            "y": 31.16753331721317,
+                            "z": 0
+                        }
+                    ],
+                    [{
+                            "x": 121.23894863914936,
+                            "y": 31.249875913167497,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.2359335663678,
+                            "y": 31.242651276616975,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.24327950842967,
+                            "y": 31.243111618844317,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.24439277635044,
+                            "y": 31.23929340943388,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.24520576391103,
+                            "y": 31.23855875639746,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.24666341933748,
+                            "y": 31.240193969445425,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.248574120126,
+                            "y": 31.238883389654468,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.24957316552148,
+                            "y": 31.235069988504467,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.2530350806222,
+                            "y": 31.232562340356846,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.25364709748692,
+                            "y": 31.229021792865762,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.2520588543979,
+                            "y": 31.228368558627455,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.25390540252931,
+                            "y": 31.223955077752723,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.2530789424986,
+                            "y": 31.222159182988158,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.25679839926686,
+                            "y": 31.217054229105234,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.25500962092444,
+                            "y": 31.214723065123064,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.25944017551635,
+                            "y": 31.210717975244496,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.26056153588941,
+                            "y": 31.20840046946333,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.25850711197234,
+                            "y": 31.207403059344745,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.2603719359508,
+                            "y": 31.205392035994464,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.26227042625798,
+                            "y": 31.205273946466036,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.27289706598678,
+                            "y": 31.19557693648754,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.28154768028995,
+                            "y": 31.19749512451051,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.28651620321617,
+                            "y": 31.201339578297116,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.2880073420067,
+                            "y": 31.204493911516277,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.29022431931928,
+                            "y": 31.20509335336672,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.29390965201385,
+                            "y": 31.20244095781758,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.29693509877501,
+                            "y": 31.198268111287387,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.30002185627976,
+                            "y": 31.1983099132369,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.29855690752807,
+                            "y": 31.209243065234233,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.29796316119037,
+                            "y": 31.220282782349148,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.30273636473034,
+                            "y": 31.2198977980581,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.30650431740165,
+                            "y": 31.219898092718612,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.31466693662834,
+                            "y": 31.223442307803612,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32017338272325,
+                            "y": 31.22407752612719,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32170385876948,
+                            "y": 31.22443642374149,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32315754421998,
+                            "y": 31.224375662366445,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32575953681125,
+                            "y": 31.22518129048498,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.33105147728227,
+                            "y": 31.225876859171215,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.33363568072438,
+                            "y": 31.225963936912688,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.33634667702704,
+                            "y": 31.226009852146642,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.33730442954683,
+                            "y": 31.22773427459837,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.3404264021786,
+                            "y": 31.23094507911442,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.33896208217749,
+                            "y": 31.23634524864817,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.33577568582193,
+                            "y": 31.240433256180633,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.33312567151678,
+                            "y": 31.23923076590377,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32994797524155,
+                            "y": 31.237349644608877,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32976168220047,
+                            "y": 31.234039519625362,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.32024159770803,
+                            "y": 31.231386985365518,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.31122215716051,
+                            "y": 31.229214066244523,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.29264943919313,
+                            "y": 31.232998413933927,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.28796282539214,
+                            "y": 31.23491756870379,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.28363864609534,
+                            "y": 31.24090783276285,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.28257094917196,
+                            "y": 31.2458180167782,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.27689311211255,
+                            "y": 31.250055030813865,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.27985448004428,
+                            "y": 31.253831868309994,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.2709103980883,
+                            "y": 31.255509815537213,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.26665218405257,
+                            "y": 31.254393999505126,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.26532839900652,
+                            "y": 31.255543512788588,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.25817693706111,
+                            "y": 31.259255314400082,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.25142033245574,
+                            "y": 31.26107797628681,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.25015676486815,
+                            "y": 31.261234177326084,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.24981792108898,
+                            "y": 31.260662487956385,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.24995292056721,
+                            "y": 31.260169678541565,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.24947810024433,
+                            "y": 31.25976493684194,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.24907724049469,
+                            "y": 31.2594681287784,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.2483554505827,
+                            "y": 31.25922633134769,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.24741971242636,
+                            "y": 31.258638684494407,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.2466108721453,
+                            "y": 31.25855377804927,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.24632796342395,
+                            "y": 31.258027022497195,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.24572604031508,
+                            "y": 31.258152986704957,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.24421829550096,
+                            "y": 31.25691251870397,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.24296550612725,
+                            "y": 31.255009280533766,
+                            "z": 0
+                        },
+                        {
+                            "x": 121.24175865031702,
+                            "y": 31.253105992330642,
+                            "z": 0
+                        }
+                    ]
+
+                ]
+                //高德转84
+                // let sz = [
+                //     [121.243376,31.247862],[121.240361,31.240635],[121.247706,31.241094],[121.248819,31.237274],[121.249632,31.236539],[121.25109,31.238175],[121.253001,31.236864],[121.254,31.233049],[121.257463,31.230541],[121.258075,31.226999],[121.256486,31.226345],[121.258333,31.22193],[121.257506,31.220133],[121.261227,31.215027],[121.259437,31.212694],[121.26387,31.208689],[121.264992,31.206371],[121.262936,31.205372],[121.264802,31.203361],[121.266702,31.203244],[121.277339,31.193551],[121.286002,31.19548],[121.290979,31.199333],[121.292473,31.202491],[121.294694,31.203094],[121.298386,31.200446],[121.301417,31.196276],[121.30451,31.196323],[121.303043,31.207259],[121.302449,31.218303],[121.307232,31.217926],[121.311008,31.217933],[121.319189,31.221494],[121.324708,31.22214],[121.326242,31.222502],[121.327699,31.222444],[121.330307,31.223255],[121.335611,31.223961],[121.338201,31.224053],[121.340918,31.224104],[121.341878,31.225831],[121.345007,31.229049],[121.34354,31.234449],[121.340347,31.238533],[121.337691,31.237325],[121.334506,31.235437],[121.334319,31.232125],[121.324777,31.229453],[121.315737,31.227262],[121.297126,31.231016],[121.292431,31.232929],[121.2881,31.238916],[121.287031,31.243827],[121.281345,31.248059],[121.284311,31.251841],[121.275355,31.25351],[121.271092,31.25239],[121.269767,31.253539],[121.26261,31.257248],[121.25585,31.259069],[121.254586,31.259225],[121.254247,31.258653],[121.254382,31.25816],[121.253907,31.257755],[121.253506,31.257458],[121.252784,31.257216],[121.251848,31.256628],[121.251039,31.256543],[121.250756,31.256016],[121.250154,31.256142],[121.248646,31.254901],[121.247393,31.252997],[121.246186,31.251093]                    ]
+                // let result = {}
+                // let bb=[]
+                // for (let i = 0; i < sz.length; i++) {
+                //     result = CoordUtil.gcj02towgs84(sz[i][0], sz[i][1]);
+                //     bb.push({ x: result[0], y: result[1], z: 0 })
+                // }
+            for (let i = 0; i < arr.length; i++) {
+                let target = {
+                    id: i,
+                    attributes: {
+                        name: i,
+                    },
+                    position: arr[i],
+                    label: {
+                        text: i,
+                        font: "16px Helvetica",
+                        color: i == 0 ? "red" : "orange",
+                        pixelOffset: [0, -50],
+                        backgroundColor: "red"
+                    }
+
+                }
+                let options = {
+                    isZoom: false,
+                    style: {
+                        color: i == 0 ? "red" : "rgb(1, 224, 255)",
+                        transparency: 1,
+                        outline: true,
+                        outlineColor: 'transparent',
+                        perPositionHeight: true
+
+                    },
+                    // click: regionLocateCallBack111
+                };
+                setTimeout(() => {
+                    window.jMap.Locate.trackLocate(target, options);
+                }, 1000)
+
+            }
+        },
+
+
+
+        /**
+         * 安保区域
+         * @param {*} status 是否有图层
+         * @param {*} id 1大网格 2小网格 
+         * @param {*} query 搜索内容
+         */
+        anbao(status, id, query) {
+            var that = this
+            var JMapQuery2 = new JMapQuery(window.jMap); // JMap为初始化地图时,实例化的JMap对象
+            window.jMap.removeLayer()
+            if (status) {
+                window.jMap.Locate.clearLocate(); //清楚分布
+                window.jMap.removeLayer();    //  空值清除所有已添加图层
+            }
+            // return
+            //中网格
+            if (id == 1) {
+                    // 例: 8.1 2 查询图层列表
+                    var qp2 = new JMapQueryParam({
+                        queryMapService: "mh_dyn_cywg",
+                        queryMapLayers: [0],
+                        //  queryGeometry: result[0],         //  默认进行属性查询,放开该段注释将在选定的几何空间内进行空间查询
+                        // queryWhere: "name like '%莘庄镇%' ", //  可自定义查询条件,也可不传该参数
+                        outFields: ["*"], //  返回字段信息
+                        callBack: testQueryCallBack2
+                    });
+                    JMapQuery2.execQuery(qp2);
+                    // 图层查询完毕的回调函数
+                    function testQueryCallBack2(obj) {
+                        var bigNewArr = [];
+                        var name = [];
+                        //画线--------------
+                        var bigArr = obj.features.filter(function(el) {
+                            // return el.attributes.name.indexOf('新虹街道') > -1 
+                            return el.attributes.name.indexOf('新虹街道') > -1 ||
+                                el.attributes.name.indexOf('华漕') > -1 ||
+                                el.attributes.name.indexOf('七宝中片') > -1 ||
+                                el.attributes.name.indexOf('航华网格') > -1 ||
+                                el.attributes.name.indexOf('七宝北片网格') > -1 ||
+                                el.attributes.name.indexOf('紫藤、红松') > -1 ||
+                                el.attributes.name.indexOf('虹梅区域') > -1
+
+                        })
+                        let arr = []
+                        for (let i = 0; i < bigArr.length; i++) {
+                            arr.push([])
+                            for (let ii = 0; ii < bigArr[i].geometry.rings[0].length; ii++) {
+                                arr[i].push({
+                                    x: bigArr[i].geometry.rings[0][ii][0],
+                                    y: bigArr[i].geometry.rings[0][ii][1],
+                                    z: 0,
+                                })
+                            }
+                        }
+                        for (let i = 0; i < arr.length; i++) {
+                            let target = {
+                                id: 1000 + i,
+                                attributes: {
+                                    name: i,
+                                },
+                                position: arr[i],
+                                label: {
+                                    text: i,
+                                    font: "16px Helvetica",
+                                    color: "red",
+                                    pixelOffset: [0, -50],
+                                    backgroundColor: "red"
+                                }
+
+                            }
+                            var options = {
+                                isZoom: false,
+                                style: {
+                                    color: 'rgb(79, 226, 97)',
+                                    transparency: 1,
+                                    outline: true,
+                                    outlineColor: 'transparent',
+                                    perPositionHeight: true
+
+                                },
+                                click: regionLocateCallBack111
+                            };
+                            setTimeout(() => {
+                                window.jMap.Locate.trackLocate(target, options);
+                            }, 100)
+
+                        }
+
+                        function regionLocateCallBack111(obj) {
+                            // console.log(obj);       // obj为返回值
+                        }
+                        //画线---------------------------------- 
+                        //区域---------------------------------- 
+                        var bigArr = obj.features.filter(function(el) {
+                                return el.attributes.name.indexOf('新虹街道') > -1 ||
+                                    el.attributes.name.indexOf('华漕') > -1 ||
+                                    el.attributes.name.indexOf('七宝中片') > -1 ||
+                                    el.attributes.name.indexOf('航华网格') > -1 ||
+                                    el.attributes.name.indexOf('七宝北片网格') > -1 ||
+                                    el.attributes.name.indexOf('紫藤、红松') > -1 ||
+                                    el.attributes.name.indexOf('虹梅区域') > -1
+
+                            })
+                            // console.log(111, bigArr)
+                        bigArr.forEach(function(item, index) {
+                            var aaa = item.geometry.rings[0];
+                            var newArr = aaa.map(function(value, index) {
+                                var obj = {
+                                    x: value[0],
+                                    y: value[1],
+                                    z: 0.1
+                                }
+                                return obj
+                            })
+                            bigNewArr.push(newArr);
+                            name.push(item.attributes.name)
+
+                        })
+                        bigNewArr.forEach(function(item, index) {
+                            var idx = index;
+                            setTimeout(() => {
+                                // 2区域分布
+                                var target = {
+                                    id: idx,
+                                    attributes: {
+                                        position: item[0],
+                                        name: name[index] == "华漕镇处置网格二(纪王西片区)" ? "闵S1-1(纪王西网格)" : name[index] == "华漕镇处置网格一(纪王东片区)" ? "闵S1-2(纪王东网格)" : name[index] == "华漕镇处置网格四(诸翟北片区)" ? "闵S1-3(诸翟北网格)" : name[index] == "华漕镇处置网格五(诸翟南片区)" ? "闵S1-4(诸翟南网格)" : name[index] == "华漕镇处置网格三(老华漕片区)" ? "闵S1-5(老华漕网格)" : name[index] == "新虹街道处置网格二(爱博)" ? "闵S2-1(爱博网格)" : name[index] == "新虹街道处置网格三(华美)" ? "闵S2-2(华美网格)" : name[index] == "新虹街道处置网格一(枢纽)" ? "闵S2-3(枢纽网格)" : name[index] == "新虹街道处置网格四(航华)" ? "闵S2-4(航华网格)" : name[index] == "七宝镇处置网格一(七宝北片网格)" ? "闵S3-1(七宝北片网格)" : name[index] == "七宝镇处置网格二(七宝中片网格)" ? "闵S3-2(七宝吴宝路网格)" : name[index] == "七宝镇处置网格五(航华网格)" ? "闵S3-3(七宝航华网格)" : name[index] == "虹桥镇处置网格四(紫藤、红松区域)" ? "闵S4-1(紫藤红松网格)" : name[index] == "虹桥镇处置网格二(虹梅区域)" ? "闵S4-2(虹梅网格)" : name[index]
+                                    },
+                                    position: item,
+                                    label: {
+                                        text: name[index] == "华漕镇处置网格二(纪王西片区)" ? "闵S1-1(纪王西网格)" : name[index] == "华漕镇处置网格一(纪王东片区)" ? "闵S1-2(纪王东网格)" : name[index] == "华漕镇处置网格四(诸翟北片区)" ? "闵S1-3(诸翟北网格)" : name[index] == "华漕镇处置网格五(诸翟南片区)" ? "闵S1-4(诸翟南网格)" : name[index] == "华漕镇处置网格三(老华漕片区)" ? "闵S1-5(老华漕网格)" : name[index] == "新虹街道处置网格二(爱博)" ? "闵S2-1(爱博网格)" : name[index] == "新虹街道处置网格三(华美)" ? "闵S2-2(华美网格)" : name[index] == "新虹街道处置网格一(枢纽)" ? "闵S2-3(枢纽网格)" : name[index] == "新虹街道处置网格四(航华)" ? "闵S2-4(航华网格)" : name[index] == "七宝镇处置网格一(七宝北片网格)" ? "闵S3-1(七宝北片网格)" : name[index] == "七宝镇处置网格二(七宝中片网格)" ? "闵S3-2(七宝吴宝路网格)" : name[index] == "七宝镇处置网格五(航华网格)" ? "闵S3-3(七宝航华网格)" : name[index] == "虹桥镇处置网格四(紫藤、红松区域)" ? "闵S4-1(紫藤红松网格)" : name[index] == "虹桥镇处置网格二(虹梅区域)" ? "闵S4-2(虹梅网格)" : name[index],
+                                        font: "14px Helvetica",
+                                        color: "#fff",
+                                        pixelOffset: [0, -40]
+                                    }
+                                };
+                                var options = {
+                                    isZoom: false,
+                                    camera: {
+                                        x: 121.4175597,
+                                        y: 31.119248,
+                                        radius: 18000.0,
+                                        offset: { heading: -4, pitch: -70, range: 0 },
+                                    },
+                                    click: regionLocateCallBack,
+                                    style: {
+                                        // color: name[index] == "华漕镇处置网格二(纪王西片区)" ? "#2c6395" : name[index] == "华漕镇处置网格一(纪王东片区)" ? "#1b6cb6" : name[index] == "华漕镇处置网格四(诸翟北片区)" ? "#40a4ff" : name[index] == "华漕镇处置网格五(诸翟南片区)" ? "#8ac7ff" : name[index] == "华漕镇处置网格三(老华漕片区)" ? "#b1cce5" : name[index] == "新虹街道处置网格二(爱博)" ? "#a03523" : name[index] == "新虹街道处置网格三(华美)" ? "#d71e00" : name[index] == "新虹街道处置网格一(枢纽)" ? "#ffa192" : name[index] == "新虹街道处置网格四(航华)" ? "#dba197" : name[index] == "七宝镇处置网格一(七宝北片网格)" ? "#009081" : name[index] == "七宝镇处置网格二(七宝中片网格)" ? "#00ae9c" : name[index] == "七宝镇处置网格五(航华网格)" ? "#50ffed" : name[index] == "虹桥镇处置网格四(紫藤、红松区域)" ? "#b2ec0a" : name[index] == "虹桥镇处置网格二(虹梅区域)" ? "#b2ec4a" : "#729900",
+                                        color: "transparent",
+                                        transparency: 0,
+                                        outline: true,
+                                        outlineColor: 'blue',
+
+                                        // "#4d6700",
+                                        // "#729900",
+                                    }
+
+                                };
+                                setTimeout(() => {
+                                    jMap.Locate.regionLocate(target, options);
+                                }, 500)
+
+
+                                // 分布点点击事件的回调函数
+                                function regionLocateCallBack(obj) {
+                                    that.stores.gridDataChange(obj._attributes);
+                                    that.stores.gridDataChange1(obj._id);
+                                }
+
+                            }, idx * 1)
+                        })
+                    }
+            }
+
+            //小网格(居委会)
+            if (id == 2 && query) {
+                // let queryName = ""
+                // for (let i = 0; i < query.length; i++) {
+                //     // console.log(query[i].mapGridName)
+                //     queryName = queryName ? `${queryName},'${query[i].mapGridName}'` : `'${query[i].mapGridName}'`
+                // }
+                // queryName = queryName + ",'涞港星苑筹备组','爱博四村居委','爱博五村居委','爱博二村居委','爱博一村居委','爱博三村居委','万科润园居委','华美路一居委','华美路二居委','沙茂居委','航华一村2居委','航华一村5居委','航华一村7居委','航华一村6居委'"
+                // console.log(queryName)
+                setTimeout(() => {
+                    var name2 = [];
+                    var qp3 = new JMapQueryParam({
+                        queryMapService: "mh_dyn_district",
+                        queryMapLayers: [2],
+                        //  queryGeometry: result[0],         //  默认进行属性查询,放开该段注释将在选定的几何空间内进行空间查询
+                        // queryWhere: "name like '%纪东村村委会%' ", //  可自定义查询条件,也可不传该参数
+                        // queryWhere: "grid_type in ('居委网格','村委网格') and subdistrict like '%华漕镇%' ", //  可自定义查询条件,也可不传该参数
+                        // queryWhere: `name in ('沪星村村委会','九星村村委会','新龙村经济合作社','中春路第二居委会',
+                        //     ) and subdistrict in ('华漕镇','新虹街道','虹桥镇','七宝镇')`, //  可自定义查询条件,也可不传该参数
+                        // queryWhere: `name in (${queryName}) and subdistrict in ('华漕镇','新虹街道','虹桥镇','七宝镇')`, //  可自定义查询条件,也可不传该参数
+                        // queryWhere: `subdistrict in ('华漕镇','新虹街道','虹桥镇','七宝镇')`, //  可自定义查询条件,也可不传该参数
+                        queryWhere: `grid_type in ('居委网格','村委网格','拓展网格') and subdistrict in ('华漕镇','新虹街道','虹桥镇','七宝镇')`, //  可自定义查询条件,也可不传该参数
+                        outFields: ["*"], //  返回字段信息
+                        callBack: testQueryCallBack3
+                    });
+                    JMapQuery2.execQuery(qp3);
+
+                    function testQueryCallBack3(obj) {
+                        let a = []
+                        for (let i = 0; i < obj.features.length; i++) {
+                            a[i] = {
+                                name: obj.features[i].attributes.name,
+                                subdistrict: obj.features[i].attributes.subdistrict,
+                            }
+                        }
+                        var big2Arr = []
+                        obj.features.forEach(function(item, index) {
+                                var b2 = item.geometry.rings;
+                                b2.forEach(function(item2, index2) {
+                                    var newArr2 = b2[index2].map(function(value, index3) {
+                                        var obj = {
+                                            x: value[0],
+                                            y: value[1],
+                                            z: 0.1
+                                        }
+                                        return obj
+                                    })
+                                    big2Arr.push(newArr2);
+                                    name2.push(item.attributes.name)
+                                })
+                            })
+                            //画线---------------------------------
+                        let huaxian = []
+                        for (let i = 0; i < big2Arr.length; i++) {
+
+                            huaxian.push([])
+                            for (let ii = 0; ii < big2Arr[i].length; ii++) {
+                                huaxian[i].push(
+                                    big2Arr[i][ii]
+                                )
+                            }
+                        }
+                        for (let i = 0; i < huaxian.length; i++) {
+                            let target = {
+                                id: 10000 + i,
+                                attributes: {
+                                    name: i,
+                                },
+                                position: huaxian[i],
+                                label: {
+                                    text: i,
+                                    font: "16px Helvetica",
+                                    color: "rgba(255,255,255,0.1)",
+                                    pixelOffset: [0, -50],
+                                    backgroundColor: "red"
+                                }
+
+                            }
+                            var options = {
+                                isZoom: false,
+                                style: {
+                                    color: 'rgb(1, 224, 255)',
+                                    transparency: 1,
+                                    outline: true,
+                                    outlineColor: 'transparent',
+                                    perPositionHeight: true
+
+                                },
+                                click: regionLocateCallBack111
+                            };
+                            setTimeout(() => {
+                                window.jMap.Locate.trackLocate(target, options);
+                            }, 1000)
+
+                        }
+
+                        function regionLocateCallBack111(obj) {
+                            // console.log(obj);       // obj为返回值
+                        }
+                        //画线---------------------------------
+                        //画区域-----------------------------
+                        big2Arr.forEach(function(item, index) {
+                                var idx = index + 1;
+                                setTimeout(() => {
+                                    // 2区域分布
+                                    var target = {
+                                        id: idx,
+                                        attributes: {
+                                            position: item[0],
+                                            name: name2[index]
+                                        },
+                                        position: item,
+                                        label: {
+                                            text: name2[index],
+                                            font: "12px Helvetica",
+                                            color: "transparent",
+                                            //     color: "red",
+                                            pixelOffset: [0, -40]
+                                        }
+                                    };
+                                    var options = {
+                                        isZoom: false,
+                                        click: regionLocateCallBack2,
+                                        style: {
+                                            color: "#68afc1",
+                                            transparency: 0.6,
+                                            outline: true,
+                                            outlineColor: 'blue',
+                                        }
+
+                                    };
+                                    setTimeout(() => {
+                                            jMap.Locate.regionLocate(target, options);
+                                        }, 500)
+                                        // 分布点点击事件的回调函数
+                                    function regionLocateCallBack2(obj) {
+                                        // that.stores.gridDataChange(obj._attributes);
+                                        // that.stores.gridDataChange1(obj._id);
+                                        that.stores.gridDataChange(obj._attributes);
+                                    }
+
+                                }, idx * 1)
+                            })
+                            //画区域-----------------------------
+                    }
+                }, 2000);
+            }
+            //大网格
+            if (id == 3) {
+                setTimeout(() => {
+                    // 例: 8.1 2 查询图层列表
+                    var qp2 = new JMapQueryParam({
+                        queryMapService: "mh_dyn_cywg",
+                        queryMapLayers: [0],
+                        //  queryGeometry: result[0],         //  默认进行属性查询,放开该段注释将在选定的几何空间内进行空间查询
+                        // queryWhere: "name like '%莘庄镇%' ", //  可自定义查询条件,也可不传该参数
+                        outFields: ["*"], //  返回字段信息
+                        callBack: testQueryCallBack2
+                    });
+                    JMapQuery2.execQuery(qp2);
+                    // 图层查询完毕的回调函数
+                    function testQueryCallBack2(obj) {
+                        var bigNewArr = [];
+                        var name = [];
+                        var bigArr = obj.features.filter(function(el) {
+                                // return el.attributes.name.indexOf('新虹街道') > -1 
+                                return el.attributes.name.indexOf('新虹街道') > -1 ||
+                                    el.attributes.name.indexOf('华漕') > -1 ||
+                                    el.attributes.name.indexOf('七宝中片') > -1 ||
+                                    el.attributes.name.indexOf('航华网格') > -1 ||
+                                    el.attributes.name.indexOf('七宝北片网格') > -1 ||
+                                    el.attributes.name.indexOf('紫藤、红松') > -1 ||
+                                    el.attributes.name.indexOf('虹梅区域') > -1
+                            })
+                            //画区域
+                            // bigArr.forEach(function(item, index) {
+                            //     var aaa = item.geometry.rings[0];
+                            //     var newArr = aaa.map(function(value, index) {
+                            //         var obj = {
+                            //             x: value[0],
+                            //             y: value[1],
+                            //             z: 0.1
+                            //         }
+                            //         return obj
+                            //     })
+                            //     bigNewArr.push(newArr);
+                            //     name.push(item.attributes.name)
+
+                        // })
+                        // bigNewArr.forEach(function(item, index) {
+                        //     var idx = index + 1;
+                        //     setTimeout(() => {
+                        //         // 2区域分布
+                        //         var target = {
+                        //             id: idx,
+                        //             attributes: {
+                        //                 position: item[0],
+                        //                 name: name[index] == "华漕镇处置网格二(纪王西片区)" ? "闵S1-1(纪王西网格)" : name[index] == "华漕镇处置网格一(纪王东片区)" ? "闵S1-2(纪王东网格)" : name[index] == "华漕镇处置网格四(诸翟北片区)" ? "闵S1-3(诸翟北网格)" : name[index] == "华漕镇处置网格五(诸翟南片区)" ? "闵S1-4(诸翟南网格)" : name[index] == "华漕镇处置网格三(老华漕片区)" ? "闵S1-5(老华漕网格)" : name[index] == "新虹街道处置网格二(爱博)" ? "闵S2-1(爱博网格)" : name[index] == "新虹街道处置网格三(华美)" ? "闵S2-2(华美网格)" : name[index] == "新虹街道处置网格一(枢纽)" ? "闵S2-3(枢纽网格)" : name[index] == "新虹街道处置网格四(航华)" ? "闵S2-4(航华网格)" : name[index] == "七宝镇处置网格一(七宝北片网格)" ? "闵S3-1(七宝北片网格)" : name[index] == "七宝镇处置网格二(七宝中片网格)" ? "闵S3-2(七宝吴宝路网格)" : name[index] == "七宝镇处置网格五(航华网格)" ? "闵S3-3(七宝航华网格)" : name[index] == "虹桥镇处置网格四(紫藤、红松区域)" ? "闵S4-1(紫藤红松网格)" : name[index] == "虹桥镇处置网格二(虹梅区域)" ? "闵S4-2(虹梅网格)" : name[index]
+                        //             },
+                        //             position: item,
+                        //             label: {
+                        //                 // text: name[index] == "华漕镇处置网格二(纪王西片区)" ? "闵S1-1(纪王西网格)" : name[index] == "华漕镇处置网格一(纪王东片区)" ? "闵S1-2(纪王东网格)" : name[index] == "华漕镇处置网格四(诸翟北片区)" ? "闵S1-3(诸翟北网格)" : name[index] == "华漕镇处置网格五(诸翟南片区)" ? "闵S1-4(诸翟南网格)" : name[index] == "华漕镇处置网格三(老华漕片区)" ? "闵S1-5(老华漕网格)" : name[index] == "新虹街道处置网格二(爱博)" ? "闵S2-1(爱博网格)" : name[index] == "新虹街道处置网格三(华美)" ? "闵S2-2(华美网格)" : name[index] == "新虹街道处置网格一(枢纽)" ? "闵S2-3(枢纽网格)" : name[index] == "新虹街道处置网格四(航华)" ? "闵S2-4(航华网格)" : name[index] == "七宝镇处置网格一(七宝北片网格)" ? "闵S3-1(七宝北片网格)" : name[index] == "七宝镇处置网格二(七宝中片网格)" ? "闵S3-2(七宝吴宝路网格)" : name[index] == "七宝镇处置网格五(航华网格)" ? "闵S3-3(七宝航华网格)" : name[index] == "虹桥镇处置网格四(紫藤、红松区域)" ? "闵S4-1(紫藤红松网格)" : name[index] == "虹桥镇处置网格二(虹梅区域)" ? "闵S4-2(虹梅网格)" : name[index],
+                        //                 font: "14px Helvetica",
+                        //                 color: "#fff",
+                        //                 pixelOffset: [0, -40]
+                        //             }
+                        //         };
+                        //         var options = {
+                        //             isZoom: false,
+                        //             camera: {
+                        //                 x: 121.4175597,
+                        //                 y: 31.119248,
+                        //                 radius: 9000.0,
+                        //                 offset: { heading: -4, pitch: -70, range: 0 },
+                        //             },
+                        //             click: regionLocateCallBack,
+                        //             style: {
+                        //                 color: "#5b9bd5",
+                        //                 transparency: 0.6,
+                        //                 // name[index] == "华漕镇处置网格二(纪王西片区)" ? "#5b9bd5" : 
+                        //                 // name[index] == "华漕镇处置网格一(纪王东片区)" ? "#5b9bd5" : 
+                        //                 // name[index] == "华漕镇处置网格四(诸翟北片区)" ? "#5b9bd5" : 
+                        //                 // name[index] == "华漕镇处置网格五(诸翟南片区)" ? "#5b9bd5" : 
+                        //                 // name[index] == "华漕镇处置网格三(老华漕片区)" ? "#5b9bd5" : 
+
+                        //                 // name[index] == "新虹街道处置网格二(爱博)" ? "#17cfbc" : 
+                        //                 // name[index] == "新虹街道处置网格三(华美)" ? "#17cfbc" : 
+                        //                 // name[index] == "新虹街道处置网格一(枢纽)" ? "#17cfbc" : 
+                        //                 // name[index] == "新虹街道处置网格四(航华)" ? "#17cfbc" : 
+
+                        //                 // name[index] == "七宝镇处置网格一(七宝北片网格)" ? "#fca091" : 
+                        //                 // name[index] == "七宝镇处置网格二(七宝中片网格)" ? "#fca091" : 
+                        //                 // name[index] == "七宝镇处置网格五(航华网格)" ? "#fca091" : 
+
+                        //                 // name[index] == "虹桥镇处置网格四(紫藤、红松区域)" ? "rgb(37, 95, 37)" : 
+                        //                 // name[index] == "虹桥镇处置网格二(虹梅区域)" ? "rgb(37, 95, 37)" : "rgb(37, 95, 37)",
+                        //                 outline: true,
+                        //                 outlineColor: 'blue',
+
+                        //                 // "#4d6700",
+                        //                 // "#729900",
+                        //             }
+
+                        //         };
+                        //         setTimeout(() => {
+                        //                 jMap.Locate.regionLocate(target, options);
+                        //             }, 500)
+                        //             // 分布点点击事件的回调函数
+                        //         function regionLocateCallBack(obj) {
+                        //             // that.stores.gridDataChange(obj._attributes);
+                        //         }
+                        //     }, idx * 1)
+                        // })
+                    }
+                }, 1000)
+            }
+
+        },
+        /**
+         * 安保气泡窗
+         * @param {*} data 
+         */
+        anbaoPopup(data) {
+            console.log(data, 1212)
+            var children = []
+            if (data.type == 19) {
+                children = [
+                    ["街道:", data.content[0].streetTown, 12],
+                    ["街镇分管领导:", data.content[0].type1, 12],
+                    ["城运中心人员:", data.content[0].type2, 12],
+                    ["安监所所长:", data.content[0].type3, 12],
+                    ["支队外勤参谋:", data.content[0].type4, 12],
+
+                ]
+            }
+            if (data.type == 15) {
+                children = [
+                    ["街道:", data.content[0].streetTown, 12],
+                    ["安监所人员:", data.content[0].type1, 12],
+                    ["城运中心人员:", data.content[0].type2, 12],
+                    ["消防助理员:", data.content[0].type3, 12],
+                ]
+            }
+            if (data.type == 16) {
+                // console.log(data,1212)
+                children = [
+                    ["编号:", data.content.id, 12],
+                    ["街道:", data.content.streetTown, 12],
+                    ["街道:", data.content.streetTown, 12],
+                    ["小网格长:", data.content.type2, 12],
+                    ["小网格人员:", data.content.type1, 12],
+
+                ]
+            }
+
+            let arrayList = [{
+                title: [data.name == "七宝镇" ? "闵S3(七宝网格)" : data.name == "虹桥镇" ? "闵S4(虹桥网格)" : data.name == "华漕镇" ? "闵S1(华漕网格)" : data.name == "新虹街道" ? "闵S2(新虹网格)" : data.name, true],
+                children: []
+            }]
+            arrayList[0].children = children
+            data.gisX = data.position.x
+            data.gisY = data.position.y
+            this.popup(data, arrayList, true, null, 1)
+        },
+        /**
+         *添加动态图层
+         *
+         */
+        addLayer() {
+            var wheres = [];
+            wheres[1] = "subdistrict='七宝镇'"; // 1:图层序号  subdistrict='七宝镇' 筛选条件
+            var options = {
+                click: windowGxLayer,
+                wheres: wheres
+            };
+
+            setTimeout(() => {
+                jMap.addImageryLayer("mh_dyn_cywg", [1], options);
+            }, 3000);
+
+
+        },
+        // 点击事件回调函数
+        addLayerCallBack(obj) {
+
+        },
+
+        /**
+         *安保区域划分
+         *
+         */
+        anbaoMap() {
+            let target = {
+                id: '100001',
+                attributes: {
+                    name: '大型安保范围',
+                },
+                position: data[0],
+                label: {
+                    text: "大型安保范围",
+                    font: "16px Helvetica",
+                    color: "rgba(255,255,255,0.1)",
+                    pixelOffset: [0, -50],
+                    backgroundColor: "red"
+                }
+
+            }
+            var options = {
+                isZoom: true,
+                style: {
+                    color: 'rgb(255,255,0,0.9)',
+                    transparency: 1,
+                    outline: true,
+                    outlineColor: 'transparent',
+                    perPositionHeight: true
+
+                },
+                // click: regionLocateCallBack
+            };
+            setTimeout(() => {
+                window.jMap.Locate.trackLocate(target, options);
+            }, 1000)
+
+        },
+
+        // 安保分布点点击事件的回调函数
+        regionLocateCallBack(obj) {},
+
+        /**
+         * @聚合撒点
+         * @param {数据list} data
+         * @param {页面类型} pageType
+         * @param {类型} type
+         */
+        initMarkers(data, pageType, type) {
+            var _this = this;
+
+            var tag = 1; //1.自定义图标 2.完全自定义 3.默认
+            var style = ""; //地图最大化小图标
+            var points = []; //地图撒点处理数据存储
+
+            var options = {
+                style: { pixelRange: 10 },
+                isZoom: true,
+                click: clusterMapCallBack,
+            };
+            jMap.ClusterMap.show(data, options);
+        },
+        clickFlag(val) {},
+        randomColor() {
+            var color = "#";
+            //for循环中,如果后面仅有一条语句,{}可省略不写
+            //随机生成6位0-15之间的数字,再用toString(16)将数字转成16进制
+            for (var i = 0; i < 6; i++) color += parseInt(Math.random() * 16).toString(16);
+            return color;
+        },
+        removeMarkers(lnglats) {
+            this.map.remove(lnglats);
+        },
+        /**
+         *街镇切换
+         */
+        streetTownSwitch(data) {
+            let sf = 2800.0;
+            if (data.id == 12) {
+                //区缩放比例调整
+                sf = 18000.0;
+            }
+            var options = {
+                area: data.id,
+                base_layer_name: "dark",
+                model_data_name: "dark",
+                isShowDistrictLabel: true,
+                camera: {
+                    x: data.x,
+                    y: data.y,
+                    radius: sf,
+                    offset: { heading: 4, pitch: -89, range: 0 },
+                },
+            };
+            jMap.switchStreet(options);
+        },
+
+        /**
+         * 点分布(撒点)
+         * @param {坐标信息} lnglats
+         * @param {页面类型} type
+         */
+        addMarker(lnglats, pageType, type) {
+            window.jMap.Locate.clearLocate();
+            let that = this
+            let icon = "";
+            let arr = []
+            let arr1 = []
+            let arr2 = []
+            let arr3 = []
+            let arr4 = []
+            let arr5 = []
+            var target = lnglats.map((val, ind) => {
+                var wgs84 = CoordUtil.gcj02towgs84(Number(val.gisX) || Number(val.longitude), Number(val.gisY) || Number(val.latitude))
+                var x = wgs84[0]
+                var y = wgs84[1]
+                if (
+                    pageType == "index" ||
+                    pageType == "enforcement-dynamic" ||
+                    pageType == "self-management" ||
+                    pageType == "comprehensive-disposal" ||
+                    pageType == "rescue-station" ||
+                    pageType == "security-plan" ||
+                    pageType == "fire-signs" ||
+
+                    pageType == "fire-data-analysis" ||
+                    pageType == "water-sources") {
+                    let marker = {
+                        id: ind + 1,
+                        attrbutes: val,
+                        position: {
+                            x: x,
+                            y: y,
+                            //     x: Number(val.gisX) || Number(val.longitude),
+                            //     y: Number(val.gisY) || Number(val.latitude),
+                            z: 0
+                        },
+                        image: {
+                            url:
+                            val.type == "双随机执法单位" ? this.stores.sadianIcon.ssjzf : 
+                            val.type == "安全检查单位" ? this.stores.sadianIcon.aqjcdw : 
+                            val.type == "举报投诉" ? this.stores.sadianIcon.jbts : 
+                            val.type == "执法记录仪" && val.type1 == "执法记录仪" ? this.stores.sadianIcon.zfjly :
+                            val.type == "执法记录仪" && val.type1 == "国家会展中心" ? this.stores.sadianIcon.hzzx : 
+                            val.type == "鹰眼监控" && val.type1 == '鹰眼监控' ? this.stores.sadianIcon.yyjk :  
+                            val.type == "鹰眼监控" && val.type1 == '国家会展中心' ? this.stores.sadianIcon.hzzx :
+                            val.type == "城运检查" ? this.stores.sadianIcon.cyjc :
+
+                            val.type == "重点单位" && val.type1 == "重点单位" ? this.stores.sadianIcon.zddw : 
+                            val.type == "重点单位" && val.type1 == "国家会展中心" ? this.stores.sadianIcon.hzzx : 
+                            val.type == "非重点单位" ? this.stores.sadianIcon.fdwd : 
+                            val.type == "执法监督" ? this.stores.sadianIcon.zfjd : 
+                            val.type == "执法检查" ? this.stores.sadianIcon.zfjc :
+                                
+                            val.type == "龙湖天街(试点)" ? this.stores.sadianIcon.lhtj : 
+                            val.type == "一般单位" ? this.stores.sadianIcon.ybdw : 
+                            val.type == "九小场所" && val.type1 == "九小场所" ? this.stores.sadianIcon.jxcs : 
+                            val.type == "九小场所" && val.type1 == "国家会展中心" ? this.stores.sadianIcon.hzzx : 
+                            val.type == "其他单位" ? this.stores.sadianIcon.qtdw :
+
+                            val.type == "厂房" ? this.stores.sadianIcon.cf : 
+                            val.type == "仓库" ? this.stores.sadianIcon.ck :
+                            val.type == "厂房、仓库" ? this.stores.sadianIcon.ck :
+
+                            val.type == "车辆" && val.type1 != "国家会展中心" ? this.stores.sadianIcon.xfc : 
+                            val.type == "历史警情" && val.type1 != "国家会展中心" ? this.stores.sadianIcon.lsjq :
+
+                            val.type == "历史火灾" && val.type1 != "国家会展中心" ? this.stores.sadianIcon.lshz : 
+                            val.type == "国家会展中心" ? this.stores.sadianIcon.hzzx :
+
+                            val.type == "亡人火灾" ? this.stores.sadianIcon.wrhz : 
+                            val.type == "伤人火灾" ? this.stores.sadianIcon.srhz :
+
+                            val.type == "消火栓可用" ? this.stores.sadianIcon.xhs : 
+                            val.type == "消火栓不可用" ? this.stores.sadianIcon.xhsH :
+
+                            val.type == "天然水源" ? this.stores.sadianIcon.trsy : 
+                            val.type == "科普教育基地" ? this.stores.sadianIcon.kpjyjd :
+
+                            val.type == "消防站" ? this.stores.sadianIcon.xfz : 
+                            val.type == "高层建筑覆盖" && val.stationType == 1 ? this.stores.sadianIcon.xfdjl :
+
+                            val.type == "高层建筑覆盖" && val.stationType == 2 ? this.stores.sadianIcon.xfdj2 : 
+                            val.type == "高层建筑覆盖" && val.stationType == 3 ? this.stores.sadianIcon.xfdj3 :
+
+                            val.type == "高层建筑覆盖" && val.stationType == 4 ? this.stores.sadianIcon.zzd : 
+                            val.type == "高层建筑覆盖" && val.stationType == 5 ? this.stores.sadianIcon.jzwxxfz :
+
+                            val.type == "高层建筑覆盖" && val.stationType == 111 ? this.stores.sadianIcon.dian : 
+                            val.type == "高层建筑" ? this.stores.sadianIcon.gcggjz :
+
+                            val.type == "专职队" ? this.stores.sadianIcon.zzd : 
+                            val.type == "微型消防站" ? this.stores.sadianIcon.jzwxxfz : 
+                            val.type == "大型综合体" && val.facilityType == "lhtj" ? this.stores.sadianIcon.lhtj :
+
+                            val.type == "大型综合体" && (val.facilityType == 2 || val.facilityType == 3) ? this.stores.sadianIcon.dxzht : 
+                            val.type == "重大火灾隐患" ? this.stores.sadianIcon.lsjq :
+                            val.type == "重大火灾隐患2" ? this.stores.sadianIcon.lsjq :
+                                this.stores.sadianIcon.zddw,
+
+                            // this.jqzhczIcon3 : val.type == "4" ?
+                            // this.jqzhczIcon4 : val.type == "5" ?
+                            // this.jqzhczIcon5 : val.type == "消火栓" && val.status == "1" ?
+                            // this.jqzhczIcon5 : val.type == "消火栓" && val.status == "2" ?
+                            // this.jqzhczIcon51 : val.type == "天然水源" ?
+                            // this.jqzhczIcon7 : this.xfzfdtIcon4,
+
+                            width: val.type1 == "国家会展中心" ? 83 : val.type == "高层建筑覆盖" && val.stationType == 111 ? 7 : val.type == 111 ? 74 : 39,
+                            height: val.type1 == "国家会展中心" ? 59 : val.type == "高层建筑覆盖" && val.stationType == 111 ? 7 : val.type == 111 ? 66 : 50,
+                        },
+                    };
+                    if (val.type == "高层建筑覆盖" && val.stationType == 1) {
+                        arr1.push(val)
+                    }
+                    if (val.type == "高层建筑覆盖" && val.stationType == 2) {
+                        arr2.push(val)
+                    }
+                    if (val.type == "高层建筑覆盖" && val.stationType == 3) {
+                        arr3.push(val)
+                    }
+                    if (val.type == "高层建筑覆盖" && val.stationType == 4) {
+                        arr4.push(val)
+                    }
+                    if (val.type == "高层建筑覆盖" && val.stationType == 5) {
+                        arr5.push(val)
+                    }
+                    return marker;
+                } else {
+                    let marker = {
+                        id: ind + 1,
+                        attrbutes: val,
+                        position: { x: val.gisBaiDuX, y: val.gisBaiDuY, z: 0 },
+                        image: { url: icon, width: 300, height: 300 },
+                    };
+                    return marker;
+                }
+                
+            });
+            if (pageType == "高层建筑覆盖") {
+                if (arr1.length > 0) {
+                    this.bufferL1(arr1)
+                }
+                if (arr2.length > 0) {
+                    this.bufferL2(arr2)
+                }
+                if (arr3.length > 0) {
+                    this.bufferL3(arr3)
+                }
+                if (arr4.length > 0) {
+                    this.bufferL4(arr4)
+                }
+                if (arr5.length > 0) {
+                    this.bufferL5(arr5)
+                }
+                // this.bufferL(arr)
+            }
+            
+            //消防水源
+            if (pageType == "water-sources") {
+                var array = {
+                    clusterId: 100001,
+                    clusterData: []
+                }
+                var target1 = lnglats.map((val, ind) => {
+                    var wgs84 = CoordUtil.gcj02towgs84(Number(val.gisX) || Number(val.longitude), Number(val.gisY) || Number(val.latitude))
+                    var x = wgs84[0]
+                    var y = wgs84[1]
+                    val.type2 = type
+                    var array1 = {
+                        attributes: val,
+                        position: {
+                            x: x,
+                            y: y,
+                            z: 0,
+                        },
+                        image: {
+                            url: type == "消火栓可用" ? this.stores.sadianIcon.xhs : type == "消火栓不可用" ? this.stores.sadianIcon.xhsH : type == "天然水源" ? this.stores.sadianIcon.trsy : this.stores.sadianIcon.trsy,
+                            width: 19.5,
+                            height: 25,
+                        }
+                    }
+                    array.clusterData.push(array1)
+                })
+                var options = {
+                    style: { pixelRange: 60 },
+                    isZoom: true,
+                    click: this.clusterMapCallBack
+
+                };
+                window.jMap.ClusterMap.show(array, options)
+            } else {
+                //撒点类型
+                window.jMap.Locate.pointLocate(target, {
+                    //撒点
+                    isZoom: false,
+                    //animate: { "show": true },
+                    scaleByDistance: {
+                        minScaling: 1,
+                        maxScaling: 1,
+                        minDistance: 50, //最小距离
+                        maxDistance: 120000 //最大距离
+                    },
+                    click: (val) => {
+                            console.log(val)
+                            if (val.attrbutes.type == "重点单位") {
+                                that.stores.zddwIdSD(val.attrbutes.companyId);
+                            } else if(val.attrbutes.type == "一般单位" || val.attrbutes.type == "九小场所") {
+                                let arrayList = [{
+                                    title: ["单位详情", val.attrbutes.companyName ? true : false],
+                                    children: [
+                                        ["单位名称:", val.attrbutes.companyName, 24],
+                                        ["单位类型:", val.attrbutes.companyTypeName, 24],
+                                        ["联系电话:", val.attrbutes.linkPhone, 24],
+                                        ["地址:", val.attrbutes.address, 24],
+                                    ],
+                                }, ];
+                                this.popup(val._attrbutes, arrayList, true)
+                            } else if (val.attrbutes.type == "大型综合体") {
+                                let msgParse = JSON.parse(val.attrbutes.extendData)
+                                let arrayList = [{
+                                    title: [val.attrbutes.facilityName, true],
+                                    children: [
+                                        ["地址:", val.attrbutes.address, 24],
+                                        ["类型:", val.attrbutes.facilityType == 2 ? "5W平大型商业综合体" : val.attrbutes.facilityType == 3 ? "3-5万平大型商业综合体" : "", 24],
+                                        ["平面布局:", msgParse.planeLayout, 24],
+                                        ["用火用电用气管理:", msgParse.fireGasManage, 24],
+                                        ["油烟管道管理:", msgParse.oilFumeManage, 24],
+                                        ["消防设施:", msgParse.fireFacility, 24],
+                                        ["其他安全管理:", msgParse.otherSecurityManage, 24],
+                                        ["合计汇总:", msgParse.totalSummary, 24],
+                                    ],
+                                }, ];
+                                this.popup(val._attrbutes, arrayList, true)
+                            } else if (val.attrbutes.type == "厂房、仓库") {
+                                let arrayList = [{
+                                    title: [val.attrbutes.facilityName, true],
+                                    children: [
+                                        ["地址:", val.attrbutes.address, 24],
+                                        ["单位类型:", val.attrbutes.facilityType, 24],
+                                        ["企业码:", val.attrbutes.qrcode == 0 ? "未开通" : val.attrbutes.facilityType == 1 ? "已开通" : "", 24],
+                                        ["统一社会信用代码:", val.attrbutes.creditCode, 24],
+                                        ["法人代表:", val.attrbutes.creditCode, 24],
+                                        ["消防管理员:", val.attrbutes.safetyManager, 24],
+                                        ["联系电话:", val.attrbutes.phone, 24],
+
+                                        ["自用建筑面积:", val.attrbutes.companyArea, 24],
+                                        ["所属街镇:", val.attrbutes.street, 24],
+                                        ["隐患状态:", val.attrbutes.state , 24],
+                                        
+                                        ["排查状态:", val.attrbutes.isExamine == 0  ? "排查过" : val.attrbutes.isExamine == 1 ? "未排查" : "", 24],
+                                        ["单位状态:", val.attrbutes.status == 0  ? "正常" : val.attrbutes.status == 1 ? "注销" : "", 24],
+
+
+
+                                        ["建筑高度:", val.attrbutes.height, 24],
+                                        ["使用性质:", val.attrbutes.buildNature, 24],
+                                    ],
+                                }, ];
+                                this.popup(val._attrbutes, arrayList, true)
+                            } else if (val.attrbutes.type == "中小学" || val.attrbutes.type == "幼儿园" || val.attrbutes.type == "其他学校") {
+                                let msgParse = JSON.parse(val.attrbutes.extendData)
+                                let phone = val.attrbutes.contactPhone
+                                let arrayList = [{
+                                    title: [val.attrbutes.facilityName, true],
+                                    children: [
+                                        ["机构简称:", msgParse.test1, 24],
+                                        // ["学校办别:", val.attrbutes.facilityType, 24],
+                                        ["学校类型:", val.attrbutes.type, 24],
+                                        ["所在街镇:", val.attrbutes.streetTown, 24],
+                                        ["地址:", msgParse.address, 24],
+                                        ["法人代表:", val.attrbutes.contact, 24],
+                                        ["手机:", phone.length > 8 ? phone.substring(0, 3) + '****' + phone.substring(phone.length - 3, phone.length) : phone.substring(0, 2) + '***' + phone.substring(phone.length - 3, phone.length), 24],
+                                    ],
+                                }, ];
+                                this.popup(val._attrbutes, arrayList, true)
+                            } else if (val.attrbutes.facilityType == "22") {
+                                let msgParse = JSON.parse(val.attrbutes.extendData)
+                                let arrayList = [{
+                                    title: [val.attrbutes.facilityName, true],
+                                    children: [
+                                        ["单位地址:", msgParse.address, 24],
+                                        ["单位负责人:", val.attrbutes.contact, 24],
+                                        ["负责人电话:", val.attrbutes.contactPhone, 24],
+                                        ["巡检部位:", msgParse.test1, 24],
+                                        ["巡检人员:", msgParse.test2, 24],
+                                        ["巡检情况:", msgParse.test3, 24],
+
+                                    ],
+                                }, ];
+                                this.popup(val._attrbutes, arrayList, true)
+                            } else if (val.attrbutes.type == "物联网设备") {
+                                let arrayList = [{
+                                    title: [val.attrbutes.buildName, true],
+                                    children: [
+                                        ["建筑地址:", val.address, 24],
+                                        ["建筑面积:", val.attrbutes.buildArea, 24],
+                                        ["建筑高度:", val.attrbutes.buildHigh, 24],
+                                        ["地上(层):", val.attrbutes.aboveFloor, 24],
+                                        ["地下(层):", val.attrbutes.underFloor, 24],
+
+
+                                    ],
+                                }, ];
+                                this.popup(val._attrbutes, arrayList, true)
+                            }
+                            return
+                            //消防执法
+                            if (pageType == "enforcement-dynamic") {
+                                if (type == "安全检查单位" || type == "双随机执法单位") {
+                                    this.$axios
+                                        .get(
+                                            this.$api.siaeall.one +
+                                            "?" +
+                                            this.$qs.stringify({
+                                                companyId: val.attrbutes.number,
+                                                companyName: val.attrbutes.name,
+                                            })
+                                        )
+                                        .then((res) => {
+                                            res.data[0].company = val._attrbutes.name;
+                                            res.data[0].streetTown = val._attrbutes.streetTown;
+                                            let arrayList = [{
+                                                    title: [res.data[0].company, res.data[0].company ? true : false],
+                                                    children: [
+                                                        ["单位地址:", res.data[0].companyAddress, 24],
+                                                        ["负责人:", res.data[0].linkPerson, 10],
+                                                        ["联系电话:", res.data[0].linkPhone, 14],
+                                                        ["历史火灾次数:", res.data[0].fireCount, 12],
+
+                                                    ],
+                                                },
+                                                {
+                                                    title: ["行政许可情况", res.data[0].processDate && res.data[0].carefullyCheckDate && res.data[0].securityCheckDates],
+                                                    children: [
+                                                        ["审核时间:", res.data[0].processDate, 12],
+                                                        ["验收时间:", res.data[0].carefullyCheckDate, 12],
+                                                        ["安检时间:", res.data[0].securityCheckDates, 12],
+                                                    ],
+                                                },
+                                                {
+                                                    title: ["历史检查情况", res.data[0].inspectCompany && res.data[0].fireHazard && res.data[0].rectificateFireHazard && res.data[0].punishmentDecision && res.data[0].orderThreeStops && res.data[0].correctionNotice && res.data[0].temporarySeizure && res.data[0].penaltyAmount],
+                                                    children: [
+                                                        ["检查:", res.data[0].inspectCompany + "(家)", 8],
+                                                        ["隐患:", res.data[0].fireHazard + "(起)", 8],
+                                                        ["整改:", res.data[0].rectificateFireHazard + "(起)", 8],
+                                                        ["行罚:", res.data[0].punishmentDecision + "(份)", 8],
+                                                        ["三停:", res.data[0].orderThreeStops + "(家)", 8],
+                                                        ["责改:", res.data[0].correctionNotice + "(份)", 8],
+                                                        ["临封:", res.data[0].temporarySeizure + "(份)", 8],
+                                                        ["罚金:", res.data[0].penaltyAmount + "(万元)", 8],
+                                                    ],
+                                                },
+                                                {
+                                                    title: ["相关火灾情况", res.data[0].fireTime && res.data[0].disposalDuration && res.data[0].burnedArea && res.data[0].fireGrade && res.data[0].mobilizeVehicles && res.data[0].squadron && res.data[0].status && res.data[0].initialFuelType1],
+                                                    children: [
+                                                        ["报警时间:", res.data[0].fireTime, 12],
+                                                        ["处置时长:", res.data[0].disposalDuration, 12],
+                                                        ["过火面积:", res.data[0].burnedArea, 12],
+                                                        ["火灾等级:", res.data[0].fireGrade, 12],
+                                                        ["调动车辆:", res.data[0].mobilizeVehicles + "(辆)", 12],
+                                                        ["所属中队:", res.data[0].squadron, 12],
+                                                        ["状况:", res.data[0].status, 12],
+                                                        ["起火物:", res.data[0].initialFuelType1, 12],
+                                                    ],
+                                                },
+                                            ];
+                                            this.popup(val._attrbutes, arrayList, true)
+                                        });
+                                } else if (type == "举报投诉") {
+                                    let arrayList = [{
+                                        title: [val._attrbutes.name, true],
+                                        children: [
+
+                                        ],
+                                    }]
+                                    this.popup(val._attrbutes, arrayList, true)
+
+                                } else if (type == "执法记录仪") {
+                                    let arrayList = [{
+                                            title: [val._attrbutes.groupName, true],
+                                            children: [
+                                                ["执法人:", val._attrbutes.name, 12],
+                                            ],
+                                            type: type,
+                                            url: val._attrbutes.url,
+                                        },
+
+                                    ]
+                                    this.popup(val._attrbutes, arrayList, true)
+                                } else if (type == "重大火灾隐患") {
+                                    let msgParse = JSON.parse(val.attrbutes.extendData)
+                                    let arrayList = [{
+                                        title: [val.attrbutes.facilityName, true],
+                                        children: [
+                                            ["地址:", val.attrbutes.address, 24],
+                                            ["分类等级:", val.attrbutes.address, 24],
+                                            ["基础信息:", msgParse.test1, 24],
+                                            ["消防安全隐患情况:", msgParse.test2, 24],
+
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                } else if (type == "三合一") {
+                                    let msgParse = JSON.parse(val.attrbutes.extendData)
+                                    let arrayList = [{
+                                        title: [val.attrbutes.facilityName, true],
+                                        children: [
+                                            ["单位地址:", val.attrbutes.address.replace("\t", ""), 24],
+                                            ["单位类别:", "三合一九小场所", 24],
+                                            ["单位法人:", val.attrbutes.facilityName.replace("\t", ""), 24],
+
+                                            ["检查人员姓名:", msgParse.test1, 24],
+                                            ["检查时间:", msgParse.test3, 24],
+                                            ["单位使用性质:", msgParse.test4, 24],
+                                            ["单位所属街道:", msgParse.test8, 24],
+                                            ["消消防安全责任人:", msgParse.test10, 24],
+                                            ["消防安全管理人(联系人):", msgParse.test11, 24],
+                                            ["联系电话(手机):", msgParse.test12, 24],
+                                            ["单位(场所)面积(m²):", msgParse.test17, 24],
+                                            ["地上:", msgParse.test18, 24],
+                                            ["地下:", msgParse.test19, 24],
+                                            ["建筑性质:", msgParse.test21, 24],
+                                            ["建筑结构:", msgParse.test22, 24],
+
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                } else if (type == "本年度重点事项推进情况") {
+                                    let msgParse = JSON.parse(val.attrbutes.extendData)
+                                    let arrayList = [{
+                                        title: [val.attrbutes.facilityName, true],
+                                        children: [
+                                            ["街道名称:", val.attrbutes.streetTown, 24],
+                                            ["地址:", val.attrbutes.address, 24],
+                                            ["状态:", val.attrbutes.status == 1 ? "已完成" : val.attrbutes.status == 2 ? "施工中" : val.attrbutes.status == 3 ? "招标中" : "", 24],
+
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                            }
+
+                            //企业自主
+                            if (pageType == "self-management") {
+                                if (val.attrbutes.type == "重点单位") {
+                                    // this.elementInfo(val.attrbutes, "重点单位")
+                                    console.log(val.attrbutes.companyId,12)
+                                    that.stores.zddwIdSD(val.attrbutes.companyId);
+                                } else if (val.attrbutes.type == "大型综合体") {
+                                    let msgParse = JSON.parse(val.attrbutes.extendData)
+                                    let arrayList = [{
+                                        title: [val.attrbutes.facilityName, true],
+                                        children: [
+                                            ["地址:", val.attrbutes.address, 24],
+                                            ["类型:", val.attrbutes.facilityType == 2 ? "5W平大型商业综合体" : val.attrbutes.facilityType == 3 ? "3-5万平大型商业综合体" : "", 24],
+                                            ["平面布局:", msgParse.planeLayout, 24],
+                                            ["用火用电用气管理:", msgParse.fireGasManage, 24],
+                                            ["油烟管道管理:", msgParse.oilFumeManage, 24],
+                                            ["消防设施:", msgParse.fireFacility, 24],
+                                            ["其他安全管理:", msgParse.otherSecurityManage, 24],
+                                            ["合计汇总:", msgParse.totalSummary, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                } else if (val.attrbutes.type == "中小学" || val.attrbutes.type == "幼儿园" || val.attrbutes.type == "其他学校") {
+                                    let msgParse = JSON.parse(val.attrbutes.extendData)
+                                    let phone = val.attrbutes.contactPhone
+                                    let arrayList = [{
+                                        title: [val.attrbutes.facilityName, true],
+                                        children: [
+                                            ["机构简称:", msgParse.test1, 24],
+                                            // ["学校办别:", val.attrbutes.facilityType, 24],
+                                            ["学校类型:", val.attrbutes.type, 24],
+                                            ["所在街镇:", val.attrbutes.streetTown, 24],
+                                            ["地址:", msgParse.address, 24],
+                                            ["法人代表:", val.attrbutes.contact, 24],
+                                            ["手机:", phone.length > 8 ? phone.substring(0, 3) + '****' + phone.substring(phone.length - 3, phone.length) : phone.substring(0, 2) + '***' + phone.substring(phone.length - 3, phone.length), 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                } else if (val.attrbutes.facilityType == "22") {
+                                    let msgParse = JSON.parse(val.attrbutes.extendData)
+                                    let arrayList = [{
+                                        title: [val.attrbutes.facilityName, true],
+                                        children: [
+                                            ["单位地址:", msgParse.address, 24],
+                                            ["单位负责人:", val.attrbutes.contact, 24],
+                                            ["负责人电话:", val.attrbutes.contactPhone, 24],
+                                            ["巡检部位:", msgParse.test1, 24],
+                                            ["巡检人员:", msgParse.test2, 24],
+                                            ["巡检情况:", msgParse.test3, 24],
+
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                } else if (type == "物联网设备") {
+                                    let arrayList = [{
+                                        title: [val.attrbutes.buildName, true],
+                                        children: [
+                                            ["建筑地址:", val.address, 24],
+                                            ["建筑面积:", val.attrbutes.buildArea, 24],
+                                            ["建筑高度:", val.attrbutes.buildHigh, 24],
+                                            ["地上(层):", val.attrbutes.aboveFloor, 24],
+                                            ["地下(层):", val.attrbutes.underFloor, 24],
+
+
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                } else {
+                                    let arrayList = [{
+                                        title: ["单位详情", val.attrbutes.companyName ? true : false],
+                                        children: [
+                                            ["单位名称:", val.attrbutes.companyName, 24],
+                                            ["单位类型:", val.attrbutes.companyTypeName, 24],
+                                            ["联系电话:", val.attrbutes.linkPhone, 24],
+                                            ["地址:", val.attrbutes.address, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+
+                            }
+                            //大型安保 、火灾数据分析
+                            if (pageType == "security-plan") {
+                                if (type == "鹰眼监控") {
+                                    let arrayList = [{
+                                        title: [val._attrbutes.groupName, true],
+                                        children: [
+                                            ["安装位置:", val._attrbutes.name, 12],
+                                        ],
+                                        type: type,
+                                        url: val._attrbutes.url,
+                                    }]
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                                if (type == "监控视频") {
+                                    let arrayList = [{
+                                        title: ["监控视频", true],
+                                        children: [
+                                            ["监控名称:", val.attrbutes.name, 24],
+                                            ["监控地址:", val.attrbutes.installPlace, 24],
+                                        ],
+                                        url: val.attrbutes.viewUrl,
+                                        id: val.attrbutes.id
+                                    }, ];
+                                    that.stores.jkspChange(arrayList);
+                                }
+                                if (type == "监督检查") {
+                                    let arrayList = [{
+                                        title: ["监督检查", true],
+                                        children: [
+                                            ["检查员名称:", val.attrbutes.checkName, 24],
+                                            ["检查人员所属单位:", val.attrbutes.subordinateCompany, 24],
+                                            ["检查时间:", val.attrbutes.checkTime, 24],
+                                            ["单位类型:", val.attrbutes.companyType, 24],
+                                            ["单位使用性质:", val.attrbutes.companyUseNature, 24],
+                                            ["单位法人:", val.attrbutes.companyName, 24],
+                                            ["单位(场所)实际名称:", val.attrbutes.companyActualName, 24],
+                                            ["网格号:", val.attrbutes.gridNum, 24],
+                                            ["所辖派出所:", val.attrbutes.subordinatePoliceStation, 24],
+                                            ["街镇:", val.attrbutes.street, 24],
+                                            ["单位地址:", val.attrbutes.companyAddress, 24],
+                                            ["消防安全责任人姓名:", val.attrbutes.fireDutyName, 24],
+                                            ["消防安全管理人姓名:", val.attrbutes.fireManageName, 24],
+                                            ["联系电话:", val.attrbutes.phone, 24],
+                                            // ["隐患图片:", val.attrbutes.hiddImage ? JSON.parse(val.attrbutes.hiddImage) : NULL, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                                //疏导区单位情况----------------------
+                                if (type == "养老机构") {
+                                    let msgParse = JSON.parse(val.attrbutes.extendData)
+                                    let arrayList = [{
+                                        title: [type, true],
+                                        children: [
+                                            ["单位名称:", val.attrbutes.facilityName, 24],
+                                            ["地址:", val.attrbutes.address, 24],
+                                            ["所属街镇:", val.attrbutes.streetTown, 24],
+                                            ["联系人:", val.attrbutes.contact, 24],
+                                            ["联系电话:", val.attrbutes.contactPhone, 24],
+                                            ["消防安全隐患清单:", msgParse.test1, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                                if (type == "医疗机构") {
+                                    let msgParse = JSON.parse(val.attrbutes.extendData)
+                                    let arrayList = [{
+                                        title: [type, true],
+                                        children: [
+                                            ["单位名称:", val.attrbutes.facilityName, 24],
+                                            ["地址:", val.attrbutes.address, 24],
+                                            ["联系人:", val.attrbutes.contact, 24],
+                                            ["联系电话:", val.attrbutes.contactPhone, 24],
+                                            ["所属街镇:", val.attrbutes.streetTown, 24],
+                                            ["单位消防基础信息:", msgParse.test1, 24],
+                                            ["消防安全隐患清单:", msgParse.test2, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                                if (type == "寄宿学校") {
+                                    let msgParse = JSON.parse(val.attrbutes.extendData)
+                                    let arrayList = [{
+                                        title: [type, true],
+                                        children: [
+                                            ["单位名称:", val.attrbutes.facilityName, 24],
+                                            ["地址:", val.attrbutes.address, 24],
+                                            ["联系人:", val.attrbutes.contact, 24],
+                                            ["联系电话:", val.attrbutes.contactPhone, 24],
+                                            ["所属街镇:", val.attrbutes.streetTown, 24],
+                                            ["人员规模:", msgParse.test1, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                                if (type == "在建工地") {
+                                    let arrayList = [{
+                                        title: [type, true],
+                                        children: [
+                                            ["单位名称:", val.attrbutes.facilityName, 24],
+                                            ["地址:", val.attrbutes.address, 24],
+                                            ["联系人:", val.attrbutes.contact, 24],
+                                            ["联系电话:", val.attrbutes.contactPhone, 24],
+                                            ["所属街镇:", val.attrbutes.streetTown, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                                if (type == "流动消防站(一级)") {
+                                    let msgParse = JSON.parse(val.attrbutes.extendData)
+                                    let arrayList = [{
+                                        title: [type, true],
+                                        children: [
+                                            ["街镇:", val.attrbutes.streetTown, 24],
+                                            ["驻防位置:", val.attrbutes.address, 24],
+                                            ["保卫区域:", val.attrbutes.facilityName, 24],
+                                            ["负责人:", val.attrbutes.contact, 24],
+                                            ["联系电话:", val.attrbutes.contactPhone, 24],
+                                            ["支队:", msgParse.test1, 24],
+                                            ["辖区中队:", msgParse.test2, 24],
+                                            ["驻防车辆:", msgParse.test3, 24],
+                                            ["车型/跟车人数:", `${msgParse.test4}/ ${msgParse.test5}`, 24],
+                                            ["设立原因:", msgParse.test6, 24],
+                                            ["驻防时间:", msgParse.test7, 24],
+                                            ["视频设备编号:", msgParse.test8, 24],
+                                            ["跟车人员姓名及岗位1:", (msgParse.test10 || msgParse.test9) ? `${msgParse.test10} ${msgParse.test9}` : "", 24],
+                                            ["跟车人员姓名及岗位2:", (msgParse.test12 || msgParse.test11) ? `${msgParse.test12} ${msgParse.test11}` : "", 24],
+                                            ["跟车人员姓名及岗位3:", (msgParse.test14 || msgParse.test13) ? `${msgParse.test14} ${msgParse.test13}` : "", 24],
+                                            ["跟车人员姓名及岗位4:", (msgParse.test16 || msgParse.test15) ? `${msgParse.test16} ${msgParse.test15}` : "", 24],
+                                            ["跟车人员姓名及岗位5:", (msgParse.test18 || msgParse.test17) ? `${msgParse.test18} ${msgParse.test17}` : "", 24],
+                                            ["跟车人员姓名及岗位6:", (msgParse.test20 || msgParse.test19) ? `${msgParse.test20} ${msgParse.test19}` : "", 24],
+                                            ["跟车人员姓名及岗位7:", (msgParse.test22 || msgParse.test21) ? `${msgParse.test22} ${msgParse.test21}` : "", 24],
+                                            ["户号:", msgParse.test23, 24],
+                                            ["车型:", msgParse.test24, 24],
+                                            ["车辆号牌:", msgParse.test25, 24],
+                                            ["所属单位:", msgParse.test26, 24],
+                                            ["电台呼号:", msgParse.test27, 24],
+                                            ["车辆类型:", (msgParse.test28 || msgParse.test29 || msgParse.test30 || msgParse.test31 || msgParse.test32) ? `${msgParse.test28} ${msgParse.test29} ${msgParse.test30} ${msgParse.test31} ${msgParse.test32}` : "", 24],
+                                            ["总质量:", msgParse.test33, 24],
+                                            ["乘员数:", msgParse.test34, 24],
+
+                                            ["云梯高度(米)、油箱容量(升):", (msgParse.test35 || msgParse.test3) ? `${msgParse.test35} 、${msgParse.test36}` : '', 24],
+                                            ["发动机功率(千瓦):", msgParse.test37, 24],
+                                            ["水泵流量(升/分钟):", msgParse.test38, 24],
+
+                                            ["泡沫流量(升/分钟):", msgParse.test39, 24],
+                                            ["水箱容量(吨):", msgParse.test40, 24],
+
+                                            ["名称修改为(载水量):", msgParse.test41, 24],
+                                            ["泡沫容量(吨):", msgParse.test42, 24],
+
+
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                                if (type == "流动消防站(二级)") {
+                                    let msgParse = JSON.parse(val.attrbutes.extendData)
+                                    let arrayList = [{
+                                        title: [type, true],
+                                        children: [
+                                            ["街镇:", val.attrbutes.streetTown, 24],
+                                            ["驻防位置:", val.attrbutes.address, 24],
+                                            ["保卫区域:", val.attrbutes.facilityName, 24],
+                                            ["负责人:", val.attrbutes.contact, 24],
+                                            ["联系电话:", val.attrbutes.contactPhone, 24],
+                                            ["人数:", msgParse.test1, 24],
+                                            ["设立原因:", msgParse.test2, 24],
+                                            ["驻防时间:", msgParse.test3, 24],
+                                            ["定位设备编号:", msgParse.test4, 24],
+                                            ["对讲设备编号:", msgParse.test5, 24],
+                                            ["跟车人员姓名及岗位:", (msgParse.test7 || msgParse.test6) ? `${msgParse.test7} ${msgParse.test6}` : "", 24],
+                                            ["跟车人员姓名及岗位:", (msgParse.test9 || msgParse.test8) ? `${msgParse.test9} ${msgParse.test8}` : "", 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                                if (type == "重点微型消防站") {
+                                    let msgParse = JSON.parse(val.attrbutes.extendData)
+                                    let arrayList = [{
+                                        title: [val.attrbutes.facilityName, true],
+                                        children: [
+                                            ["街镇:", val.attrbutes.streetTown, 24],
+                                            ["地址:", val.attrbutes.address, 24],
+                                            ["名称:", val.attrbutes.facilityName, 24],
+                                            ["负责人:", val.attrbutes.contact, 24],
+                                            ["联系电话:", val.attrbutes.contactPhone, 24],
+
+                                            ["支队:", msgParse.test1, 24],
+                                            ["性质:", msgParse.test2, 24],
+                                            ["固定电话:", msgParse.test3, 24],
+                                            ["是否配备电动车:", msgParse.test5, 24],
+                                            ["备注:", msgParse.test6, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                                if (type == "宾馆酒店" || type == "酒店/宾馆") {
+                                    let msgParse = JSON.parse(val.attrbutes.extendData)
+                                    let arrayList = [{
+                                        title: [type, true],
+                                        children: [
+                                            ["宾馆酒店名称:", val.attrbutes.facilityName, 24],
+                                            ["街镇:", val.attrbutes.streetTown, 24],
+                                            ["地址:", val.attrbutes.address, 24],
+                                            ["联系人:", val.attrbutes.contact, 24],
+                                            ["联系电话:", val.attrbutes.contactPhone, 24],
+                                            ["房间数:", msgParse.test1, 24],
+                                            ["房间数/床位数:", msgParse.test2, 24],
+                                            ["消防管理人(经理):", msgParse.test3, 24],
+                                            ["联系电话:", msgParse.test4, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                                if (type == "地铁站") {
+                                    let msgParse = JSON.parse(val.attrbutes.extendData)
+                                    let arrayList = [{
+                                        title: [type, true],
+                                        children: [
+                                            ["地铁站名称:", val.attrbutes.facilityName, 24],
+                                            ["街镇:", val.attrbutes.streetTown, 24],
+                                            ["描述:", msgParse.test1, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                                if (type == "大型综合体") {
+                                    let msgParse = JSON.parse(val.attrbutes.extendData)
+                                    let arrayList = [{
+                                        title: [type, true],
+                                        children: [
+                                            ["单位名称:", val.attrbutes.facilityName, 24],
+                                            ["街镇:", val.attrbutes.streetTown, 24],
+                                            ["地址:", val.attrbutes.address, 24],
+                                            ["占地面积:", msgParse.test1, 24],
+                                            ["建筑面积:", msgParse.test2, 24],
+                                            ["类别:", msgParse.test3, 24],
+                                            ["联系人:", msgParse.test4, 24],
+                                            ["联系方式:", msgParse.test5, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                                if (type == "厂房仓库" || type == "厂房/仓库") {
+                                    let msgParse = JSON.parse(val.attrbutes.extendData)
+                                    let arrayList = [{
+                                        title: [type, true],
+                                        children: [
+                                            ["单位名称:", val.attrbutes.facilityName, 24],
+                                            ["街镇:", val.attrbutes.streetTown, 24],
+                                            ["地址:", val.attrbutes.address, 24],
+                                            ["名称:",msgParse.test1, 24],
+                                            ["名称:",msgParse.test2, 24],
+                                            ["联系人/联系方式:", msgParse.test3, 24],
+                                            ["联系人/联系方式:", msgParse.test4, 24],
+                                            ["名称:", msgParse.test5, 24],
+                                            ["总建筑面积:", msgParse.test6 ? msgParse.test6 : "-" + "(㎡)", 24],
+                                            ["建筑产权所有人性质:", msgParse.test7, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                                if (type == "批发市场") {
+                                    // let msgParse = JSON.parse(val.attrbutes.extendData)
+                                    let arrayList = [{
+                                        title: [type, true],
+                                        children: [
+                                            ["单位名称:", val.attrbutes.facilityName, 24],
+                                            ["街镇:", val.attrbutes.streetTown, 24],
+                                            ["地址:", val.attrbutes.address, 24],
+                                            ["联系人:", val.attrbutes.contact, 24],
+                                            ["联系电话:", val.attrbutes.contactPhone, 24],
+
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                                if (type == "规模租赁") {
+                                    let msgParse = JSON.parse(val.attrbutes.extendData)
+                                    let arrayList = [{
+                                        title: [type, true],
+                                        children: [
+                                            ["单位名称:", val.attrbutes.facilityName, 24],
+                                            ["街镇:", val.attrbutes.streetTown, 24],
+                                            ["地址:", val.attrbutes.address, 24],
+                                            ["联系人:", val.attrbutes.contact, 24],
+                                            ["联系电话:", val.attrbutes.contactPhone, 24],
+                                            ["建筑面积:", msgParse.test1 + "㎡", 24],
+                                            ["房间数量(间):", msgParse.test2, 24],
+                                            ["运营公司:", msgParse.test8, 24],
+                                            ["建筑属性:", msgParse.test9, 24],
+                                            ["房间数量:", msgParse.test3, 24],
+                                            ["面积㎡:", msgParse.test4 ? msgParse.test4 : 0 , 24],
+                                            ["租户:", msgParse.test5, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                                if (type == "三合一场所") {
+                                    let msgParse = JSON.parse(val.attrbutes.extendData)
+                                    let arrayList = [{
+                                        title: [type, true],
+                                        children: [
+                                            ["单位名称:", val.attrbutes.facilityName, 24],
+                                            ["街镇:", val.attrbutes.streetTown, 24],
+                                            ["地址:", val.attrbutes.address, 24],
+                                            ["联系人:", val.attrbutes.contact, 24],
+                                            ["联系电话:", val.attrbutes.contactPhone, 24],
+                                            ["住宿人员数量:", msgParse.test1, 24],
+                                            ["是否整改:", msgParse.test2, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                                //     if (type == "重点微型消防站") {
+                                //         let msgParse = JSON.parse(val.attrbutes.extendData)
+                                //         console.log(msgParse)
+                                //         let arrayList = [{
+                                //             title: [type, true],
+                                //             children: [
+                                //                 ["单位名称:", val.attrbutes.facilityName, 24],
+                                //                 ["街镇:", val.attrbutes.streetTown, 24],
+                                //                 ["地址:", val.attrbutes.address, 24],
+                                //                 ["联系人:", val.attrbutes.contact, 24],
+                                //                 ["联系电话:", val.attrbutes.contactPhone, 24],
+                                //                 ["支队:", msgParse.test1, 24],
+                                //                 ["性质:", msgParse.test2, 24],
+                                //                 ["固定电话:", msgParse.test3, 24],
+                                //                 ["是否配备电动车:", msgParse.test5, 24],
+                                //                 ["备注:", msgParse.test6, 24],
+
+                                //             ],
+                                //         }, ];
+                                //         console.log(arrayList)
+                                //         this.popup(val._attrbutes, arrayList, true)
+                                //     }
+                                //疏导区单位情况----------------------
+                                //四色分级 和  重大火灾隐患
+                                if (type == "重大火灾隐患" || type == "高风险" || type == "较高风险" || type == "一般风险" || type == "低风险" || type == "新消监" && val.attrbutes.facilityType == 39) {
+                                    //九小场所
+                                    if (val.attrbutes.facilityType == 39) {
+                                        this.$axios.post(this.$api.water.baseGgpFacilityList, {
+                                            "facilityType": [39],
+                                            "id": val.attrbutes.id,
+                                        }).then((res) => {
+                                            let msgParse = JSON.parse(res.data[0].extendData)
+                                            let arrayList = [{
+                                                title: [res.data[0].facilityName, true],
+                                                children: [
+                                                    ["所属街镇:", res.data[0].streetTown, 12],
+                                                    ["网格号:", msgParse.facilityNum, 12],
+                                                    ["位置:", res.data[0].address, 24],
+                                                    ["统一社会代码:", msgParse.test5, 24],
+                                                    ["场所面积:", msgParse.test7, 12],
+                                                    ["安全责任人:", res.data[0].contact, 12],
+                                                    ["安全管理人:", msgParse.test6, 12],
+                                                    ["单位类型:", msgParse.test3, 12],
+                                                    ["单位使用性质:", msgParse.test4, 12],
+                                                    ["建筑性质:", msgParse.test8, 12],
+                                                    ["建筑结构:", msgParse.test9, 12],
+                                                    // ["隐患扣分:", msgParse.test111, 12],
+                                                    //     ["隐患等级:", res.data[0].address, 24],
+                                                    ["风险等级:", msgParse.test112, 12],
+
+                                                    ["隐患问题:", msgParse.test10 == '有此类问题' ? '存在灭火器材未保持完的情况' : '', 12],
+                                                    ["具体情形:", msgParse.test10 == '有此类问题' ? msgParse.test11 : '', 12],
+                                                    ["整改情况:", msgParse.test10 == '有此类问题' ? msgParse.test12 : '', 12],
+                                                    ["隐患问题:", msgParse.test13 == '有此类问题' ? '存在违规住人“三合一”行为' : '', 12],
+                                                    ["具体情形:", msgParse.test13 == '有此类问题' ? msgParse.test14 : '', 12],
+                                                    ["整改情况:", msgParse.test13 == '有此类问题' ? msgParse.test15 : '', 12],
+                                                    ["隐患问题:", msgParse.test16 == '有此类问题' ? '存在违规使用明火、电焊或私拉乱接电线 的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test16 == '有此类问题' ? msgParse.test17 : '', 12],
+                                                    ["整改情况:", msgParse.test16 == '有此类问题' ? msgParse.test18 : '', 12],
+                                                    ["隐患问题:", msgParse.test19 == '有此类问题' ? '存在应急照明、疏散指示标志损坏或缺失的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test19 == '有此类问题' ? msgParse.test20 : '', 12],
+                                                    ["整改情况:", msgParse.test19 == '有此类问题' ? msgParse.test21 : '', 12],
+                                                    ["隐患问题:", msgParse.test22 == '有此类问题' ? '存在违规占用疏散通道、安全出口的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test22 == '有此类问题' ? msgParse.test23 : '', 12],
+                                                    ["整改情况:", msgParse.test22 == '有此类问题' ? msgParse.test24 : '', 12],
+                                                    ["隐患问题:", msgParse.test25 == '有此类问题' ? '存在电动自行车违规停放、充电的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test25 == '有此类问题' ? msgParse.test26 : '', 12],
+                                                    ["整改情况:", msgParse.test25 == '有此类问题' ? msgParse.test27 : '', 12],
+                                                    ["隐患问题:", msgParse.test28 == '有此类问题' ? '存在电动自行车违规停放、充电的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test28 == '有此类问题' ? msgParse.test29 : '', 12],
+                                                    ["整改情况:", msgParse.test28 == '有此类问题' ? msgParse.test30 : '', 12],
+                                                    ["隐患问题:", msgParse.test31 == '有此类问题' ? '存在电动自行车违规停放、充电的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test31 == '有此类问题' ? msgParse.test32 : '', 12],
+                                                    ["整改情况:", msgParse.test31 == '有此类问题' ? msgParse.test33 : '', 12],
+                                                    ["隐患问题:", msgParse.test34 == '有此类问题' ? '存在消防设施未保持完好有效的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test34 == '有此类问题' ? msgParse.test35 : '', 12],
+                                                    ["整改情况:", msgParse.test34 == '有此类问题' ? msgParse.test36 : '', 12],
+                                                    ["隐患问题:", msgParse.test37 == '有此类问题' ? '存在违规设置影响逃生和灭火救援的障碍物' : '', 12],
+                                                    ["具体情形:", msgParse.test37 == '有此类问题' ? msgParse.test38 : '', 12],
+                                                    ["整改情况:", msgParse.test37 == '有此类问题' ? msgParse.test39 : '', 12],
+                                                    ["隐患问题:", msgParse.test40 == '有此类问题' ? '存在疏散通道、安全出口数量设置不符合要求的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test40 == '有此类问题' ? msgParse.test41 : '', 12],
+                                                    ["整改情况:", msgParse.test40 == '有此类问题' ? msgParse.test42 : '', 12],
+                                                    ["隐患问题:", msgParse.test43 == '有此类问题' ? '存在火灾报警系统未保持完好有效的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test43 == '有此类问题' ? msgParse.test44 : '', 12],
+                                                    ["整改情况:", msgParse.test43 == '有此类问题' ? msgParse.test45 : '', 12],
+                                                    ["隐患问题:", msgParse.test46 == '有此类问题' ? '存在擅自停用消防设施的违法行为' : '', 12],
+                                                    ["具体情形:", msgParse.test46 == '有此类问题' ? msgParse.test47 : '', 12],
+                                                    ["整改情况:", msgParse.test46 == '有此类问题' ? msgParse.test48 : '', 12],
+                                                    ["隐患问题:", msgParse.test49 == '有此类问题' ? '存在火灾报警联动控制系统未保持有效的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test49 == '有此类问题' ? msgParse.test50 : '', 12],
+                                                    ["整改情况:", msgParse.test49 == '有此类问题' ? msgParse.test51 : '', 12],
+                                                    ["隐患问题:", msgParse.test52 == '有此类问题' ? '存在违规使用可燃材料装修的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test52 == '有此类问题' ? msgParse.test53 : '', 12],
+                                                    ["整改情况:", msgParse.test52 == '有此类问题' ? msgParse.test54 : '', 12],
+                                                    ["隐患问题:", msgParse.test55 == '有此类问题' ? '存在违规使用可燃材料搭建临时建筑的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test55 == '有此类问题' ? msgParse.test56 : '', 12],
+                                                    ["整改情况:", msgParse.test55 == '有此类问题' ? msgParse.test57 : '', 12],
+                                                    ["隐患问题:", msgParse.test58 == '有此类问题' ? '存在未按规范设置防火分隔的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test58 == '有此类问题' ? msgParse.test59 : '', 12],
+                                                    ["整改情况:", msgParse.test58 == '有此类问题' ? msgParse.test60 : '', 12],
+                                                    ["隐患问题:", msgParse.test61 == '有此类问题' ? '存在防火隔墙、防火卷帘、防火门等防火分隔设施损坏或缺失的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test61 == '有此类问题' ? msgParse.test62 : '', 12],
+                                                    ["整改情况:", msgParse.test61 == '有此类问题' ? msgParse.test63 : '', 12],
+                                                    ["隐患问题:", msgParse.test64 == '有此类问题' ? '存在常闭式防火门未保持常闭状态的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test64 == '有此类问题' ? msgParse.test65 : '', 12],
+                                                    ["整改情况:", msgParse.test64 == '有此类问题' ? msgParse.test66 : '', 12],
+                                                    ["隐患问题:", msgParse.test67 == '有此类问题' ? '存在未按规范要求做好防火封堵的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test67 == '有此类问题' ? msgParse.test68 : '', 12],
+                                                    ["整改情况:", msgParse.test67 == '有此类问题' ? msgParse.test69 : '', 12],
+                                                    ["隐患问题:", msgParse.test70 == '有此类问题' ? '存在违规使用、储存易燃易爆危险品的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test70 == '有此类问题' ? msgParse.test71 : '', 12],
+                                                    ["整改情况:", msgParse.test70 == '有此类问题' ? msgParse.test72 : '', 12],
+                                                    ["隐患问题:", msgParse.test73 == '有此类问题' ? '存在公共娱乐场所违规使用可燃材料装修的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test73 == '有此类问题' ? msgParse.test74 : '', 12],
+                                                    ["整改情况:", msgParse.test73 == '有此类问题' ? msgParse.test75 : '', 12],
+                                                    ["隐患问题:", msgParse.test76 == '有此类问题' ? '存在违规存放易燃可燃物品的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test76 == '有此类问题' ? msgParse.test77 : '', 12],
+                                                    ["整改情况:", msgParse.test76 == '有此类问题' ? msgParse.test78 : '', 12],
+                                                    ["隐患问题:", msgParse.test79 == '有此类问题' ? '存在违规存放易燃可燃物品的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test79 == '有此类问题' ? msgParse.test80 : '', 12],
+                                                    ["整改情况:", msgParse.test79 == '有此类问题' ? msgParse.test81 : '', 12],
+                                                    ["隐患问题:", msgParse.test82 == '有此类问题' ? '存在未明确消防安全责任人、管理人及其职责的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test82 == '有此类问题' ? msgParse.test83 : '', 12],
+                                                    ["整改情况:", msgParse.test82 == '有此类问题' ? msgParse.test84 : '', 12],
+                                                    ["隐患问题:", msgParse.test85 == '有此类问题' ? '存在消防控制室值班人员未能够熟练操作设施设备的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test85 == '有此类问题' ? msgParse.test86 : '', 12],
+                                                    ["整改情况:", msgParse.test85 == '有此类问题' ? msgParse.test87 : '', 12],
+                                                    ["隐患问题:", msgParse.test88 == '有此类问题' ? '微型消防站队员未能掌握初步处置初期火灾的能力' : '', 12],
+                                                    ["具体情形:", msgParse.test88 == '有此类问题' ? msgParse.test89 : '', 12],
+                                                    ["整改情况:", msgParse.test88 == '有此类问题' ? msgParse.test90 : '', 12],
+                                                    ["隐患问题:", msgParse.test91 == '有此类问题' ? '防火巡查制度未落实' : '', 12],
+                                                    ["具体情形:", msgParse.test91 == '有此类问题' ? msgParse.test92 : '', 12],
+                                                    ["整改情况:", msgParse.test91 == '有此类问题' ? msgParse.test93 : '', 12],
+                                                    ["隐患问题:", msgParse.test94 == '有此类问题' ? '单位对于隐患问题未能及时落实安全防范措施' : '', 12],
+                                                    ["具体情形:", msgParse.test94 == '有此类问题' ? msgParse.test95 : '', 12],
+                                                    ["整改情况:", msgParse.test94 == '有此类问题' ? msgParse.test96 : '', 12],
+                                                    ["隐患问题:", msgParse.test97 == '有此类问题' ? '单位员工未能熟练掌握“一懂三会”' : '', 12],
+                                                    ["具体情形:", msgParse.test97 == '有此类问题' ? msgParse.test98 : '', 12],
+                                                    ["整改情况:", msgParse.test97 == '有此类问题' ? msgParse.test99 : '', 12],
+                                                    ["隐患问题:", msgParse.test100 == '有此类问题' ? '单位员工未能熟练掌握“一懂三会”' : '', 12],
+                                                    ["具体情形:", msgParse.test100 == '有此类问题' ? msgParse.test101 : '', 12],
+                                                    ["整改情况:", msgParse.test100 == '有此类问题' ? msgParse.test102 : '', 12],
+                                                    ["隐患问题:", msgParse.test103 == '有此类问题' ? '单位未定期开展建筑消防设施检测和维护保养' : '', 12],
+                                                    ["具体情形:", msgParse.test103 == '有此类问题' ? msgParse.test104 : '', 12],
+                                                    ["整改情况:", msgParse.test103 == '有此类问题' ? msgParse.test105 : '', 12],
+                                                    ["隐患问题:", msgParse.test106 == '有此类问题' ? '其他火灾隐患或消防违法行为' : '', 12],
+                                                    ["具体情形:", msgParse.test106 == '有此类问题' ? msgParse.test107 : '', 12],
+                                                    ["整改情况:", msgParse.test106 == '有此类问题' ? msgParse.test108 : '', 12],
+
+
+                                                ],
+                                            }, ];
+                                            this.popup(val._attrbutes, arrayList, true)
+                                        })
+                                    }
+
+                                }
+                                //沿街门面
+                                if (type == "沿街门面") {
+                                    //九小场所
+                                    if (val.attrbutes.facilityType == 39) {
+                                        this.$axios.post(this.$api.water.baseGgpFacilityList, {
+                                            "facilityType": [39],
+                                            "id": val.attrbutes.id,
+                                        }).then((res) => {
+                                            let msgParse = JSON.parse(res.data[0].extendData)
+                                            let arrayList = [{
+                                                title: [type, true],
+                                                children: [
+                                                    ["名称:", res.data[0].facilityName, 12],
+                                                    ["所属街镇:", res.data[0].streetTown, 12],
+                                                    ["网格号:", msgParse.facilityNum, 12],
+                                                    ["位置:", res.data[0].address, 24],
+                                                    ["统一社会代码:", msgParse.test5, 24],
+                                                    ["场所面积:", msgParse.test7, 12],
+                                                    ["安全责任人:", res.data[0].contact, 12],
+                                                    ["安全管理人:", msgParse.test6, 12],
+                                                    ["单位类型:", msgParse.test3, 12],
+                                                    ["单位使用性质:", msgParse.test4, 12],
+                                                    ["建筑性质:", msgParse.test8, 12],
+                                                    ["建筑结构:", msgParse.test9, 12],
+                                                    // ["隐患扣分:", msgParse.test111, 12],
+                                                    //     ["隐患等级:", res.data[0].address, 24],
+                                                    ["风险等级:", msgParse.test112, 12],
+
+                                                    ["隐患问题:", msgParse.test10 == '有此类问题' ? '存在灭火器材未保持完的情况' : '', 12],
+                                                    ["具体情形:", msgParse.test10 == '有此类问题' ? msgParse.test11 : '', 12],
+                                                    ["整改情况:", msgParse.test10 == '有此类问题' ? msgParse.test12 : '', 12],
+                                                    ["隐患问题:", msgParse.test13 == '有此类问题' ? '存在违规住人“三合一”行为' : '', 12],
+                                                    ["具体情形:", msgParse.test13 == '有此类问题' ? msgParse.test14 : '', 12],
+                                                    ["整改情况:", msgParse.test13 == '有此类问题' ? msgParse.test15 : '', 12],
+                                                    ["隐患问题:", msgParse.test16 == '有此类问题' ? '存在违规使用明火、电焊或私拉乱接电线 的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test16 == '有此类问题' ? msgParse.test17 : '', 12],
+                                                    ["整改情况:", msgParse.test16 == '有此类问题' ? msgParse.test18 : '', 12],
+                                                    ["隐患问题:", msgParse.test19 == '有此类问题' ? '存在应急照明、疏散指示标志损坏或缺失的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test19 == '有此类问题' ? msgParse.test20 : '', 12],
+                                                    ["整改情况:", msgParse.test19 == '有此类问题' ? msgParse.test21 : '', 12],
+                                                    ["隐患问题:", msgParse.test22 == '有此类问题' ? '存在违规占用疏散通道、安全出口的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test22 == '有此类问题' ? msgParse.test23 : '', 12],
+                                                    ["整改情况:", msgParse.test22 == '有此类问题' ? msgParse.test24 : '', 12],
+                                                    ["隐患问题:", msgParse.test25 == '有此类问题' ? '存在电动自行车违规停放、充电的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test25 == '有此类问题' ? msgParse.test26 : '', 12],
+                                                    ["整改情况:", msgParse.test25 == '有此类问题' ? msgParse.test27 : '', 12],
+                                                    ["隐患问题:", msgParse.test28 == '有此类问题' ? '存在电动自行车违规停放、充电的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test28 == '有此类问题' ? msgParse.test29 : '', 12],
+                                                    ["整改情况:", msgParse.test28 == '有此类问题' ? msgParse.test30 : '', 12],
+                                                    ["隐患问题:", msgParse.test31 == '有此类问题' ? '存在电动自行车违规停放、充电的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test31 == '有此类问题' ? msgParse.test32 : '', 12],
+                                                    ["整改情况:", msgParse.test31 == '有此类问题' ? msgParse.test33 : '', 12],
+                                                    ["隐患问题:", msgParse.test34 == '有此类问题' ? '存在消防设施未保持完好有效的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test34 == '有此类问题' ? msgParse.test35 : '', 12],
+                                                    ["整改情况:", msgParse.test34 == '有此类问题' ? msgParse.test36 : '', 12],
+                                                    ["隐患问题:", msgParse.test37 == '有此类问题' ? '存在违规设置影响逃生和灭火救援的障碍物' : '', 12],
+                                                    ["具体情形:", msgParse.test37 == '有此类问题' ? msgParse.test38 : '', 12],
+                                                    ["整改情况:", msgParse.test37 == '有此类问题' ? msgParse.test39 : '', 12],
+                                                    ["隐患问题:", msgParse.test40 == '有此类问题' ? '存在疏散通道、安全出口数量设置不符合要求的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test40 == '有此类问题' ? msgParse.test41 : '', 12],
+                                                    ["整改情况:", msgParse.test40 == '有此类问题' ? msgParse.test42 : '', 12],
+                                                    ["隐患问题:", msgParse.test43 == '有此类问题' ? '存在火灾报警系统未保持完好有效的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test43 == '有此类问题' ? msgParse.test44 : '', 12],
+                                                    ["整改情况:", msgParse.test43 == '有此类问题' ? msgParse.test45 : '', 12],
+                                                    ["隐患问题:", msgParse.test46 == '有此类问题' ? '存在擅自停用消防设施的违法行为' : '', 12],
+                                                    ["具体情形:", msgParse.test46 == '有此类问题' ? msgParse.test47 : '', 12],
+                                                    ["整改情况:", msgParse.test46 == '有此类问题' ? msgParse.test48 : '', 12],
+                                                    ["隐患问题:", msgParse.test49 == '有此类问题' ? '存在火灾报警联动控制系统未保持有效的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test49 == '有此类问题' ? msgParse.test50 : '', 12],
+                                                    ["整改情况:", msgParse.test49 == '有此类问题' ? msgParse.test51 : '', 12],
+                                                    ["隐患问题:", msgParse.test52 == '有此类问题' ? '存在违规使用可燃材料装修的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test52 == '有此类问题' ? msgParse.test53 : '', 12],
+                                                    ["整改情况:", msgParse.test52 == '有此类问题' ? msgParse.test54 : '', 12],
+                                                    ["隐患问题:", msgParse.test55 == '有此类问题' ? '存在违规使用可燃材料搭建临时建筑的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test55 == '有此类问题' ? msgParse.test56 : '', 12],
+                                                    ["整改情况:", msgParse.test55 == '有此类问题' ? msgParse.test57 : '', 12],
+                                                    ["隐患问题:", msgParse.test58 == '有此类问题' ? '存在未按规范设置防火分隔的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test58 == '有此类问题' ? msgParse.test59 : '', 12],
+                                                    ["整改情况:", msgParse.test58 == '有此类问题' ? msgParse.test60 : '', 12],
+                                                    ["隐患问题:", msgParse.test61 == '有此类问题' ? '存在防火隔墙、防火卷帘、防火门等防火分隔设施损坏或缺失的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test61 == '有此类问题' ? msgParse.test62 : '', 12],
+                                                    ["整改情况:", msgParse.test61 == '有此类问题' ? msgParse.test63 : '', 12],
+                                                    ["隐患问题:", msgParse.test64 == '有此类问题' ? '存在常闭式防火门未保持常闭状态的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test64 == '有此类问题' ? msgParse.test65 : '', 12],
+                                                    ["整改情况:", msgParse.test64 == '有此类问题' ? msgParse.test66 : '', 12],
+                                                    ["隐患问题:", msgParse.test67 == '有此类问题' ? '存在未按规范要求做好防火封堵的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test67 == '有此类问题' ? msgParse.test68 : '', 12],
+                                                    ["整改情况:", msgParse.test67 == '有此类问题' ? msgParse.test69 : '', 12],
+                                                    ["隐患问题:", msgParse.test70 == '有此类问题' ? '存在违规使用、储存易燃易爆危险品的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test70 == '有此类问题' ? msgParse.test71 : '', 12],
+                                                    ["整改情况:", msgParse.test70 == '有此类问题' ? msgParse.test72 : '', 12],
+                                                    ["隐患问题:", msgParse.test73 == '有此类问题' ? '存在公共娱乐场所违规使用可燃材料装修的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test73 == '有此类问题' ? msgParse.test74 : '', 12],
+                                                    ["整改情况:", msgParse.test73 == '有此类问题' ? msgParse.test75 : '', 12],
+                                                    ["隐患问题:", msgParse.test76 == '有此类问题' ? '存在违规存放易燃可燃物品的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test76 == '有此类问题' ? msgParse.test77 : '', 12],
+                                                    ["整改情况:", msgParse.test76 == '有此类问题' ? msgParse.test78 : '', 12],
+                                                    ["隐患问题:", msgParse.test79 == '有此类问题' ? '存在违规存放易燃可燃物品的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test79 == '有此类问题' ? msgParse.test80 : '', 12],
+                                                    ["整改情况:", msgParse.test79 == '有此类问题' ? msgParse.test81 : '', 12],
+                                                    ["隐患问题:", msgParse.test82 == '有此类问题' ? '存在未明确消防安全责任人、管理人及其职责的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test82 == '有此类问题' ? msgParse.test83 : '', 12],
+                                                    ["整改情况:", msgParse.test82 == '有此类问题' ? msgParse.test84 : '', 12],
+                                                    ["隐患问题:", msgParse.test85 == '有此类问题' ? '存在消防控制室值班人员未能够熟练操作设施设备的行为' : '', 12],
+                                                    ["具体情形:", msgParse.test85 == '有此类问题' ? msgParse.test86 : '', 12],
+                                                    ["整改情况:", msgParse.test85 == '有此类问题' ? msgParse.test87 : '', 12],
+                                                    ["隐患问题:", msgParse.test88 == '有此类问题' ? '微型消防站队员未能掌握初步处置初期火灾的能力' : '', 12],
+                                                    ["具体情形:", msgParse.test88 == '有此类问题' ? msgParse.test89 : '', 12],
+                                                    ["整改情况:", msgParse.test88 == '有此类问题' ? msgParse.test90 : '', 12],
+                                                    ["隐患问题:", msgParse.test91 == '有此类问题' ? '防火巡查制度未落实' : '', 12],
+                                                    ["具体情形:", msgParse.test91 == '有此类问题' ? msgParse.test92 : '', 12],
+                                                    ["整改情况:", msgParse.test91 == '有此类问题' ? msgParse.test93 : '', 12],
+                                                    ["隐患问题:", msgParse.test94 == '有此类问题' ? '单位对于隐患问题未能及时落实安全防范措施' : '', 12],
+                                                    ["具体情形:", msgParse.test94 == '有此类问题' ? msgParse.test95 : '', 12],
+                                                    ["整改情况:", msgParse.test94 == '有此类问题' ? msgParse.test96 : '', 12],
+                                                    ["隐患问题:", msgParse.test97 == '有此类问题' ? '单位员工未能熟练掌握“一懂三会”' : '', 12],
+                                                    ["具体情形:", msgParse.test97 == '有此类问题' ? msgParse.test98 : '', 12],
+                                                    ["整改情况:", msgParse.test97 == '有此类问题' ? msgParse.test99 : '', 12],
+                                                    ["隐患问题:", msgParse.test100 == '有此类问题' ? '单位员工未能熟练掌握“一懂三会”' : '', 12],
+                                                    ["具体情形:", msgParse.test100 == '有此类问题' ? msgParse.test101 : '', 12],
+                                                    ["整改情况:", msgParse.test100 == '有此类问题' ? msgParse.test102 : '', 12],
+                                                    ["隐患问题:", msgParse.test103 == '有此类问题' ? '单位未定期开展建筑消防设施检测和维护保养' : '', 12],
+                                                    ["具体情形:", msgParse.test103 == '有此类问题' ? msgParse.test104 : '', 12],
+                                                    ["整改情况:", msgParse.test103 == '有此类问题' ? msgParse.test105 : '', 12],
+                                                    ["隐患问题:", msgParse.test106 == '有此类问题' ? '其他火灾隐患或消防违法行为' : '', 12],
+                                                    ["具体情形:", msgParse.test106 == '有此类问题' ? msgParse.test107 : '', 12],
+                                                    ["整改情况:", msgParse.test106 == '有此类问题' ? msgParse.test108 : '', 12],
+
+
+                                                ],
+                                            }, ];
+                                            this.popup(val._attrbutes, arrayList, true)
+                                        })
+                                    }
+
+                                }
+                                //新消监监督检查----------------------
+                                if (type == "新消监" && val.attrbutes.facilityType == 42) {
+                                    let msgParse = JSON.parse(val.attrbutes.extendData)
+                                    let arrayList = [{
+                                        title: ["监督检查", true],
+                                        children: [
+                                            ["单位名称:", val.attrbutes.facilityName, 24],
+                                            ["地址:", val.attrbutes.address, 24],
+                                            ["联系人:", val.attrbutes.contact, 24],
+                                            ["联系电话:", val.attrbutes.contactPhone, 24],
+                                            ["承办人:", msgParse.test1, 24],
+                                            ["检查日期:", msgParse.test2, 24],
+                                            ["检查类型:", msgParse.test3, 24],
+                                            ["检查结果:", msgParse.test4, 24],
+                                            ["隐患信息:", msgParse.test5, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                                //疏导区基本情况----------------------
+                                if (type == "重点单位") {
+                                    let arrayList = []
+                                    if(val.attrbutes.extendData){
+                                        let msgParse = JSON.parse(val.attrbutes.extendData)
+                                        let day = dayjs().format('YYYY年M月D日')
+                                        let dayData = {}
+                                        dayData.dutyhours = day
+                                        if(day == "2024年11月4日"){
+                                            dayData.dutyphonnumber = msgParse?.dutyphonnumber2
+                                            dayData.dutyleader = msgParse?.dutyleader2
+                                            dayData.phonnumber = msgParse?.phonnumber2
+                                        }
+                                        if(day == "2024年11月5日"){
+                                            dayData.dutyphonnumber = msgParse?.dutyphonnumber3
+                                            dayData.dutyleader = msgParse?.dutyleader3
+                                            dayData.phonnumber = msgParse?.phonnumber3
+                                        }
+                                        if(day == "2024年11月6日"){
+                                            dayData.dutyphonnumber = msgParse?.dutyphonnumber4
+                                            dayData.dutyleader = msgParse?.dutyleader4
+                                            dayData.phonnumber = msgParse?.phonnumber4
+                                        }
+                                        if(day == "2024年11月7日"){
+                                            dayData.dutyphonnumber = msgParse?.dutyphonnumber5
+                                            dayData.dutyleader = msgParse?.dutyleader5
+                                            dayData.phonnumber = msgParse?.phonnumber5
+                                        }
+                                        if(day == "2024年11月8日"){
+                                            dayData.dutyphonnumber = msgParse?.dutyphonnumber6
+                                            dayData.dutyleader = msgParse?.dutyleader6
+                                            dayData.phonnumber = msgParse?.phonnumber6
+                                        }
+                                        if(day == "2024年11月9日"){
+                                            dayData.dutyphonnumber = msgParse?.dutyphonnumber7
+                                            dayData.dutyleader = msgParse?.dutyleader7
+                                            dayData.phonnumber = msgParse?.phonnumber7
+                                        }
+                                        if(day == "2024年11月10日"){
+                                            dayData.dutyphonnumber = msgParse?.dutyphonnumber8
+                                            dayData.dutyleader = msgParse?.dutyleader8
+                                            dayData.phonnumber = msgParse?.phonnumber8
+                                        }
+                                        if(day == "2024年11月11日"){
+                                            dayData.dutyphonnumber = msgParse?.dutyphonnumber9
+                                            dayData.dutyleader = msgParse?.dutyleader9
+                                            dayData.phonnumber = msgParse?.phonnumber9
+                                        }
+                                        if(day == "2024年11月12日"){
+                                            dayData.dutyphonnumber = msgParse?.dutyphonnumber10
+                                            dayData.dutyleader = msgParse?.dutyleader10
+                                            dayData.phonnumber = msgParse?.phonnumber10
+                                        }
+                                        // if(day == "2024年11月13日"){
+                                        //     dayData.dutyphonnumber = msgParse?.dutyphonnumber11
+                                        //     dayData.dutyleader = msgParse?.dutyleader11
+                                        //     dayData.phonnumber = msgParse?.phonnumber11
+                                        // }
+                                        // if(day == "2024年11月14日"){
+                                        //     dayData.dutyphonnumber = msgParse?.dutyphonnumber12
+                                        //     dayData.dutyleader = msgParse?.dutyleader12
+                                        //     dayData.phonnumber = msgParse?.phonnumber12
+                                        // }
+                                        // if(day == "2024年11月15日"){
+                                        //     dayData.dutyphonnumber = msgParse?.dutyphonnumber13
+                                        //     dayData.dutyleader = msgParse?.dutyleader13
+                                        //     dayData.phonnumber = msgParse?.phonnumber13
+                                        // }
+
+                                        arrayList = [{
+                                            title: [type, true],
+                                            children: [
+                                                ["单位名称:", val.attrbutes.facilityName, 24],
+                                                ["街镇:", val.attrbutes.streetTown, 24],
+                                                ["地址:", val.attrbutes.address, 24],
+                                                ["值班时间:", dayData.dutyhours, 24],
+                                                ["值班固定电话:", dayData.dutyphonnumber, 24],
+                                                ["值班领导:", dayData.dutyleader, 24],
+                                                ["手机号:", dayData.phonnumber, 24],
+                                            ],
+                                        }, ];
+                                    }else{
+                                        arrayList = [{
+                                            title: [type, true],
+                                            children: [
+                                                ["单位名称:", val.attrbutes.facilityName, 24],
+                                                ["街镇:", val.attrbutes.streetTown, 24],
+                                                ["地址:", val.attrbutes.address, 24],
+                                                ["联系人:", val.attrbutes.contact, 24],
+                                                ["联系电话:", val.attrbutes.contactPhone, 24],
+                                            ],
+                                        }, ];
+                                    }
+                                    
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                                if (type == "儿童福利") {
+                                    let arrayList = [{
+                                        title: [type, true],
+                                        children: [
+                                            ["单位名称:", val.attrbutes.facilityName, 24],
+                                            ["街镇:", val.attrbutes.streetTown, 24],
+                                            ["地址:", val.attrbutes.address, 24],
+                                            ["联系人:", val.attrbutes.contact, 24],
+                                            ["联系电话:", val.attrbutes.contactPhone, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                                if (type == "重大火灾隐患2") {
+                                    let msgParse = JSON.parse(val.attrbutes.extendData)
+                                    let arrayList = [{
+                                        title: [val.attrbutes.facilityName, true],
+                                        children: [
+                                            ["街镇:", val.attrbutes.streetTown, 24],
+                                            ["地址:", val.attrbutes.address, 24],
+                                            ["联系人:", val.attrbutes.contact, 24],
+                                            ["联系电话:", val.attrbutes.contactPhone, 24],
+                                            ["信息:", msgParse.test1, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+
+                                
+                                if (type == "居民小区") {
+                                    // let msgParse = JSON.parse(val.attrbutes.extendData)
+                                    let arrayList = [{
+                                        title: [type, true],
+                                        children: [
+                                            ["单位名称:", val.attrbutes.facilityName, 24],
+                                            ["街镇:", val.attrbutes.streetTown, 24],
+                                            ["地址:", val.attrbutes.address, 24],
+                                            ["联系人:", val.attrbutes.contact, 24],
+                                            ["联系电话:", val.attrbutes.contactPhone, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                                if (type == "九小场所") {
+                                    let arrayList = [{
+                                        title: [type, true],
+                                        children: [
+                                            ["单位名称:", val.attrbutes.facilityName, 24],
+                                            ["街镇:", val.attrbutes.streetTown, 24],
+                                            ["地址:", val.attrbutes.address, 24],
+                                            ["联系人:", val.attrbutes.contact, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+
+                                if(type == "混合经营场所"){
+                                    let msgParse = JSON.parse(val.attrbutes.extendData)
+                                    console.log(msgParse)
+                                    let arrayList = [{
+                                        title: [type, true],
+                                        children: [
+                                            ["单位名称:", val.attrbutes.facilityName, 24],
+                                            ["街镇:", val.attrbutes.streetTown, 24],
+                                            ["地址:", val.attrbutes.address, 24],
+                                            ["联系人:", val.attrbutes.contact, 24],
+                                            ["联系电话:", val.attrbutes.contactPhone, 24],
+                                            ["占地面积:", msgParse.test1 + "㎡", 24],
+                                            ["建筑面积:", msgParse.test2  + "㎡", 24],
+                                            ["经营类别:", msgParse.test3, 24]
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+
+
+                            }
+                            //火灾数据分析
+                            if (pageType == "fire-data-analysis") {
+                                if (type == "历史火灾") {
+                                    let arrayList = [{
+                                        title: ["案件详情", true],
+                                        children: [
+                                            ["案件编号:", val.attrbutes.ajbh, 24],
+                                            ["案件描述:", val.attrbutes.bcxx, 24],
+                                            ["报警时间:", val.attrbutes.tzsj, 24],
+                                            ["案件类型:", val.attrbutes.ajlx, 24],
+                                            ["警情类别:", type, 24],
+                                            ["警情等级:", val.attrbutes.ajdj, 24],
+                                            ["调动车辆:", val.attrbutes.cdcl, 24],
+                                            ["处置对象:", val.attrbutes.czdx, 24],
+                                            ["主责中队:", val.attrbutes.zhongdui, 24],
+                                            ["案件状态:", val.attrbutes.ajzt, 24],
+                                            ["到场时间:", val.attrbutes.cssj, 24],
+                                            ["控制时间:", val.attrbutes.kzsj, 24],
+                                            ["熄灭时间:", val.attrbutes.xmsj, 24],
+                                            ["返队时间:", val.attrbutes.fdsj, 24],
+                                            ["所属街道:", val.attrbutes.streettown, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                                if (type == "伤人火灾" || type == "亡人火灾") {
+                                    let arrayList = [{
+                                        title: ["案件详情", true],
+                                        children: [
+                                            ["火灾序号:", val.attrbutes.fireNumber, 24],
+                                            ["所属街道:", val.attrbutes.street, 24],
+                                            ["起火地点:", val.attrbutes.fireAddress, 24],
+                                            ["起火时间:", val.attrbutes.fireTime, 24],
+                                            ["直接财产损失:", val.attrbutes.directPropertyLoss + "万", 24],
+                                            ["过火面积:", val.attrbutes.burnedArea + "㎡", , 24],
+                                            ["受灾户数:", val.attrbutes.affectedHouse + "户", 24],
+                                            ["受灾人数:", val.attrbutes.victimNumber + "人", 24],
+                                            ["死亡人数:", val.attrbutes.deathToll + "人", 24],
+                                            ["受伤人数:", val.attrbutes.injuredNumber + "人", 24],
+                                            ["起火经过:", val.attrbutes.fireProcess, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                            }
+                            //消防救援站点
+                            if (pageType == "rescue-station") {
+                                if (type == "科普教育基地") {
+                                    let arrayList = [{
+                                        title: [val.attrbutes.type, true],
+                                        children: [
+                                            ["成立时间/联系人:", val.attrbutes.policeTime, 24],
+                                            ["站点地址:", val.attrbutes.alertLevel, 24],
+                                            ["预约电话:", val.attrbutes.address, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                                if (type == "消防站" || type == "专职队" || type == "高层建筑覆盖" || type == "高层建筑" || type == "微型消防站" || type == "一级微型消防站" || type == "街镇专职消防队") {
+                                    if (val.attrbutes.stationType == 1 || val.attrbutes.stationType == 2 || val.attrbutes.stationType == 3 || val.attrbutes.stationType == 4) {
+                                        let arrayList = [{
+                                            title: [val.attrbutes.stationName, true],
+                                            children: [
+                                                ["消防站地址:", val.attrbutes.stationAddress, 24],
+                                                ["消防站类型:", val.attrbutes.stationType == 1 ? "一级消防站" : val.attrbutes.stationType == 2 ? "二级消防站" : val.attrbutes.stationType == 3 ? "三级消防站" : val.attrbutes.stationType == 4 ? "专职队" : "", 24],
+                                            ],
+                                        }, ];
+                                        this.popup(val._attrbutes, arrayList, true)
+                                    }
+                                    if (val.attrbutes.stationType == 5) {
+                                        let arrayList = [{
+                                            title: [val.attrbutes.streetTown + "微型消防站(" + val.attrbutes.stationCode + '号)', true],
+                                            children: [
+                                                ["地址:", val.attrbutes.stationAddress, 24],
+                                                ["编号:", val.attrbutes.stationCode, 24],
+                                                ["距消防站直线距离:", val.attrbutes.stationAddress, 24],
+                                                ["距消防站行驶距离:", val.attrbutes.driveDistance, 24],
+                                                ["交通拥堵行驶时间:", val.attrbutes.jamDrive, 24],
+                                                ["交通畅通行驶时间:", val.attrbutes.unimpededDrive, 24],
+                                                //     ["点位情况:", val.attrbutes.pointSituation, 24],
+                                                ["建筑情况:", val.attrbutes.buildSituation, 24],
+                                                ["车辆停放:", val.attrbutes.vehiclePark, 24],
+                                                ["是否有产证:", val.attrbutes.birthCert, 24],
+                                                ["产证情况:", val.attrbutes.birthCertSituation, 24],
+                                            ],
+                                        }, ];
+                                        this.popup(val._attrbutes, arrayList, true)
+                                    }
+                                    if (val.attrbutes.stationType == 111 || val.attrbutes.stationType == 112) {
+                                        let arrayList = [{
+                                            title: [val.attrbutes.buildName, true],
+                                            children: [
+                                                ["建筑地址:", val.attrbutes.address, 24],
+                                                ["主要产权人:", val.attrbutes.principalPropertyOwner, 24],
+                                                ["统一社会信用代码:", val.attrbutes.creditCode, 24],
+                                                ["物业服务企业名称:", val.attrbutes.propertyServiceName, 24],
+                                                ["建成年份:", val.attrbutes.completeYear, 24],
+                                                ["建筑高度:", val.attrbutes.buildHigh, 24],
+                                                ["地上建筑层数:", val.attrbutes.aboveFloor, 24],
+                                                ["地下建筑层数:", val.attrbutes.underFloor, 24],
+                                                ["建筑类型:", val.attrbutes.buildType, 24],
+                                                ["功能用途:", val.attrbutes.functionalPurpose, 24],
+                                            ],
+                                        }, ];
+                                        this.popup(val._attrbutes, arrayList, true)
+                                    }
+                                    if (val.attrbutes.stationType == 17 || val.attrbutes.stationType == 18) {
+                                        let bianhao = JSON.parse(val.attrbutes.extendData).test1
+                                        let arrayList = [{
+                                            title: [val.attrbutes.facilityName, true],
+                                            children: [
+                                                ["编号:", bianhao, 24],
+                                                ["消防站地址:", val.attrbutes.address, 24],
+                                                ["消防站类型:", val.attrbutes.stationType == 17 ? "一级微型消防站" : val.attrbutes.stationType == 18 ? "街镇专职消防队" : "", 24],
+                                            ],
+                                        }, ];
+                                        this.popup(val._attrbutes, arrayList, true)
+                                    }
+                                }
+                                if (type == "企业消防" || type == "社区消防") {
+                                    let arrayList = [{
+                                        title: [val.attrbutes.facilityName, true],
+                                        children: [
+
+                                            ["站点地址:", val.attrbutes.address, 24],
+                                            ["站点类型:", val.attrbutes.facilityType == 13 ? "重点单位微站" :
+                                                val.attrbutes.facilityType == 14 ? "一般单位微站" : val.attrbutes.facilityType == 15 ? "居委会微站" : val.attrbutes.facilityType == 16 ? "村委会微站" : "", 24
+                                            ],
+                                            ["街镇:", val.attrbutes.streetTown, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+
+                            }
+
+                            //警情综合处置
+                            if (pageType == "comprehensive-disposal") {
+                                if (type == "实时警情") {
+                                    let arrayList = [{
+                                        title: ["案件详情", true],
+                                        children: [
+                                            ["案件编号:", val.attrbutes.ajbh, 24],
+                                            ["案件描述:", val.attrbutes.bcxx, 24],
+                                            ["报警时间:", val.attrbutes.tzsj, 24],
+                                            ["案件类型:", val.attrbutes.ajlx, 24],
+                                            ["警情类别:", val.attrbutes.type, 24],
+                                            ["警情等级:", val.attrbutes.ajdj, 24],
+                                            ["案发地址:", val.attrbutes.afdz, 24],
+                                            ["调动车辆:", val.attrbutes.cdcl, 24],
+                                            ["处置对象:", val.attrbutes.czdx, 24],
+                                            ["主责中队:", val.attrbutes.zhongdui, 24],
+                                            ["案件状态:", val.attrbutes.cssj, 24],
+                                            ["到场时间:", val.attrbutes.dcsj, 24],
+                                            ["出水时间:", val.attrbutes.cssj, 24],
+                                            ["控制时间:", val.attrbutes.kzsj, 24],
+                                            ["熄灭时间:", val.attrbutes.xmsj, 24],
+                                            ["所属街道:", val.attrbutes.streettown, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+
+                            }
+                            //城市消防体征
+                            if (pageType == "fire-signs") {
+                                if (type == "仓库") {
+                                    let arrayList = [{
+                                        title: [val.attrbutes.companyName, true],
+                                        children: [
+                                            ["单位地址:", val.attrbutes.address, 24],
+                                            ["单位类别:", val.attrbutes.companyType, 24],
+                                            ["单位使用性质:", val.attrbutes.companyNature, 24],
+                                            ["单位(法人)名称:", val.attrbutes.delegateName, 24],
+                                            ["统一社会信用代码:", val.attrbutes.socialCode, 24],
+                                            ["所辖派出所:", val.attrbutes.policeStation, 24],
+                                            ["消防安全责任人:", val.attrbutes.fireDutyName, 24],
+                                            ["消防安全管理人:", val.attrbutes.fireManageName, 24],
+                                            ["联系电话(手机):", val.attrbutes.linkPhone, 24],
+                                            ["是否自主消防安全管理:", val.attrbutes.fireSafetyManage, 24],
+                                            ["单位(场所)面积(㎡):", val.attrbutes.companyArea, 24],
+                                            ["行业类别:", val.attrbutes.industryType, 24],
+                                            ["是否为洁净厂房:", val.attrbutes.cleanRoom, 24],
+                                            ["生产经营组织形式:", val.attrbutes.organizationForm, 24],
+                                            ["网格号:", val.attrbutes.gridNo, 24],
+                                            ["年份:", val.attrbutes.particularYear, 24],
+                                            ["提交时间:", val.attrbutes.submitTime, 24],
+                                            ["经度:", val.attrbutes.longitude, 24],
+                                            ["纬度:", val.attrbutes.latitude, 24],
+                                        ],
+                                    }, ];
+                                    this.popup(val._attrbutes, arrayList, true)
+                                }
+                            }
+
+                    },
+                });
+            }
+        },
+        /**
+         * 点分布(撒点四叶草 安保专用)
+         * @param {坐标信息} lnglats
+         * @param {页面类型} type
+         */
+        addMarkerSYC(lnglats, pageType, type) {
+            let that = this
+            let icon = "";
+            var target = lnglats.map((val, ind) => {
+                var wgs84 = CoordUtil.gcj02towgs84(Number(val.gisX) || Number(val.longitude), Number(val.gisY) || Number(val.latitude))
+                var x = wgs84[0]
+                var y = wgs84[1]
+                if (
+                    pageType == "security-plan") {
+                    let marker = {
+                        id: ind + 1,
+                        attrbutes: val,
+                        position: {
+                            x: x,
+                            y: y,
+                            z: 0
+                        },
+                        image: {
+                            url: type == "国家会展中心" ? this.stores.sadianIcon.hzzx : this.stores.sadianIcon.zdwxxfz,
+                            width: val.type == "国家会展中心" ? 83 : 19.5,
+                            height: val.type == "国家会展中心" ? 59 : 25,
+                        },
+                    };
+                    return marker;
+                } else {
+                    let marker = {
+                        id: ind + 1,
+                        attrbutes: val,
+                        position: { x: val.gisBaiDuX, y: val.gisBaiDuY, z: 0 },
+                        image: { url: icon, width: 300, height: 300 },
+                    };
+
+                    return marker;
+                }
+            });
+            //撒点类型
+            window.jMap.Locate.pointLocate(target, {
+                //撒点
+                isZoom: false,
+                //animate: { "show": true },
+                scaleByDistance: {
+                    minScaling: 1,
+                    maxScaling: 1,
+                    minDistance: 50, //最小距离
+                    maxDistance: 120000 //最大距离
+                },
+                click: (val) => {
+
+                },
+            });
+        },
+        /**
+         * 点分布(网格名称 安保专用)
+         * @param {坐标信息} lnglats
+         * @param {页面类型} type
+         */
+        addMarkerWG(lnglats, pageType, type) {
+            let that = this
+            let icon = "";
+            var target = lnglats.map((val, ind) => {
+                var wgs84 = CoordUtil.gcj02towgs84(Number(val.gisX) || Number(val.longitude), Number(val.gisY) || Number(val.latitude))
+                var x = wgs84[0]
+                var y = wgs84[1]
+                if (
+                    pageType == "security-plan") {
+                    let marker = {
+                        id: ind + 1,
+                        attrbutes: val,
+                        position: {
+                            x: x,
+                            y: y,
+                            z: 0
+                        },
+                        image: {
+                            url: val.type == "wgmc_hc" ? this.stores.sadianIcon.wgmc_hc : val.type == "wgmc_xh" ? this.stores.sadianIcon.wgmc_xh : val.type == "wgmc_qb" ? this.stores.sadianIcon.wgmc_qb : val.type == "wgmc_hq" ? this.stores.sadianIcon.wgmc_hq : val.type == "国家会展中心" ? this.stores.sadianIcon.hzzx : this.stores.sadianIcon.zdwxxfz,
+
+                            width: val.type == "wgmc_hc" ? 98 : val.type == "wgmc_xh" ? 98 : val.type == "wgmc_qb" ? 98 : val.type == "wgmc_hq" ? 98 : val.type == "国家会展中心" ? 83 : 19.5,
+
+                            height: val.type == "wgmc_hc" ? 33 : val.type == "wgmc_xh" ? 33 : val.type == "wgmc_qb" ? 33 : val.type == "wgmc_hq" ? 33 : val.type == "国家会展中心" ? 59 : 25,
+                        },
+                    };
+                    return marker;
+                } else {
+                    let marker = {
+                        id: ind + 1,
+                        attrbutes: val,
+                        position: { x: val.gisBaiDuX, y: val.gisBaiDuY, z: 0 },
+                        image: { url: icon, width: 300, height: 300 },
+                    };
+
+                    return marker;
+                }
+            });
+            //撒点类型
+            window.jMap.Locate.pointLocate(target, {
+                //撒点
+                isZoom: false,
+                //animate: { "show": true },
+                scaleByDistance: {
+                    minScaling: 1,
+                    maxScaling: 1,
+                    minDistance: 50, //最小距离
+                    maxDistance: 120000 //最大距离
+                },
+                click: (val) => {
+                    //大型安保 、火灾数据分析
+                    if (pageType == "security-plan") {
+                        if (type == "大网格街镇名称&国家会展中心") {
+                            if (val._attrbutes.type2 == "大网格") {
+                                that.stores.gridDataChange({ name: val._attrbutes.type3, position: { x: val._attrbutes.gisX, y: val._attrbutes.gisY } });
+                            }
+                        }
+                    }
+                },
+            });
+        },
+        //聚合点击事件
+        clusterMapCallBack(clusterPointArr, clickPoint) {
+            let val = clusterPointArr.attributes
+            if (val.type2 == "消火栓可用" || val.type2 == "消火栓不可用") {
+                let arrayList = [{
+                    title: ["消火栓", true],
+                    children: [
+                        ["水源位置:", val.address, 24],
+                        ["电话:", val.phone, 12],
+                        ["责任人:", val.dutyPerson, 12],
+                        ["支队名称:", val.detachmentName, 24],
+                        ["管辖机构:", val.jurisdictionalAgency, 12],
+                        ["水源类型:", val.type, 12],
+                        ["取水形式:", val.getWaterType, 12],
+                        ["水源性质:", val.waterAdministrative, 12],
+                        ["供水单位:", val.waterUnit, 24],
+                        ["水压(Mpa):", val.waterGage, 24],
+                        ["状态:", val.status == 1 ? "可用" : "不可用", 12],
+                    ],
+                }, ];
+                this.popup(val, arrayList, true)
+            } else if (type == "天然水源") {
+                let arrayList = [{
+                    title: [val.facilityName, true],
+                    children: [
+                        ["水源位置:", val.address, 24],
+                    ],
+                }, ];
+                this.popup(val, arrayList, true)
+            }
+        },
+        /**
+         * 热力图
+         * @param {} data 
+         */
+        heatMap(data) {
+            let target = []
+            if (data.length > 0) {
+                for (let i = 0; i < data.length; i++) {
+                    var wgs84 = CoordUtil.gcj02towgs84(Number(data[i].gisX) || Number(data[i].longitude), Number(data[i].gisY) || Number(data[i].latitude))
+                    var x = wgs84[0]
+                    var y = wgs84[1]
+                    target[i] = []
+                    target[i].x = x
+                    target[i].y = y
+                }
+                let options = {
+                    style: {
+                        minOpacity: 0.6,
+                        maxOpacity: 0.9,
+                        radius: 50,
+                        gradient: {
+                            '.10': 'green',
+                            '.45': 'yellow',
+                            '.65': 'orange',
+                            '.80': 'red'
+                        }
+                    },
+                    isZoom: false
+                }
+                jMap.HeatMap.show(target, options)
+            } else {
+                jMap.HeatMap.hide()
+            }
+
+        },
+        // 无经纬度创建标点和点击事件
+        addMarkerAddress(lnglats) {
+            let target = lnglats.map((val, ind) => {
+                if (!val.addressId) {
+                    let addressInfo = window.jMap.queryMphInfo(val.address)[val.address][0];
+                    return {
+                        ...val,
+                        addressId: addressInfo.address_id, // 地址id
+                        province: addressInfo.province, // 市
+                        district: addressInfo.district, // 区
+                        sub_district: addressInfo.sub_district, // 街镇
+                        streetname: addressInfo.streetname, // 路
+                        address: addressInfo.address, // 户
+                        committee: addressInfo.committee, // 居委会
+                    };
+                }
+            });
+            target = target.reduce((item, next) => {
+                !item.some((val) => val.addressId === next.addressId) && item.push(next);
+                return item;
+            }, []);
+            for (let item = 0; item < Math.floor(target.length / 100); item++) {
+                setTimeout(() => {
+                    window.jMap.locateMph(
+                        target
+                        .slice(item * 100, (item + 1) * 100)
+                        .map((val) => val.addressId)
+                        .join(), {
+                            isZoom: false,
+                            scaleByDistance: { minScaling: 0, maxScaling: 1, minDistance: 1000, maxDistance: 30000 },
+                            click: (value) => {
+                                this.elementInfo(value, "fire");
+                            },
+                        }
+                    );
+                }, 0);
+            }
+        },
+        elementInfo(value, type) {
+            let element = "";
+            if (type == "重点单位") {
+                element = `<div class="ysc-dynamic-layer ys-css3-box" onclick="vue.removePopup">
+                                    <div class="tableTooltip mapTab">
+                                    <div class="tableTitle">
+                                        <div>1212121</div>
+                                    </div>
+                                   </div>
+                                </div>`;
+            }
+            this.addMarkerInfo(element, value, type);
+        },
+        bufferL(val) {
+            let target = {
+                geometry: [{
+                    position: [],
+                    type: 'point'
+                }],
+                distance: 7000
+            }
+            for (let i = 0; i < val.length; i++) {
+                // var wgs84 = CoordUtil.gcj02towgs84(Number(val.longitude + '0000000' ),  Number(val.latitude + '0000000' ))
+                // var x = wgs84[0]
+                // var y = wgs84[1]
+                target.geometry[i] = {
+                        position: [{ x: Number(val[i].longitude) + '0000000', y: Number(val[i].latitude) + '0000000' }],
+                        type: 'point'
+                    }
+                    // if(val[i].stationType ==7 ){
+                    //         target
+                    // }
+            }
+            var options = { callBack: this.bufferCallback };
+            jMap.Buffer.generate(target, options);
+        },
+        bufferL1(val) {
+            let target = {
+                geometry: [{
+                    position: [],
+                    type: 'point'
+                }],
+                distance: ((Math.sqrt(7 / 3.14) * 1000) / 2).toFixed(0)
+            }
+            for (let i = 0; i < val.length; i++) {
+                var wgs84 = CoordUtil.gcj02towgs84(Number(val[i].longitude), Number(val[i].latitude))
+                var x = wgs84[0].toFixed(13)
+                var y = wgs84[1].toFixed(13)
+                target.geometry[i] = {
+                    position: [{ x: x, y: y }],
+                    type: 'point'
+                }
+            }
+            var options = { callBack: bufferCallback };
+            jMap.Buffer.generate(target, options);
+        },
+        bufferL2(val) {
+            let target = {
+                geometry: [{
+                    position: [],
+                    type: 'point'
+                }],
+                distance: ((Math.sqrt(4 / 3.14) * 1000) / 2).toFixed(0)
+            }
+            for (let i = 0; i < val.length; i++) {
+                var wgs84 = CoordUtil.gcj02towgs84(Number(val[i].longitude), Number(val[i].latitude))
+                var x = wgs84[0].toFixed(13)
+                var y = wgs84[1].toFixed(13)
+                target.geometry[i] = {
+                    position: [{ x: x, y: y }],
+                    type: 'point'
+                }
+            }
+            var options = { callBack: bufferCallback };
+            jMap.Buffer.generate(target, options);
+        },
+        bufferL3(val) {
+            let target = {
+                geometry: [{
+                    position: [],
+                    type: 'point'
+                }],
+                distance: ((Math.sqrt(2 / 3.14) * 1000) / 2).toFixed(0)
+            }
+            for (let i = 0; i < val.length; i++) {
+                var wgs84 = CoordUtil.gcj02towgs84(Number(val[i].longitude), Number(val[i].latitude))
+                var x = wgs84[0].toFixed(13)
+                var y = wgs84[1].toFixed(13)
+                target.geometry[i] = {
+                    position: [{ x: x, y: y }],
+                    type: 'point'
+                }
+            }
+            var options = { callBack: bufferCallback };
+            jMap.Buffer.generate(target, options);
+        },
+        bufferL4(val) {
+            let target = {
+                geometry: [{
+                    position: [],
+                    type: 'point'
+                }],
+                distance: ((Math.sqrt(2 / 3.14) * 1000) / 2).toFixed(0)
+            }
+            for (let i = 0; i < val.length; i++) {
+                var wgs84 = CoordUtil.gcj02towgs84(Number(val[i].longitude), Number(val[i].latitude))
+                var x = wgs84[0].toFixed(13)
+                var y = wgs84[1].toFixed(13)
+                target.geometry[i] = {
+                    position: [{ x: x, y: y }],
+                    type: 'point'
+                }
+            }
+            var options = { callBack: bufferCallback };
+            jMap.Buffer.generate(target, options);
+        },
+        bufferL5(val) {
+            let target = {
+                geometry: [{
+                    position: [],
+                    type: 'point'
+                }],
+                distance: ((Math.sqrt(2 / 3.14) * 1000) / 2).toFixed(0)
+            }
+            for (let i = 0; i < val.length; i++) {
+                var wgs84 = CoordUtil.gcj02towgs84(Number(val[i].longitude), Number(val[i].latitude))
+                var x = wgs84[0].toFixed(13)
+                var y = wgs84[1].toFixed(13)
+                target.geometry[i] = {
+                    position: [{ x: x, y: y }],
+                    type: 'point'
+                }
+            }
+            var options = { callBack: bufferCallback };
+            jMap.Buffer.generate(target, options);
+        },
+        bufferCallback(result) {
+            for (var i in result) {
+                var target = {
+                    id: i,
+                    position: CoordUtil.arrayToJson(result[i].rings[0]) //  二维坐标数组转JSON数组,详见三中
+                };
+                var options = {
+                        style: {
+                            color: 'red',
+                            transparency: 0.6,
+                        }
+                    }
+                    // if (result[i].stationType == 1) {
+                    //     options.style.color = '#f80000',
+                    //         options.style.transparency = 0.6
+                    // }
+                    // if (result[i].stationType == 2) {
+                    //     options.style.color = '#f88c00',
+                    //         options.style.transparency = 0.6
+                    // }
+                    // if (result[i].stationType == 3) {
+                    //     options.style.color = '#0092f8',
+                    //         options.style.transparency = 0.6
+                    // }
+                jMap.Locate.regionLocate(target, options)
+            }
+
+        },
+        bufferCallback1(result) {
+            for (var i in result) {
+                var target = {
+                    id: i,
+                    position: CoordUtil.arrayToJson(result[i].rings[0]) //  二维坐标数组转JSON数组,详见三中
+                };
+                jMap.Locate.regionLocate(target, {
+                    style: {
+                        color: '#f80000',
+                        transparency: 0.6,
+                    }
+                })
+            }
+        },
+        bufferCallback2(result2) {
+            for (var i in result2) {
+                var target = {
+                    id: i,
+                    position: CoordUtil.arrayToJson(result2[i].rings[0]) //  二维坐标数组转JSON数组,详见三中
+                };
+                jMap.Locate.regionLocate(target, {
+                    isZoom: true,
+                    style: {
+                        color: '#f88c00',
+                        transparency: 0.6,
+                    }
+                })
+            }
+        },
+        bufferCallback3(result3) {
+            for (var i in result3) {
+                var target = {
+                    id: i,
+                    position: CoordUtil.arrayToJson(result3[i].rings[0]) //  二维坐标数组转JSON数组,详见三中
+                };
+                jMap.Locate.regionLocate(target, {
+                    style: {
+                        color: '#0092f8',
+                        transparency: 0.6,
+                    }
+                })
+            }
+        },
+        addMarkerInfo(element, value, type, isBtn = false) {
+            var wgs84 = CoordUtil.gcj02towgs84(Number(value.gisX) || Number(value.longitude), Number(value.gisY) || Number(value.latitude))
+            var x = wgs84[0]
+            var y = wgs84[1]
+            let _this = this
+                // window.jMap.Popup && window.jMap.Popup.hide([this.oldPopup && this.oldPopup.id]);
+            if (this.oldPopup && value.id === this.oldPopup.id) {
+                window.jMap.Popup.hide();
+                return (this.oldPopup = null);
+            }
+            if (type == "selfManagement" || type == "water") {
+                window.jMap.Popup.show({
+                    id: value.id,
+                    //position: value.wgs84position, //使用自定义窗体
+                    position: { x: x, y: y }, //使用自定义窗体
+
+                    element: element,
+                }, { isZoom: false, offset: [0, -40] });
+            }
+            if (type == "重点单位") {
+                _this.stores.zddwIdSD(value.companyId);
+                // localStorage.setItem("zddw",)
+                // window.jMap.Popup.show({
+                //     //     position: { x: value.gisX, y: value.gisY }, //使用自定义窗体
+                //     position: { x: x, y: y }, //使用自定义窗体
+
+                //     element: element,
+                // }, { isZoom: 100, offset: [0, -40] });
+            }
+
+            //     if (!isBtn) {
+            //         window.jMap.goTo({
+            //             x: Number(value.wgs84position.x),
+            //             y: Number(value.wgs84position.y),
+            //             radius: 1000,
+            //         }, {
+            //             duration: 3,
+            //             offset: {
+            //                 heading: -4,
+            //                 pitch: -70,
+            //                 range: 0,
+            //             },
+            //         });
+            //         window.jMap.Buffer.generate({
+            //             geometry: [{ position: [{ x: Number(value.wgs84position.x), y: Number(value.wgs84position.y) }], type: "point" }],
+            //             distance: 1000,
+            //         }, {
+            //             callBack: (el) => {
+            //                 for (const i in el) {
+            //                     var target = {
+            //                         id: i,
+            //                         position: CoordUtil.arrayToJson(el[i].rings[0]),
+            //                     };
+            //                 }
+            //                 window.jMap.Locate.regionLocate(target, {
+            //                     style: {
+            //                         color: "rgba(235, 98, 98, .1)",
+            //                         transparency: 0.3,
+            //                     },
+            //                 });
+            //             },
+            //         });
+            //     }
+            this.oldPopup = value;
+        },
+
+        removePopup(e) {
+
+        },
+
+        /**
+         * 气泡窗
+         * @param {*} data  
+         * @param {*} arrayList  展示数据
+         * @param {*} type 
+         * @param {*} other 
+         * @param {*} zb  坐标类型
+         */
+        popup(data, arrayList, type, other, zb) {
+            if (type) {
+                if (!other) {
+                    var html = document.createElement('div');
+                    html.className = 'ysc-dynamic-layer ys-css3-box';
+                    var line = document.createElement('div');
+                    line.className = 'line';
+                    var main = document.createElement('div');
+                    main.className = 'main';
+                    if (zb) {
+                        main.setAttribute('style', 'position: fixed;top:120px;left:39%;max-height:500px;overflow-y: scroll;background:none;width:400px;bottom:auto; padding:10px 10px 5px 0 !important; border-radius: 0.05rem;border:1px solid rgba(115, 251, 253, 1);box - shadow: inset 0 0 1px 0.0125rem rgba(115, 251, 253, 1); background:rgba(0, 0, 0, 0.6)');
+                    } else {
+                        main.setAttribute('style', 'position: absolute;top:50%;max-height:500px;overflow-y: scroll;background:none;width:700px;bottom:auto; padding:10px 10px 5px 0 !important; border-radius: 0.05rem;border:1px solid rgba(115, 251, 253, 1);box - shadow: inset 0 0 1px 0.0125rem rgba(115, 251, 253, 1); background:rgba(0, 0, 0, 0.6)');
+                    }
+                    var click = document.createElement('div');
+                    click.setAttribute('style', 'float: right;width: 26px;height: 26px;position: absolute;top:8px;right:16px;cursor: pointer');
+                    var img = document.createElement('img');
+                    img.className = 'click';
+                    img.setAttribute("src", this.stores.sadianIcon.close);
+                    img.setAttribute("style", 'width: 40px;height: 40px;')
+                    click.appendChild(img)
+
+                    var contain = document.createElement('div');
+                    contain.setAttribute('style', 'margin-left: 3%;right:50px;top:30px;padding: 0px 0 ');
+                    if (arrayList[0].title[1]) {
+                        var p = document.createElement('div');
+                        p.setAttribute('style', 'font-size:34px;color:#73fbfd;line-height:50px');
+                        p.innerHTML = arrayList[0].title[0]
+                        contain.appendChild(p)
+                    }
+                    for (let i = 0; i < arrayList[0].children.length; i++) {
+                        if (arrayList[0].children[i][1]) {
+                            let textWrap = document.createElement('div');
+                            textWrap.setAttribute('style', 'font-size:32px;color:#fff;line-height:45px;');
+                            let p1 = document.createElement('span');
+                            p1.setAttribute('style', 'color:#73fbfd;');
+                            p1.innerHTML = arrayList[0].children[i][0]
+                                // if()
+                            let p2 = document.createElement('span');
+                            if (arrayList[0].children[i][1] == "合格" || arrayList[0].children[i][1] == "复查合格") {
+                                p2.setAttribute('style', 'color:green;word-break:break-all !important');
+                            } else if (arrayList[0].children[i][1] == "不合格" || arrayList[0].children[i][1] == "复查不合格") {
+                                p2.setAttribute('style', 'color:red;word-break:break-all !important');
+                            } else {
+                                p2.setAttribute('style', 'color:#fff;word-break:break-all !important');
+                            }
+                            p2.innerHTML = arrayList[0].children[i][1]
+                            textWrap.appendChild(p1)
+                            textWrap.appendChild(p2)
+                            contain.appendChild(textWrap)
+                        }
+                    }
+                    setTimeout(() => {
+                        main.appendChild(click)
+                        main.appendChild(contain)
+                        if (zb) {
+
+                        } else {
+                            html.appendChild(line)
+                        }
+
+                        html.appendChild(main)
+                        let text = html.innerHTML.replace(/"click"/g, '"click" onclick="vue.popup(false, false, false)"')
+                        if (zb) {
+                            var wgs84 = [Number(data.gisX), Number(data.gisY)]
+                        } else {
+                            var wgs84 = CoordUtil.gcj02towgs84(Number(data.gisX) || Number(data.longitude), Number(data.gisY) || Number(data.latitude))
+                        }
+                        var x = wgs84[0]
+                        var y = wgs84[1]
+                        var target = {
+                            id: '100001',
+                            position: { x: x, y: y, z: 0 },
+                            element: `<div class="ysc-dynamic-layer ys-css3-box" style="">${text}</div>`
+                        };
+                        var options = {
+                            //     isZoom: true,
+                            offset: [-6, -275]
+                        };
+                        jMap.Popup.show(target, options);
+                    }, 10)
+                } else {
+
+                }
+
+
+            } else {
+                jMap.Popup.hide();
+            }
+
+        },
+    }
+}

+ 1 - 0
src/http/api.js

@@ -61,6 +61,7 @@ let api = {
         fireWaterStatistics: "/api/fireWater/fireWaterStatistics",
         baseGgpFacilityList: "/prod-api/service-fire/baseGgpFacility/baseGgpFacilityList", //消防水源撒点
         baseGgpFacilityStatistic: "/prod-api/service-fire/baseGgpFacility/statistic", //统计
+        getWarehouse: "/prod-api/service-fire/mhCompany/getWarehouse", //厂房、仓库撒点
     },
     security: {
         gridMemderStatistic: "/prod-api/service-fire/demGridMemderStatistic/gridMemderStatistic", //统计

+ 3 - 81
src/router/home.js

@@ -1,91 +1,13 @@
 // let isProd = process.env.NODE_ENV === 'production';
 export default [
-    {
-        path: '/index',
-        component: () =>
-            import ('../views/index.vue'),
-        meta: {
-            title: '闵行区消防救援支队“一网统管”数字化平台'
-        }
-    },
-    {
-        path: '/security',
-        component: () =>
-            import ('../views/security-plan.vue'),
-        meta: {
-            title: '进博会消防安保平台火灾防控'
-        }
-    },
     {
         path: '/',
-        name: 'Home',
+        name: 'index',
         component: () =>
-            import ('../views/enforcement-dynamic.vue'),
-        meta: {
-            title: '消防执法动态'
-        }
-    },
-
-    {
-        path: '/enforcement-dynamic',
-        component: () =>
-            import ('../views/enforcement-dynamic.vue'),
+            import ('../views/index.vue'),
         meta: {
             title: '消防执法动态'
         }
     },
-    {
-        path: '/comprehensive-disposal',
-        component: () =>
-            import ('../views/comprehensive-disposal.vue'),
-        meta: {
-            title: '警情综合处置'
-        }
-    },
-
-    {
-        path: '/fire-data-analysis',
-        component: () =>
-            import ('../views/fire-data-analysis.vue'),
-        meta: {
-            title: '火灾数据分析'
-        }
-    }, {
-        path: '/rescue-station',
-        component: () =>
-            import ('../views/rescue-station.vue'),
-        meta: {
-            title: '消防救援站点'
-        }
-    }, {
-        path: '/water-sources',
-        component: () =>
-            import ('../views/water-sources.vue'),
-        meta: {
-            title: '消防水源情况'
-        }
-    }, {
-        path: '/self-management',
-        component: () =>
-            import ('../views/self-management.vue'),
-        meta: {
-            title: '企业自主管理'
-        }
-    }, {
-        path: '/security-plan',
-        component: () =>
-            import ('../views/security-plan.vue'),
-        meta: {
-            title: '大型安保预案'
-        }
-    },
-
-    {
-        path: '/fire-signs',
-        component: () =>
-            import ('../views/fire-signs.vue'),
-        meta: {
-            title: '城市消防体征'
-        }
-    },
+    
 ];

+ 539 - 158
src/views/index.vue

@@ -16,7 +16,7 @@
             <div :class="leftBtn ? 'leftBtn btnW' : 'leftBtn0 btnW'" @click="leftBtnClick()">
                 <img src="@/assets/img/svg/left.svg" alt="" class="img" />
             </div>
-            <!-- <el-col class="centerContent" id="mapF"></el-col> -->
+            <el-col class="centerContent" id="mapF"></el-col>
 
             <div :class="rightBtn ? 'rightBtn btnW' : 'rightBtn0 btnW'" @click="rightBtnClick()">
                 <img src="@/assets/img/svg/left.svg" alt="" class="img" />
@@ -30,55 +30,19 @@
                         <el-option v-for="item in stroes.$state.streetTownList" :key="item.value" :label="item.label" :value="item.value"> </el-option>
                     </el-select>
                     <p>类型筛选</p>
-                    <div class="selectType">
-                        <div :class="
-                                checkedArray.checkedData[0] == 0
-                                    ? ''
-                                    : checkedArray.checkedData[0] == 1
-                                    ? 'checkTypeSelect'
-                                    : checkedArray.checkedData[0] == 2
-                                    ? 'checkTypeSelect'
-                                    : checkedArray.checkedData[0] == 3
-                                    ? 'checkTypeSelect'
-                                    : checkedArray.checkedData[0] == 9
-                                    ? 'checkTypeSelect'
-                                    : checkedArray.checkedData[0] == 10
-                                    ? 'checkTypeSelect'
-                                    : ' '"
-                        >
-                            <img
-                                :src="
-                                    checkedSelectValue == '0'
-                                        ? stores.sadianIcon.bwg
-                                        : checkedSelectValue == '1'
-                                        ? stores.sadianIcon.zddw
-                                        : checkedSelectValue == '2'
-                                        ? stores.sadianIcon.ybdw
-                                        : checkedSelectValue == '3'
-                                        ? stores.sadianIcon.jxcs
-                                        : checkedSelectValue == '9'
-                                        ? stores.sadianIcon.qtdw
-                                        : checkedSelectValue == '10'
-                                        ? stores.sadianIcon.dxzht
-                                        : stores.sadianIcon.bwg
-                                "
-                                alt=""
-                            />
-                            <span>{{ checkedSelectLabel }}</span>
-                            <el-select
-                                v-model="checkedSelectValue"
-                                placeholder="单位信息"
-                                class="selectTypeIcon"
-                                style="display: inline-block; width: 100%; position: absolute; right: 0"
-                                @change="selectArray"
+                    <div class="setstyle" style="padding: 4px 0 !important;">
+                        <el-tree
+                            :data="treeData"
+                            show-checkbox
+                            node-key="id"
+                            :default-expanded-keys="[0, 1]"
+                            :default-checked-keys="[1]"
+                            :props="defaultProps"
+                            ref="tree"
+                            class="custom-tree-style"
+                            @check-change="handleCheckChange"
                             >
-                                <el-option v-for="item in checkedSelectArray" :key="item.value" :label="item.label" :value="item.value"> </el-option>
-                            </el-select>
-                        </div>
-                        <div @click="checkType('执法记录仪')" :class=" checked == '执法记录仪' ? 'checkTypeSelect' : ''">
-                            <img :src="stores.sadianIcon.zfjly" alt="" />
-                            <span>执法记录仪</span>
-                        </div>
+                        </el-tree>
                     </div>
                 </div>
             </div>
@@ -95,6 +59,140 @@
                 <videoInfo />
             </div>
         </div>
+        <!-- 消防安全重点单位弹框 -->
+        <transition name="el-fade-in-linear">
+            <div class="tableTooltipwt2" v-if="tk">
+                <img src="~@a/img/icon/close.png" alt="" class="close" @click="closeTk" />
+                <el-col class="mk">
+                    <el-row>
+                        <el-col>
+                            <span class="color2">单位名称:</span>
+                            <span class="color1">{{ tkData.companyName }}</span>
+                        </el-col>
+                        <el-col>
+                            <span class="color2">单位类型:</span>
+                            <span class="color1">重点单位</span>
+                        </el-col>
+                        <el-col>
+                            <span class="color2">地址:</span>
+                            <span class="color1">{{ tkData.address }}</span>
+                        </el-col>
+                        <el-col v-if="tkData.person3">
+                            <span class="color2">单位联系人:</span>
+                            <span class="color1">{{ tkData.person3 }}</span>
+                        </el-col>
+                        <el-col v-if="tkData.phone3" >
+                            <span class="color2">单位联系人电话:</span>
+                            <span class="color1">{{ tkData.phone3 }}</span>
+                        </el-col>
+                        <el-col v-if="tkData.person1">
+                            <span class="color2">消防安全责任人:</span>
+                            <span class="color1">{{ tkData.person1 }}</span>
+                        </el-col>
+                        <el-col v-if="tkData.phone1">
+                            <span class="color2">消防安全责任人电话:</span>
+                            <span class="color1">{{ tkData.phone1 }}</span>
+                        </el-col>
+                        <el-col v-if="tkData.person2">
+                            <span class="color2">消防安全管理人:</span>
+                            <span class="color1">{{ tkData.person2 }}</span>
+                        </el-col>
+                        <el-col v-if="tkData.phone2" style="border-bottom: 1px solid #fff; padding-bottom: 10px">
+                            <span class="color2">消防安全管理人电话:</span>
+                            <span class="color1">{{ tkData.phone2 }}</span>
+                        </el-col>
+                        
+                        <el-col style="margin-top: 6px">
+                            <span class="color1" style="margin-left: 0">企业消防综合评估</span>
+                            <span class="color1" style="float: right"
+                                >综合得分:{{
+                                    tkData.fireRisk + tkData.buildIntegrity + tkData.lawEnforce + tkData.selfManage + tkData.facilityStatus
+                                        ? (tkData.fireRisk + tkData.buildIntegrity + tkData.lawEnforce + tkData.selfManage + tkData.facilityStatus).toFixed(2)
+                                        : 0
+                                }}
+                                分</span
+                            >
+                        </el-col>
+                        <table border="0" cellspacing="0" cellpadding="0">
+                            <thead>
+                                <tr>
+                                    <th>指数</th>
+                                    <th>建筑整体指数</th>
+                                    <th>火灾风险指数</th>
+                                    <th>监督执法指数</th>
+                                    <th>自主管理指数</th>
+                                    <th>设施状况指数</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td>得分</td>
+                                    <td>{{ tkData.fireRisk }}</td>
+                                    <td>{{ tkData.buildIntegrity }}</td>
+                                    <td>{{ tkData.lawEnforce }}</td>
+                                    <td>{{ tkData.selfManage }}</td>
+                                    <td>{{ tkData.facilityStatus }}</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <el-col style="margin-top: 6px" v-if="tkData.reformPart">
+                            <span class="color1" style="margin-left: 0">消防整改情况</span>
+                        </el-col>
+                        <el-col v-if="tkData.reformPart">
+                            <span class="color1" style="margin-left: 0">编号:{{ tkData.reformCode }}</span>
+                            <span class="color1" style="float: right">整改期限:{{ tkData.limitTime ? tkData.limitTime.split("T")[0] + " " + tkData.limitTime.split("T")[1] : "" }}</span>
+                        </el-col>
+                        <table border="0" cellspacing="0" cellpadding="0" v-if="tkData.reformPart">
+                            <thead>
+                                <tr>
+                                    <th>序号</th>
+                                    <th>整改项</th>
+                                    <th>原因</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr v-for="(item, index) in tkData.reformPart.data" :key="index">
+                                    <td>{{ index + 1 }}</td>
+                                    <td>{{ item.item }}</td>
+                                    <td>{{ item.reason }}</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <div style="margin-top: 40px" v-if="tkData.reformStatus != 0">
+                            <el-steps
+                                :active="tkData.reformStatus == 1 ? 1 : tkData.reformStatus == 2 || tkData.reformStatus == 3 ? 1 : tkData.reformStatus == 4 || tkData.reformStatus == 5 ? 2 : 0"
+                                align-center
+                            >
+                                <el-step title="已接收" :description="tkData.receivedTime.replace('T', ' ')"></el-step>
+                                <el-step
+                                    :title="tkData.reformStatus == 2 ? '整改中' : tkData.reformStatus == 3 || tkData.reformStatus == 4 || tkData.reformStatus == 5 ? '整改完成' : '整改中'"
+                                    :description="tkData.reformTime.replace('T', ' ')"
+                                ></el-step>
+                                <el-step
+                                    :title="
+                                        tkData.reformStatus == 1 || tkData.reformStatus == 2 || tkData.reformStatus == 3
+                                            ? '待审核'
+                                            : tkData.reformStatus == 4
+                                            ? '审核不通过'
+                                            : tkData.reformStatus == 5
+                                            ? '审核通过'
+                                            : ''
+                                    "
+                                    :description="tkData.reviewTime.replace('T', ' ')"
+                                ></el-step>
+                            </el-steps>
+                        </div>
+                        <div style="margin: 10px auto" v-if="tkData.companyName == '上海虹桥国际特商物流港'">
+                            <el-button type="primary" size="small" style="background: none; border-radius: 4px; border: 1px solid #73fbfd; height: 30px; padding: 0 6px !important; margin: 10px 0 0"
+                                ><a href="http://file.usky.cn/statics/202303/20232D91E7B3D14C346BC9F009FA0B76FA5BF.pdf" target="_blank" style="color: #fff; text-decoration: none"
+                                    >&nbsp;&nbsp;查看报告&nbsp;&nbsp;</a
+                                ></el-button
+                            >
+                        </div>
+                    </el-row>
+                </el-col>
+            </div>
+        </transition>
     </div>
 </template>
 <script>
@@ -116,7 +214,7 @@ import IOTInfo from "@c/IOTInfo/index"; //街镇物联设备情况
 import videoInfo from "@c/videoInfo/index"; //执法记录仪情况
 
 import linstener from "@c/mixins/linstener";
-import map from "@c/mixins/map-data1";
+import map from "@c/mixins/map-data32_9";
 export default {
     components: { 
         basicInfo, complaintInfo, matterInfo,
@@ -127,20 +225,40 @@ export default {
     mixins: [linstener, map],
     data() {
         return {
+            selectTreeArr: [],
+            selectTreeValue: [],
+            treeData: [
+                {
+                    id: 0,
+                    label: '单位信息',
+                    children: [
+                        { id: 1, label: "重点单位" },
+                        { id: 2, label: "一般单位" },
+                        { id: 3, label: "九小场所" },
+                        { id: 10, label: "大型综合体" },
+                    ]
+                },
+                {
+                    id: 101,
+                    label: '厂房、仓库',
+                },
+                // {
+                //     id: 101,
+                //     label: '执法记录仪',
+                // },
+            ],
+            defaultProps: {
+                children: 'children',
+                label: 'label'
+            },
+            axiosNum:0,
             leftBtn:true,
             rightBtn:true,
-            checkedArray: {
-                checkedData: [1],
-            }, //类型筛选
-            checkedSelectValue: "7",
-            checkedSelectLabel: "单位信息",
-            checkedSelectArray: [
-                { value: 0, label: "单位信息" },
-                { value: 1, label: "重点单位" },
-                { value: 2, label: "一般单位" },
-                { value: 3, label: "九小场所" },
-                { value: 10, label: "大型综合体" },
-            ],
+            
+
+            tk:false,//消防安全重点单位弹框
+            tkData:[],//消防安全重点单位数据
+            
         };
     },
     created() {
@@ -148,113 +266,239 @@ export default {
     },
     mounted() {
         this.initMap();
+        setTimeout(() => {
+            this.sadian([1]);
+        },3000)
     },
     methods: {
-        //地图区域操作
-        leftBtnClick() {
-            this.leftBtn = !this.leftBtn;
-        },
-        rightBtnClick() {
-            this.rightBtn = !this.rightBtn
-        },
+        // 地图区域操作
+            leftBtnClick() {
+                this.leftBtn = !this.leftBtn;
+            },
+            rightBtnClick() {
+                this.rightBtn = !this.rightBtn
+            },
+            /**
+             * 撒点街镇选择测绘院
+             */
+            checkStreetTown() {
+                let data = undefined;
+                for (let i = 0; i < this.stroes.$state.mhjz.length; i++) {
+                    if (
+                        this.stroes.$state.streetTown == this.stroes.$state.mhjz[i].streetTown
+                    ) {
+                        data = this.stroes.$state.mhjz[i];
+                        break;
+                    }
+                }
+                if (!this.stroes.$state.streetTown) {
+                    data = this.stroes.$state.mhjz[0];
+                }
+                this.streetTownSwitch(data);
+            },
+            /**
+             * 撒点类型选择
+             */
+            handleCheckChange(){
+                this.sadian(this.$refs.tree.getCheckedKeys())
+            },
         /**
-         * 撒点街镇选择测绘院
+         * 撒点信息
+         * @param id 
+         * @param code 
          */
-        checkStreetTown() {
-            let data = undefined;
-            for (let i = 0; i < this.stroes.$state.mhjz.length; i++) {
-                if (
-                    this.stroes.$state.streetTown == this.stroes.$state.mhjz[i].streetTown
-                ) {
-                    data = this.stroes.$state.mhjz[i];
-                    break;
-                }
-            }
-            if (!this.stroes.$state.streetTown) {
-                data = this.stroes.$state.mhjz[0];
-            }
-            this.streetTownSwitch(data);
-            this.sadian();
-        },
-        async sadian(id,code) {
-            let arr = [];
-            let typeAll = this.checkedSelectArray;
-            let type = null;
-            for (let i = 0; i < typeAll.length; i++) {
-                if (id == typeAll[i].value) {
-                    type = typeAll[i].label;
+        async sadian(params,code) {
+            if(JSON.stringify(params) == '[]' || JSON.stringify(params) == '[0]'){
+                this.addMarker([], "index");    
+            }else{
+                let arr = [];
+                this.axiosNum= 0
+                for(let i=0;i<params.length;i++){
+                    if(params[i]>0){
+                        this.axiosNum ++
+                    }
                 }
-            }
-            if (id == 0) {
-                this.addMarker([], "self-management");
-            }
-            if (id == 1 || id == 2 || id == 3 || id == 9) {
-                await this.$axios
-                    .get(
-                        this.$api.selfManagement.mapList +
-                            "?" +
-                            this.$qs.stringify({
-                                streetTown: this.stroes.$state.streetTown,
-                                companyType: id,
+                var axiosSub = 0
+                for(let i=0;i<params.length;i++){
+                    if(params[i]>0){
+                        if(params[i] < 10){//单位信息
+                            await this.$axios
+                            .get(
+                                this.$api.selfManagement.mapList +
+                                    "?" +
+                                    this.$qs.stringify({
+                                        streetTown: this.stroes.$state.streetTown,
+                                        companyType: params[i],
+                                    })
+                            )
+                            .then((res) => {
+                                if (res.data.length > 0) {
+                                    //点分布
+                                    let data = res.data;
+                                    for (let i = 0; i < data.length; i++) {
+                                        arr.push({
+                                            id: data[i].id ? data[i].id : null,
+                                            type: data[i].companyTypeName ? data[i].companyTypeName : null,
+                                            type1: data[i].companyTypeName ? data[i].companyTypeName : null,
+                                            address: data[i].address ? data[i].address : null,
+                                            companyName: data[i].companyName ? data[i].companyName : null,
+                                            streetTown: data[i].streetTown ? data[i].streetTown : null,
+                                            longitude: data[i].longitude,
+                                            latitude: data[i].latitude,
+                                            companyId: data[i].companyId,
+                                            linkPhone: data[i].linkPhone ? data[i].linkPhone : null,
+                                        });
+                                    }
+                                } 
+                                axiosSub ++
+                                if(axiosSub == this.axiosNum){
+                                    this.addMarker(arr, "index");
+                                }
+                            });
+                        }
+                        if(params[i] == 10){//大型综合体
+                            this.$axios
+                            .post(this.$api.water.baseGgpFacilityList, {
+                                facilityType: [2, 3],
                             })
-                    )
-                    .then((res) => {
-                        if (res.data.length > 0) {
-                            //点分布
-                            let data = res.data;
-                            for (let i = 0; i < data.length; i++) {
-                                arr[i] = {
-                                    id: data[i].id ? data[i].id : null,
-                                    type: data[i].companyTypeName ? data[i].companyTypeName : null,
-                                    address: data[i].address ? data[i].address : null,
-                                    companyName: data[i].companyName ? data[i].companyName : null,
-                                    streetTown: data[i].streetTown ? data[i].streetTown : null,
-                                    gisX: data[i].longitude,
-                                    gisY: data[i].latitude,
-                                    companyId: data[i].companyId,
-                                    linkPhone: data[i].linkPhone ? data[i].linkPhone : null,
-                                };
-                            }
-                            setTimeout(() => {
-                                this.addMarker(arr.splice(0, 500), "self-management", type);
-                            }, 500);
-                        } else {
-                            this.addMarker([], "self-management", type);
+                            .then((res) => {
+                                // 2 五万
+                                // 3 三至五万
+                                for (let i = 0; i < res.data.length; i++) {
+                                    arr[i] = {};
+                                    arr[i].address = res.data[i].address;
+                                    arr[i].facilityName = res.data[i].facilityName;
+                                    arr[i].extendData = res.data[i].extendData;
+                                    arr[i].latitude = res.data[i].latitude;
+                                    arr[i].longitude = res.data[i].longitude;
+                                    arr[i].type = "大型综合体";
+                                    arr[i].type1 = "大型综合体";
+                                    if (res.data[i].id == 48) {
+                                        //龙湖天街试点
+                                        arr[i].facilityType = "lhtj";
+                                    } else {
+                                        arr[i].facilityType = res.data[i].facilityType;
+                                    }
+                                }
+                                axiosSub ++
+                                if(axiosSub == this.axiosNum){
+                                    this.addMarker(arr, "index");
+                                }
+                            });
                         }
-                    });
-           
-            } else if (id == 10) {
-                this.$axios
-                    .post(this.$api.water.baseGgpFacilityList, {
-                        facilityType: [2, 3],
-                    })
-                    .then((res) => {
-                        // 2 五万
-                        // 3 三至五万
-                        for (let i = 0; i < res.data.length; i++) {
-                            arr[i] = {};
-                            arr[i].address = res.data[i].address;
-                            arr[i].facilityName = res.data[i].facilityName;
-                            arr[i].extendData = res.data[i].extendData;
-                            arr[i].latitude = res.data[i].latitude;
-                            arr[i].longitude = res.data[i].longitude;
-                            arr[i].type = "大型综合体";
-                            if (res.data[i].id == 48) {
-                                //龙湖天街试点
-                                arr[i].facilityType = "lhtj";
-                            } else {
-                                arr[i].facilityType = res.data[i].facilityType;
-                            }
+                        if(params[i] == 101){//厂房、仓库
+                            this.$axios
+                            .get(
+                                this.$api.water.getWarehouse +
+                                    "?" +
+                                    this.$qs.stringify({
+                                        type: 1,
+                                pageNum:1,
+                                pageSize:1000,
+                                    })
+                            )
+                            .then((res) => {
+                                for (let i = 0; i < res.data.records.length; i++) {
+                                    arr[i] = {};
+                                    arr[i].address = res.data.records[i].mhBuild.address;
+                                    arr[i].facilityName = res.data.records[i].mhCompany.companyName;
+                                    arr[i].facilityType = res.data.records[i].mhCompany.companyStatus;
+                                    arr[i].qrcode = res.data.records[i].mhCompany.qrcode;
+                                    arr[i].creditCode = res.data.records[i].mhCompany.creditCode;
+                                    arr[i].companyLegal = res.data.records[i].mhCompany.companyLegal;
+                                    arr[i].safetyManager = res.data.records[i].mhCompany.safetyManager;
+                                    arr[i].phone = res.data.records[i].mhCompany.phone;
+                                    arr[i].safetyManager = res.data.records[i].mhCompany.safetyManager;
+                                    arr[i].companyArea = res.data.records[i].mhCompany.companyArea;
+                                    arr[i].street = res.data.records[i].mhCompany.street;
+                                    arr[i].state = res.data.records[i].mhCompany.state;
+                                    arr[i].isExamine = res.data.records[i].mhCompany.isExamine;
+                                    arr[i].status = res.data.records[i].mhCompany.status;
+                                    arr[i].height = res.data.records[i].mhBuild.height;
+                                    arr[i].buildNature = res.data.records[i].mhBuild.buildNature;
+                                    arr[i].latitude = res.data.records[i].mhBuild.lat;
+                                    arr[i].longitude = res.data.records[i].mhBuild.lon;
+                                    arr[i].type = "厂房、仓库";
+                                    arr[i].type1 = "厂房、仓库";
+                                }
+                                axiosSub ++
+                                if(axiosSub == this.axiosNum){
+                                    this.addMarker(arr, "index");
+                                }
+                            });
                         }
-                        this.addMarker(arr, "self-management", "大型综合体");
-                    });
-                 } else {
-            this.addMarker([], "self-management", "");
-        }
-        },
+                        
+                        
+                    }
+                }
+            }
 
+        },
+        
+        //重点单位弹框
+            /**
+             * @消防安全重点单位撒点详情
+             * @api接口请求
+             */
+            async zddwSd(val) {
+                console.log(val)
+                let res = await this.$axios.get(
+                    this.$api.selfManagement.scatterData +
+                        "?" +
+                        this.$qs.stringify({
+                            companyId: val,
+                        })
+                );
+                if (res.data) {
+                    this.tkData = res.data[0];
+                    this.tkData.person1 = val.person1
+                    this.tkData.person2 = val.person2
+                    this.tkData.person3 = val.person3
+                    this.tkData.phone1 = val.phone1
+                    this.tkData.phone2 = val.phone2
+                    this.tkData.phone3 = val.phone3
+                    this.tk = true;
+                }
+            },
+            /**
+             * 消防安全重点单位关闭
+             */
+            closeTk() {
+                this.tk = false;
+            },
     },
+    watch: {
+        // "stores.$state.gridData": function (newValue, oldValue) {
+        //     if (this.gridStatus == 19) {
+        //         this.grid(19, newValue.name, newValue.position);
+        //     }
+        //     if (this.gridStatus == 15) {
 
+        //         this.grid(15, newValue.name, newValue.position);
+        //         this.staticsSd(newValue.name,2,'')
+        //         setTimeout(()=>{
+        //             this.diversionArea2State = false
+        //         },1000)
+        //     }
+        //     if (this.gridStatus == 16) {
+        //         this.grid(16, newValue.name, newValue.position,null,3);
+        //     }
+        // },
+
+        // "stores.$state.jkspData": function (newValue, oldValue) {
+        //     this.jkspStatus = true
+        //     this.Message.name = newValue.children[0][1]
+        //     this.Message.videoId = newValue.id
+        //     this.Message.videoUrl = newValue.url
+        //     // "http://videocdn.didano.com/school765class0channelId2761namedingdangm/playlist.m3u8"
+        //     this.play()
+        // },
+        "stores.$state.zddwId": function (newValue, oldValue) {
+            this.zddwSd(newValue); //重点单位
+        },
+     
+
+    },
 };
 </script>
 <style lang="scss" scoped>
@@ -300,11 +544,148 @@ export default {
     
     }
 }
+
+.tableTooltipwt2 {
+    width: 6rem;
+    background: transparent;
+    border-radius: 0.05rem;
+    box-shadow: inset 0 0 1px 0.0125rem rgba(115, 251, 253, 1);
+    background: rgba(0, 29, 49, 0.5);
+    font-size: 0.2rem;
+    padding: 0.1875rem;
+    position: fixed;
+    top: 140px;
+    right: 600px;
+    z-index: 10000;
+    .close {
+        width: 40px;
+        height: 40px;
+        position: absolute;
+        right: 10px;
+        top: 10px;
+        z-index: 10000;
+        display: block;
+    }
+    .tableContent {
+        p {
+            @include color_primary($color-primary1);
+        }
+
+        .el-col {
+            margin-top: 0.05rem;
+            line-height: 0.3rem;
+            text-overflow: ellipsis !important;
+            white-space: normal !important;
+        }
+        .mk {
+            margin-top: 0px;
+        }
+    }
+}
+.color1 {
+    @include color_primary($color-primary3);
+    margin-left: 10px;
+}
+.color2 {
+    @include color_primary($color-primary1);
+}
+table {
+    width: 100%;
+    text-align: center;
+    color: #fff;
+    border: 1px solid #fff;
+    font-size: 20px;
+}
+
+table thead tr th {
+    padding: 5px 0px;
+    font-weight: 400;
+    border: 1px solid #fff;
+}
+
+table tbody tr td {
+    padding: 5px 0px;
+}
+
+table tbody tr:nth-child(2n) td {
+    //     background-color: lightblue;
+}
+
+td {
+    border: 0.5px solid #fff;
+}
+.checkRate{
+    position: absolute;
+    color:#fff;
+    right:50px;
+    top:80px;
+    font-size: 0.25rem;
+    img{
+        position: absolute;
+        width:80px;
+        top:-24px;
+        right:-14px;
+        animation: rotoImg 4s linear infinite;
+        // transform:skew(70deg)
+    }
+}
+@keyframes rotoImg{
+    from{
+        transform: rotate(0deg);
+    }
+    to{
+        transform: rotate(360deg);
+    } 
+}
+
 </style>
 <style lang="scss">
 .el-input__suffix{
     top:5px !important;
 }
+.setstyle {
+  height: 300px !important;
+  padding: 4px 0 !important;
+  .el-tree{
+    background: rgba(0, 66, 97, 0.9);
+    color:#fff;
+    font-size: 26px;
+  }
+  .el-checkbox__inner:after {
+    width:8px;
+    height:8px;
+    margin:4px 0 0 2px;
+  }
+  .el-checkbox__inner:before {
+    width:20px;
+    margin:4px 0 0 0px;
+  }
+  .el-tree .el-tree-node:hover {
+    background-color: rgba(0, 66, 97, 1); /* 自定义的背景颜色 */
+  }
+  .el-tree-node__content{
+    margin-top:20px;
+    .el-checkbox__inner{
+        
+        width:24px;
+        height:24px;
+    }
+    .el-tree-node__label{
+        font-size: 24px !important;
+    }
+  }
+
+
+}
+.el-tree-node__content:hover,.el-tree-node__content:focus{
+    background-color: rgba(0, 66, 97, 1) !important; /* 自定义的背景颜色 */
+}
+.el-tree-node:focus{
+    background-color: rgba(0, 66, 97, 1) !important; /* 自定义的背景颜色 */
+}
+.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
+    background-color: rgba(0, 66, 97, 1) !important; /* 自定义的背景颜色 */
+}
 
 
 </style>

+ 1 - 1
vue.config.js

@@ -5,7 +5,7 @@ const proxy = process.env.NODE_ENV === 'production' ? process.env.VUE_APP_BASE_U
 const day = new Date()
 const date = day.getFullYear() + (day.getMonth() + 1 < 10 ? '0' + (day.getMonth() + 1) : '' + (day.getMonth() + 1)) + (day.getDate() < 10 ? '0' + (day.getDate()) : day.getDate()) + '-' + day.getHours() + 'H' + day.getMinutes() + 'M'
 module.exports = {
-    publicPath: '/nlvmh', //部署路径后缀
+    publicPath: '/mh', //部署路径后缀
     outputDir: 'MH' + date, // 生产环境构建文件的目录。注意目标目录在构建之前会被清除 (构建时传入 --no-clean 可关闭该行为)
     assetsDir: 'static', // 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。
     //indexPath: 'index.html', // 指定生成的 index.html 的输出路径 (相对于 outputDir)。也可以是一个绝对路径。