弹框+网格页面

src/App.vue

@@ -1,13 +1,13 @@
 <template>
   <div id="app">
     <header>
-      <heads class="headS"></heads>
+      <!-- <heads class="headS"></heads> -->
     </header>
     <div class="viewContent">
       <!-- <keep-alive> -->
                 <router-view></router-view>
       <!-- </keep-alive> -->
-      <timeSelect :select="select" />
+      <!-- <timeSelect :select="select" /> -->
       <!-- <el-col  id="mapF"></el-col> -->
     </div>
     <div class="bg"></div>

src/assets/scss/common.scss

@@ -494,7 +494,8 @@ body {
 }
 
 .content .el-input__suffix {
-    top: -0.075rem;
+    top: 0;
+    line-height: 100%
 }
 
 .close {

src/components/dialog.vue

@@ -0,0 +1,85 @@
+<template >
+    <el-dialog v-model="dialogTableVisible" title="分页弹框">
+        <!-- 查询 -->
+        <el-form :inline="true" :model="formInline" class="demo-form-inline">
+            <el-form-item label="Approved by">
+            <el-input v-model="formInline.user" placeholder="Approved by" clearable />
+            </el-form-item>
+            <el-form-item label="Activity zone">
+            <el-select
+                v-model="formInline.region"
+                placeholder="Activity zone"
+                clearable
+            >
+                <el-option label="Zone one" value="shanghai" />
+                <el-option label="Zone two" value="beijing" />
+            </el-select>
+            </el-form-item>
+            <el-form-item label="Activity time">
+            <el-date-picker
+                v-model="formInline.date"
+                type="date"
+                placeholder="Pick a date"
+                clearable
+            />
+            </el-form-item>
+            <el-form-item>
+            <el-button type="primary" @click="onSubmit">查询</el-button>
+            </el-form-item>
+        </el-form>
+        <!-- 查询 -->
+
+        <!-- 表格 -->
+        <el-table :data="gridData">
+            <el-table-column property="" label="日期" width="150" />
+            <el-table-column property="name" label="名称" width="200" />
+            <el-table-column property="address" label="地址" />
+        </el-table>
+        <!-- 表格 end -->
+        <br>
+
+        <!-- 分页 -->
+        <el-pagination background layout="prev, pager, next" :total="100" />
+        <!-- 分页 end -->
+
+
+    </el-dialog>
+</template>
+<script>
+export default {
+  
+    data() {
+        return {
+            dialogTableVisible:true,
+            gridData:[
+                {
+                    date: '2016-05-02',
+                    name: 'John Smith',
+                    address: 'No.1518,  Jinshajiang Road, Putuo District',
+                },
+                {
+                    date: '2016-05-04',
+                    name: 'John Smith',
+                    address: 'No.1518,  Jinshajiang Road, Putuo District',
+                },
+                {
+                    date: '2016-05-01',
+                    name: 'John Smith',
+                    address: 'No.1518,  Jinshajiang Road, Putuo District',
+                },
+                {
+                    date: '2016-05-03',
+                    name: 'John Smith',
+                    address: 'No.1518,  Jinshajiang Road, Putuo District',
+                },
+            ],
+            formInline:{
+                user: '',
+                region: '',
+                date: '',
+            }
+        };
+    },
+   
+};
+</script>

src/components/mixins/anbao.js

@@ -1,374 +1,935 @@
 let data = [
     [{
-            "x": 121.34084989614948,
-            "y": 31.12858247332104,
+            "x": 121.26306899392851,
+            "y": 31.255948793608567,
             "z": 0
         },
         {
-            "x": 121.33942778588207,
-            "y": 31.130803311972542,
+            "x": 121.26320221081865,
+            "y": 31.256381111548922,
             "z": 0
         },
         {
-            "x": 121.33858804017827,
-            "y": 31.132715056266754,
+            "x": 121.26361449558198,
+            "y": 31.256587172573543,
             "z": 0
         },
         {
-            "x": 121.33454547409274,
-            "y": 31.138725467378915,
+            "x": 121.26298246576228,
+            "y": 31.25704574748493,
             "z": 0
         },
         {
-            "x": 121.3309966267598,
-            "y": 31.139147921097486,
+            "x": 121.2624320838187,
+            "y": 31.25671465418483,
             "z": 0
         },
         {
-            "x": 121.33209105693523,
-            "y": 31.142033452591846,
+            "x": 121.26193310606241,
+            "y": 31.257006818738546,
             "z": 0
         },
         {
-            "x": 121.33184867440895,
-            "y": 31.145138113319693,
+            "x": 121.26230256940255,
+            "y": 31.257548022966635,
             "z": 0
         },
         {
-            "x": 121.32667759178184,
-            "y": 31.149726741604216,
+            "x": 121.2600611796243,
+            "y": 31.258899333908445,
             "z": 0
         },
         {
-            "x": 121.3245540180588,
-            "y": 31.154748742691265,
+            "x": 121.259826426707,
+            "y": 31.261163383263092,
             "z": 0
         },
         {
-            "x": 121.32106923954754,
-            "y": 31.159111538416877,
+            "x": 121.25954685809057,
+            "y": 31.26146633857457,
             "z": 0
         },
         {
-            "x": 121.31390753147438,
-            "y": 31.158401158837385,
+            "x": 121.25667346346219,
+            "y": 31.260912920516397,
             "z": 0
         },
         {
-            "x": 121.31270584685114,
-            "y": 31.161994360193365,
+            "x": 121.2563641459241,
+            "y": 31.260013629292803,
             "z": 0
         },
         {
-            "x": 121.31691669959334,
-            "y": 31.16467715288606,
+            "x": 121.25240243033579,
+            "y": 31.261053040564903,
             "z": 0
         },
         {
-            "x": 121.30947140247605,
-            "y": 31.179698052950997,
+            "x": 121.25135826857354,
+            "y": 31.260454201339638,
             "z": 0
         },
         {
-            "x": 121.29679567898005,
-            "y": 31.196880877127775,
+            "x": 121.25118078018251,
+            "y": 31.261444495885648,
             "z": 0
         },
         {
-            "x": 121.29109606901577,
-            "y": 31.203285021444845,
+            "x": 121.25014504988772,
+            "y": 31.26175006647878,
             "z": 0
         },
         {
-            "x": 121.28199283870207,
-            "y": 31.19665792666678,
+            "x": 121.24994111261732,
+            "y": 31.26110242172234,
             "z": 0
         },
         {
-            "x": 121.27138773158701,
-            "y": 31.194690146169492,
+            "x": 121.2495856340246,
+            "y": 31.26075909637049,
             "z": 0
         },
         {
-            "x": 121.26530308261866,
-            "y": 31.201223811830438,
+            "x": 121.24979618763511,
+            "y": 31.26020133533103,
             "z": 0
         },
         {
-            "x": 121.25990804641631,
-            "y": 31.205552610175364,
+            "x": 121.24841100951646,
+            "y": 31.25926786226074,
             "z": 0
         },
         {
-            "x": 121.25632308995537,
-            "y": 31.21083323779982,
+            "x": 121.24650971989169,
+            "y": 31.258722538849458,
             "z": 0
         },
         {
-            "x": 121.257476244422,
-            "y": 31.211980160739664,
+            "x": 121.24626734520767,
+            "y": 31.258175634276952,
             "z": 0
         },
         {
-            "x": 121.2529750941215,
-            "y": 31.215519647868522,
+            "x": 121.24543152326507,
+            "y": 31.258345934465886,
             "z": 0
         },
         {
-            "x": 121.25479501613827,
-            "y": 31.219310892044724,
+            "x": 121.24556623304353,
+            "y": 31.257674228699994,
             "z": 0
         },
         {
-            "x": 121.25114394445855,
-            "y": 31.223582656070484,
+            "x": 121.2450105481295,
+            "y": 31.25709141133361,
             "z": 0
         },
         {
-            "x": 121.2519592985302,
-            "y": 31.22476650666784,
+            "x": 121.24450585896311,
+            "y": 31.257134334680106,
             "z": 0
         },
         {
-            "x": 121.25189618789621,
-            "y": 31.232433281315558,
+            "x": 121.24388685294507,
+            "y": 31.256223416174006,
             "z": 0
         },
         {
-            "x": 121.24716403468145,
-            "y": 31.235874846751376,
+            "x": 121.24278109720935,
+            "y": 31.255238922510753,
             "z": 0
         },
         {
-            "x": 121.24656338237652,
-            "y": 31.239123184528605,
+            "x": 121.24287641578456,
+            "y": 31.25458522714396,
             "z": 0
         },
         {
-            "x": 121.2440819995851,
-            "y": 31.237072198827374,
+            "x": 121.24212932262395,
+            "y": 31.253775456727766,
             "z": 0
         },
         {
-            "x": 121.24244875588714,
-            "y": 31.241436589664573,
+            "x": 121.24263968140836,
+            "y": 31.253572178842123,
             "z": 0
         },
         {
-            "x": 121.2364449482677,
-            "y": 31.240945369817673,
+            "x": 121.24307968895448,
+            "y": 31.253692240240383,
             "z": 0
         },
         {
-            "x": 121.23344036427412,
-            "y": 31.245056868957185,
+            "x": 121.24395698870485,
+            "y": 31.253367251968715,
             "z": 0
         },
         {
-            "x": 121.23659760737362,
-            "y": 31.249359602431475,
+            "x": 121.24379511411276,
+            "y": 31.2531261551781,
             "z": 0
         },
         {
-            "x": 121.24060367552974,
-            "y": 31.25249601872048,
+            "x": 121.24291851868641,
+            "y": 31.25345045147013,
             "z": 0
         },
         {
-            "x": 121.2432383446035,
-            "y": 31.25770749235973,
+            "x": 121.24264911985344,
+            "y": 31.253451128624096,
             "z": 0
         },
         {
-            "x": 121.24949601959807,
-            "y": 31.261705461409914,
+            "x": 121.24239542329018,
+            "y": 31.252688251908776,
             "z": 0
         },
         {
-            "x": 121.25575189794505,
-            "y": 31.261521098346453,
+            "x": 121.24264737539298,
+            "y": 31.252327744096924,
             "z": 0
         },
         {
-            "x": 121.26091856746048,
-            "y": 31.262112282545022,
+            "x": 121.24216235181952,
+            "y": 31.252249139607027,
             "z": 0
         },
         {
-            "x": 121.26425265868667,
-            "y": 31.256500432944183,
+            "x": 121.24155734889486,
+            "y": 31.250941738501297,
             "z": 0
         },
         {
-            "x": 121.27075018390428,
-            "y": 31.256073389431023,
+            "x": 121.23990401152555,
+            "y": 31.250555296971555,
             "z": 0
         },
         {
-            "x": 121.2779261640939,
-            "y": 31.25501337801693,
+            "x": 121.23877624681698,
+            "y": 31.249655959418302,
             "z": 0
         },
         {
-            "x": 121.28154138268434,
-            "y": 31.253079125133276,
+            "x": 121.23804094910243,
+            "y": 31.24962039329836,
             "z": 0
         },
         {
-            "x": 121.27912292684023,
-            "y": 31.248956153134042,
+            "x": 121.23743927049134,
+            "y": 31.249136468481126,
             "z": 0
         },
         {
-            "x": 121.28374554626585,
-            "y": 31.24584538722547,
+            "x": 121.2377441349412,
+            "y": 31.248726610324262,
             "z": 0
         },
         {
-            "x": 121.28793674862601,
-            "y": 31.236490866272767,
+            "x": 121.23744407144305,
+            "y": 31.248541927155618,
             "z": 0
         },
         {
-            "x": 121.3088103209221,
-            "y": 31.230818776251972,
+            "x": 121.23731429895162,
+            "y": 31.24861639442812,
             "z": 0
         },
         {
-            "x": 121.3193451728971,
-            "y": 31.23313041305674,
+            "x": 121.23646293417532,
+            "y": 31.247842585945193,
             "z": 0
         },
         {
-            "x": 121.32808523796052,
-            "y": 31.23469823446508,
+            "x": 121.23672456521366,
+            "y": 31.24747435962754,
             "z": 0
         },
         {
-            "x": 121.32926997893195,
-            "y": 31.23957232844026,
+            "x": 121.23630262600311,
+            "y": 31.24699944358817,
             "z": 0
         },
         {
-            "x": 121.33519990085273,
-            "y": 31.240301361892758,
+            "x": 121.23686571057051,
+            "y": 31.24630610412055,
             "z": 0
         },
         {
-            "x": 121.34321782361637,
-            "y": 31.23318273684901,
+            "x": 121.23623718497215,
+            "y": 31.24554805810533,
             "z": 0
         },
         {
-            "x": 121.34162040704014,
-            "y": 31.22915404532894,
+            "x": 121.23705240434467,
+            "y": 31.244684372213165,
             "z": 0
         },
         {
-            "x": 121.34242394630441,
-            "y": 31.225227374632013,
+            "x": 121.23576182279922,
+            "y": 31.24344336553734,
             "z": 0
         },
         {
-            "x": 121.34002419118717,
-            "y": 31.216955839313115,
+            "x": 121.23657531991898,
+            "y": 31.242246378902543,
             "z": 0
         },
         {
-            "x": 121.33589989949567,
-            "y": 31.199029605322686,
+            "x": 121.23778536222028,
+            "y": 31.24255832941481,
             "z": 0
         },
         {
-            "x": 121.33507451253506,
-            "y": 31.190181938522773,
+            "x": 121.2379540392057,
+            "y": 31.24234779586209,
             "z": 0
         },
         {
-            "x": 121.3361412954507,
-            "y": 31.183835997609442,
+            "x": 121.23845512640686,
+            "y": 31.242556633556386,
             "z": 0
         },
         {
-            "x": 121.34887207599643,
-            "y": 31.186317588800392,
+            "x": 121.23874941521147,
+            "y": 31.241961661810933,
             "z": 0
         },
         {
-            "x": 121.3539680802259,
-            "y": 31.189582506201106,
+            "x": 121.24050541396673,
+            "y": 31.24241130317212,
             "z": 0
         },
         {
-            "x": 121.40069749953834,
-            "y": 31.194871502005856,
+            "x": 121.24083574643991,
+            "y": 31.2418518332762,
             "z": 0
         },
         {
-            "x": 121.40917484405625,
-            "y": 31.1933925135119,
+            "x": 121.24368617460554,
+            "y": 31.242473180087266,
             "z": 0
         },
         {
-            "x": 121.4128430189894,
-            "y": 31.187710298302942,
+            "x": 121.24430459289525,
+            "y": 31.242086950900063,
             "z": 0
         },
         {
-            "x": 121.41139291314701,
-            "y": 31.181569346383576,
+            "x": 121.24413018028227,
+            "y": 31.241773746234085,
             "z": 0
         },
         {
-            "x": 121.39342540804859,
-            "y": 31.177142938353306,
+            "x": 121.24429114306764,
+            "y": 31.24153001017893,
             "z": 0
         },
         {
-            "x": 121.39142121064256,
-            "y": 31.168687501494492,
+            "x": 121.24361510977019,
+            "y": 31.241081382359685,
             "z": 0
         },
         {
-            "x": 121.3916649771555,
-            "y": 31.164903352566135,
+            "x": 121.24393600515924,
+            "y": 31.240563256656873,
             "z": 0
         },
         {
-            "x": 121.36728865401562,
-            "y": 31.158509321989055,
+            "x": 121.24431341804134,
+            "y": 31.240734432692268,
             "z": 0
         },
         {
-            "x": 121.36906491924773,
-            "y": 31.153749952934817,
+            "x": 121.24499522234913,
+            "y": 31.239874700334397,
             "z": 0
         },
         {
-            "x": 121.36778224163446,
-            "y": 31.153442636048897,
+            "x": 121.24511246697968,
+            "y": 31.23963541685212,
             "z": 0
         },
         {
-            "x": 121.37345044210254,
-            "y": 31.14022528950428,
+            "x": 121.24460818519596,
+            "y": 31.239296293963807,
             "z": 0
         },
         {
-            "x": 121.3740627865801,
-            "y": 31.139154182776362,
+            "x": 121.2452871068846,
+            "y": 31.238549413109446,
             "z": 0
         },
         {
-            "x": 121.3664327665564,
-            "y": 31.13825299801802,
+            "x": 121.24626157166347,
+            "y": 31.239428039938765,
             "z": 0
         },
         {
-            "x": 121.34069566129524,
-            "y": 31.128614639035597,
+            "x": 121.24619733087488,
+            "y": 31.239974171236373,
             "z": 0
-        }
+        },
+        {
+            "x": 121.24632838837267,
+            "y": 31.24017929864166,
+            "z": 0
+        },
+        {
+            "x": 121.2473033261478,
+            "y": 31.23969793073684,
+            "z": 0
+        },
+        {
+            "x": 121.24834581295673,
+            "y": 31.238981049735802,
+            "z": 0
+        },
+        {
+            "x": 121.24901520477474,
+            "y": 31.238337335442136,
+            "z": 0
+        },
+        {
+            "x": 121.24863824482182,
+            "y": 31.2381700576885,
+            "z": 0
+        },
+        {
+            "x": 121.24937439134517,
+            "y": 31.23729743195308,
+            "z": 0
+        },
+        {
+            "x": 121.24982148515568,
+            "y": 31.23646590452373,
+            "z": 0
+        },
+        {
+            "x": 121.24967087836387,
+            "y": 31.235905466667916,
+            "z": 0
+        },
+        {
+            "x": 121.24964313469393,
+            "y": 31.235266778412477,
+            "z": 0
+        },
+        {
+            "x": 121.25029852224621,
+            "y": 31.23452659669651,
+            "z": 0
+        },
+        {
+            "x": 121.25039578949286,
+            "y": 31.234784242357016,
+            "z": 0
+        },
+        {
+            "x": 121.25298023763631,
+            "y": 31.23269507232833,
+            "z": 0
+        },
+        {
+            "x": 121.25331596667615,
+            "y": 31.23190107767345,
+            "z": 0
+        },
+        {
+            "x": 121.25272110613214,
+            "y": 31.23111535669503,
+            "z": 0
+        },
+        {
+            "x": 121.2537669790942,
+            "y": 31.228924594741077,
+            "z": 0
+        },
+        {
+            "x": 121.25194166838227,
+            "y": 31.228372031372125,
+            "z": 0
+        },
+        {
+            "x": 121.25272103834384,
+            "y": 31.227435987049816,
+            "z": 0
+        },
+        {
+            "x": 121.25230641566554,
+            "y": 31.227437086007583,
+            "z": 0
+        },
+        {
+            "x": 121.25302333570308,
+            "y": 31.226236687556842,
+            "z": 0
+        },
+        {
+            "x": 121.25262892255974,
+            "y": 31.22582996031752,
+            "z": 0
+        },
+        {
+            "x": 121.25379076586631,
+            "y": 31.22468005693038,
+            "z": 0
+        },
+        {
+            "x": 121.25411120607181,
+            "y": 31.22394385439864,
+            "z": 0
+        },
+        {
+            "x": 121.25356826925201,
+            "y": 31.223445259736067,
+            "z": 0
+        },
+        {
+            "x": 121.25381670832165,
+            "y": 31.223181176707936,
+            "z": 0
+        },
+        {
+            "x": 121.25327546761132,
+            "y": 31.22265762235999,
+            "z": 0
+        },
+        {
+            "x": 121.25347548935594,
+            "y": 31.222283661975325,
+            "z": 0
+        },
+        {
+            "x": 121.25328752114105,
+            "y": 31.22191198441545,
+            "z": 0
+        },
+        {
+            "x": 121.25408659490236,
+            "y": 31.221501972012916,
+            "z": 0
+        },
+        {
+            "x": 121.25466843993125,
+            "y": 31.22021259204125,
+            "z": 0
+        },
+        {
+            "x": 121.25527377324343,
+            "y": 31.220357423944012,
+            "z": 0
+        },
+        {
+            "x": 121.25558473471911,
+            "y": 31.219772145611156,
+            "z": 0
+        },
+        {
+            "x": 121.27206819843944,
+            "y": 31.22515750935631,
+            "z": 0
+        },
+        {
+            "x": 121.27032773687334,
+            "y": 31.227675582565602,
+            "z": 0
+        },
+        {
+            "x": 121.272460541628,
+            "y": 31.228431760931215,
+            "z": 0
+        },
+        {
+            "x": 121.27154082602605,
+            "y": 31.229625116168116,
+            "z": 0
+        },
+        {
+            "x": 121.27334108629806,
+            "y": 31.229775139900088,
+            "z": 0
+        },
+        {
+            "x": 121.27085644374266,
+            "y": 31.234360709560978,
+            "z": 0
+        },
+        {
+            "x": 121.2691050853701,
+            "y": 31.233550271299848,
+            "z": 0
+        },
+        {
+            "x": 121.2681164669194,
+            "y": 31.234559592867214,
+            "z": 0
+        },
+        {
+            "x": 121.2668230337013,
+            "y": 31.235372197814687,
+            "z": 0
+        },
+        {
+            "x": 121.2693815464575,
+            "y": 31.236790285527032,
+            "z": 0
+        },
+        {
+            "x": 121.26883903798416,
+            "y": 31.238089831096065,
+            "z": 0
+        },
+        {
+            "x": 121.26732398568818,
+            "y": 31.23754598953618,
+            "z": 0
+        },
+        {
+            "x": 121.26530460774548,
+            "y": 31.239958631679574,
+            "z": 0
+        },
+        {
+            "x": 121.2624267429982,
+            "y": 31.238861595901717,
+            "z": 0
+        },
+        {
+            "x": 121.26153022862736,
+            "y": 31.240939706478407,
+            "z": 0
+        },
+        {
+            "x": 121.26076350104579,
+            "y": 31.24094166692653,
+            "z": 0
+        },
+        {
+            "x": 121.25993908031197,
+            "y": 31.242760981580382,
+            "z": 0
+        },
+        {
+            "x": 121.2603926858444,
+            "y": 31.24304093030978,
+            "z": 0
+        },
+        {
+            "x": 121.25950073464848,
+            "y": 31.24438405191225,
+            "z": 0
+        },
+        {
+            "x": 121.25881185796523,
+            "y": 31.244173486620834,
+            "z": 0
+        },
+        {
+            "x": 121.25798419286997,
+            "y": 31.245666724891212,
+            "z": 0
+        },
+        {
+            "x": 121.25859262304954,
+            "y": 31.246021870660044,
+            "z": 0
+        },
+        {
+            "x": 121.2580877020918,
+            "y": 31.247097168522103,
+            "z": 0
+        },
+        {
+            "x": 121.25931745399102,
+            "y": 31.247597229812122,
+            "z": 0
+        },
+        {
+            "x": 121.25993688813777,
+            "y": 31.24773967088452,
+            "z": 0
+        },
+        {
+            "x": 121.26066248967628,
+            "y": 31.24694706199058,
+            "z": 0
+        },
+        {
+            "x": 121.26291712903897,
+            "y": 31.247084910860735,
+            "z": 0
+        },
+        {
+            "x": 121.26179595594851,
+            "y": 31.248239909991604,
+            "z": 0
+        },
+        {
+            "x": 121.26383797524358,
+            "y": 31.247729734058062,
+            "z": 0
+        },
+        {
+            "x": 121.26411115564177,
+            "y": 31.2496109753883,
+            "z": 0
+        },
+        {
+            "x": 121.2595929297985,
+            "y": 31.252113203017235,
+            "z": 0
+        },
+        {
+            "x": 121.26077549172165,
+            "y": 31.25495672873508,
+            "z": 0
+        },
+        {
+            "x": 121.2629740215238,
+            "y": 31.256053248272426,
+            "z": 0
+        },
+
+
+
+
+
+        {
+            "x": 121.26261197719793,
+            "y": 31.255647713103443,
+            "z": 0
+        },
+        {
+            "x": 121.26294420827853,
+            "y": 31.255173391016424,
+            "z": 0
+        },
+        {
+            "x": 121.26327673438892,
+            "y": 31.25473867243402,
+            "z": 0
+        },
+        {
+            "x": 121.26290819715517,
+            "y": 31.254148519318065,
+            "z": 0
+        },
+        {
+            "x": 121.26310057377499,
+            "y": 31.253910577029906,
+            "z": 0
+        },
+        {
+            "x": 121.26344094472897,
+            "y": 31.254143783486953,
+            "z": 0
+        },
+        {
+            "x": 121.26343813805353,
+            "y": 31.253388731102124,
+            "z": 0
+        },
+        {
+            "x": 121.26364612260423,
+            "y": 31.25330673461317,
+            "z": 0
+        },
+        {
+            "x": 121.26379546765905,
+            "y": 31.25415526019064,
+            "z": 0
+        },
+        {
+            "x": 121.26414242210707,
+            "y": 31.2551012598966,
+            "z": 0
+        },
+        {
+            "x": 121.2638693087567,
+            "y": 31.255404550981325,
+            "z": 0
+        },
+        {
+            "x": 121.26423918453322,
+            "y": 31.255996834224522,
+            "z": 0
+        },
+        {
+            "x": 121.26696551609865,
+            "y": 31.254613488972776,
+            "z": 0
+        },
+        {
+            "x": 121.26990670092128,
+            "y": 31.255599602798153,
+            "z": 0
+        },
+        {
+            "x": 121.27060744320477,
+            "y": 31.25580071349374,
+            "z": 0
+        },
+        {
+            "x": 121.27553237082932,
+            "y": 31.25373505746112,
+            "z": 0
+        },
+        {
+            "x": 121.27840089422303,
+            "y": 31.254182728252037,
+            "z": 0
+        },
+        {
+            "x": 121.27978390402002,
+            "y": 31.253827978866077,
+            "z": 0
+        },
+        {
+            "x": 121.27856873719972,
+            "y": 31.251445510476003,
+            "z": 0
+        },
+        {
+            "x": 121.27788587223642,
+            "y": 31.25089502675066,
+            "z": 0
+        },
+        {
+            "x": 121.27712101854416,
+            "y": 31.249947345918123,
+            "z": 0
+        },
+        {
+            "x": 121.2778291322193,
+            "y": 31.24874322517558,
+            "z": 0
+        },
+        {
+            "x": 121.27945950001249,
+            "y": 31.24705010034964,
+            "z": 0
+        },
+        {
+            "x": 121.2814065865554,
+            "y": 31.246026048916132,
+            "z": 0
+        },
+        {
+            "x": 121.2825206390531,
+            "y": 31.245714868970897,
+            "z": 0
+        },
+        {
+            "x": 121.28294649276064,
+            "y": 31.245035369116902,
+            "z": 0
+        },
+        {
+            "x": 121.28288352557527,
+            "y": 31.24403914928253,
+            "z": 0
+        },
+        {
+            "x": 121.28304876470463,
+            "y": 31.242278953602685,
+            "z": 0
+        },
+        {
+            "x": 121.28349086767312,
+            "y": 31.241092403812125,
+            "z": 0
+        },
+        {
+            "x": 121.28281431905177,
+            "y": 31.240557197058173,
+            "z": 0
+        },
+        {
+            "x": 121.28297445218388,
+            "y": 31.24026320257305,
+            "z": 0
+        },
+        {
+            "x": 121.28356238716516,
+            "y": 31.240495796519,
+            "z": 0
+        },
+        {
+            "x": 121.28439612613435,
+            "y": 31.23941301440812,
+            "z": 0
+        },
+        {
+            "x": 121.28376544623706,
+            "y": 31.23900939348454,
+            "z": 0
+        },
+        {
+            "x": 121.28392025088797,
+            "y": 31.238844149469355,
+            "z": 0
+        },
+        {
+            "x": 121.28455386054729,
+            "y": 31.2391625065753,
+            "z": 0
+        },
+        {
+            "x": 121.28589493688386,
+            "y": 31.237633539898884,
+            "z": 0
+        },
+        {
+            "x": 121.28780545840718,
+            "y": 31.235075863916393,
+            "z": 0
+        },
+        {
+            "x": 121.28724244450592,
+            "y": 31.234226305977487,
+            "z": 0
+        },
+        {
+            "x": 121.28862435833986,
+            "y": 31.232470621908448,
+            "z": 0
+        },
+        {
+            "x": 121.28770572005875,
+            "y": 31.231298109580333,
+            "z": 0
+        },
+        {
+            "x": 121.28795265699546,
+            "y": 31.229264779224174,
+            "z": 0
+        },
+        {
+            "x": 121.28522660905318,
+            "y": 31.228364529032536,
+            "z": 0
+        },
+        {
+            "x": 121.28439096289902,
+            "y": 31.227769314328615,
+            "z": 0
+        },
+        {
+            "x": 121.28190411291244,
+            "y": 31.228420350146614,
+            "z": 0
+        },
+        {
+            "x": 121.274172992322,
+            "y": 31.225606061347757,
+            "z": 0
+        },
+        {
+            "x": 121.27201658967946,
+            "y": 31.22511602128481,
+            "z": 0
+        },
+
     ]
 ]
 

src/components/mixins/map-data1.js

@@ -89,6 +89,17 @@ export default {
 
             }
 
+            //区域采集
+            var options1 = {
+                callBack: pickPolygonCallBack
+            };
+            window.jMap.Pick.pickPolygon(options1);
+            // 区域采集完毕的回调函数
+            function pickPolygonCallBack(obj) {
+                console.log(obj); // obj为返回值
+            }
+
+
             // 街镇标题
             var qp = new JMapQueryParam({
                 queryMapService: "mh_dyn_district",

src/views/fire-signs.vue

@@ -459,7 +459,13 @@
             </div>
         </transition>
     </el-row>
+    <dialog-sec></dialog-sec>
+
+
+  
 </template>
+
+
 <script>
 import linstener from "@c/mixins/linstener";
 import categoryLine from "@c/category-line";
@@ -472,12 +478,15 @@ import map from "@c/mixins/map-data1";
 // import map from "@c/mixins/map-gaode-public";
 import radarChart from "@c/radar/index2";
 // import wordCloud from "@c/wordCloud";
+
+import dialogSec from "@c/dialog.vue";
+
 export default {
-    components: { categoryLine, seTable, radarChart, category, category2, pie2, pie3 },
+    components: { categoryLine, seTable, radarChart, category, category2, pie2, pie3,dialogSec },
     mixins: [linstener, map],
     data() {
         return {
-                
+          
                 noticeNum:0,//已挂牌数
                 cancellationNum:0,//销案数
                 dataNo:" ",//table无数据提示

src/views/security-plan copy.vue

@@ -0,0 +1,1760 @@
+<template>
+    <el-row class="contentBox">
+        <transition name="el-fade-in-linear">
+            <el-col class="leftBox" v-show="stroes.$state.leftBtn">
+                <div class="leftTop">
+                    <h4>疏导区社会面防火巡查情况</h4>
+
+                    <div class="leftTopContent">
+                        <el-row>
+                            <el-col :span="12">
+                                <div>
+                                    <div class="title">
+                                        <div>检查单位数（家次）</div>
+                                    </div>
+                                    <div class="content">
+                                        <span>6276</span>
+                                        <span>同比</span>
+                                        <span style="color: #fe0505"
+                                            >+29.48%</span
+                                        >
+                                    </div>
+                                </div>
+                            </el-col>
+                            <el-col :span="12">
+                                <div>
+                                    <div class="title">
+                                        <div>发现隐患数（处）</div>
+                                    </div>
+                                    <div class="content">
+                                        <span>1340</span>
+                                        <span>同比</span>
+                                        <span style="color: #fe0505"
+                                            >+14.18%</span
+                                        >
+                                    </div>
+                                </div>
+                            </el-col>
+                            <el-col :span="12">
+                                <div>
+                                    <div class="title">
+                                        <div>督改隐患数（处）</div>
+                                    </div>
+                                    <div class="content">
+                                        <span>1090</span>
+                                        <span>同比</span>
+                                        <span style="color: #fe0505"
+                                            >+7.34%</span
+                                        >
+                                    </div>
+                                </div>
+                            </el-col>
+                            <el-col :span="12">
+                                <div style="width: 80%">
+                                    <div class="title">
+                                        <div>签约承诺书（份）</div>
+                                    </div>
+                                    <div class="content">
+                                        <span>5410</span>
+                                        <!-- <span>同比</span>
+                    <span style="color: #05fe3a">-5.3%</span> -->
+                                    </div>
+                                </div>
+                            </el-col>
+                        </el-row>
+                    </div>
+                </div>
+
+                <div class="rightCenter">
+                    <h4>执勤战备力量部署</h4>
+                    <div class="rightTopContent">
+                        <el-table
+                            :data="tableData2"
+                            class="transparentTableRow"
+                            height="100%"
+                        >
+                            <el-table-column type="expand">
+                                <template #default="props">
+                                    <template v-if="props.row.children">
+                                        <template
+                                            v-for="(item, ind) in props.row
+                                                .children"
+                                            :key="ind"
+                                        >
+                                            <el-row
+                                                class="tableExpendTitle"
+                                                style="margin-top: 10px"
+                                            >
+                                                状态：{{ item.carStatus }}（{{
+                                                    item.equipTypeName
+                                                        ? item.equipTypeName +
+                                                          "，"
+                                                        : ""
+                                                }}{{ item.renyuanNum }}人）
+                                            </el-row>
+                                            <el-row class="tableExpendcontent">
+                                                <el-col>
+                                                    <!-- <img src="~@a/img/test/bg3.png" alt="" /> -->
+                                                    <!-- <div>{{ item.cphm }}</div> -->
+                                                    <div>
+                                                        车牌号：<span
+                                                            style="
+                                                                color: #6ff3f6;
+                                                            "
+                                                            >{{
+                                                                item.cphm
+                                                            }}</span
+                                                        >
+                                                    </div>
+                                                </el-col>
+                                                <el-col
+                                                    v-if="item.zhy"
+                                                    :span="12"
+                                                >
+                                                    <!-- <img src="~@a/img/test/bg7.png" alt="" /> -->
+                                                    <!-- <div>{{ item.zhy }}</div> -->
+                                                    <div>
+                                                        指挥员：<span
+                                                            style="
+                                                                color: #6ff3f6;
+                                                            "
+                                                            >{{
+                                                                item.zhy
+                                                            }}</span
+                                                        >
+                                                    </div>
+                                                </el-col>
+                                                <el-col
+                                                    v-if="item.txy"
+                                                    :span="12"
+                                                >
+                                                    <!-- <img src="~@a/img/test/bg7.png" alt="" /> -->
+                                                    <!-- <div>{{ item.txy }}</div> -->
+                                                    <div>
+                                                        通讯员：<span
+                                                            style="
+                                                                color: #6ff3f6;
+                                                            "
+                                                            >{{
+                                                                item.txy
+                                                            }}</span
+                                                        >
+                                                    </div>
+                                                </el-col>
+                                                <el-col
+                                                    v-if="item.jsy"
+                                                    :span="12"
+                                                >
+                                                    <!-- <img src="~@a/img/test/bg7.png" alt="" /> -->
+                                                    <!-- <div>{{ item.jsy }}</div> -->
+                                                    <div>
+                                                        驾驶员：<span
+                                                            style="
+                                                                color: #6ff3f6;
+                                                            "
+                                                            >{{
+                                                                item.jsy
+                                                            }}</span
+                                                        >
+                                                    </div>
+                                                </el-col>
+                                                <el-col
+                                                    v-if="item.zsry"
+                                                    :span="24"
+                                                >
+                                                    <!-- <img src="~@a/img/test/bg7.png" alt="" /> -->
+                                                    <!-- <div>{{ item.zsry }}</div> -->
+                                                    <div>
+                                                        战士人员：<span
+                                                            style="
+                                                                color: #6ff3f6;
+                                                            "
+                                                            >{{
+                                                                item.zsry
+                                                            }}</span
+                                                        >
+                                                    </div>
+                                                </el-col>
+                                            </el-row>
+                                        </template>
+                                    </template>
+                                </template>
+                            </el-table-column>
+                            <el-table-column
+                                show-overflow-tooltip
+                                v-for="item in headerData2"
+                                :key="item.prop"
+                                :prop="item.prop"
+                                align="center"
+                                min-width="20"
+                                :label="item.name"
+                            >
+                                <template
+                                    v-if="item.prop === 'car'"
+                                    #default="scope"
+                                >
+                                    <span style="color: #6ff3f6">{{
+                                        scope.row.car
+                                    }}</span>
+                                </template>
+                                <template
+                                    v-if="item.prop === 'personnel'"
+                                    #default="scope"
+                                >
+                                    <span style="color: #6ff3f6">{{
+                                        scope.row.personnel
+                                    }}</span>
+                                </template>
+                            </el-table-column>
+                        </el-table>
+                    </div>
+                </div>
+                <div class="leftCenter">
+                    <h4 class="h4Top">接警处置情况</h4>
+                    <category
+                        ref="category"
+                        v-show="category"
+                        :dataMap="reportComplaintList.map((val, ind) => val.value)"
+                        :xData="reportComplaintList.map((val, ind) => val.name)"
+                        :isSlice="10"
+                        :width="40"
+                        color="#73FBFD"
+                        @echartsClick="categoryClick"
+                    ></category>
+                    <div @click="goBack" class="return" v-if="!category">
+                        <div class="returnText">返回</div></div>
+                        </div>
+                        <div class="leftBotContent2">
+                        <el-table
+                             v-if="!category"
+                            :data="tableData"
+                            class="transparentTableRow"
+                            height="100%"
+                        >
+                            <el-table-column
+                                v-for="item in headerData"
+                                show-overflow-tooltip
+                                :key="item.prop"
+                                :prop="item.prop"
+                                align="center"
+                                min-width="20"
+                                :label="item.name"
+                            >
+                                <template #default="scope">
+                                    {{
+                                        item.prop === "type"
+                                            ? ""
+                                            : item.prop === "status"
+                                            ? scope.row[item.prop] == 1
+                                                ? "可用"
+                                                : "不可用"
+                                            : scope.row[item.prop]
+                                    }}
+                                </template>
+                            </el-table-column>
+                        </el-table>
+                    </div>
+            </el-col>
+        </transition>
+        <transition name="el-fade-in-linear">
+            <el-col class="centerBox" style="width: 100%">
+                <div
+                    :class="
+                        stroes.$state.leftBtn ? 'leftBtn btnW' : 'leftBtn0 btnW'
+                    "
+                    @click="stroes.leftBtnClick()"
+                >
+                    <img src="@/assets/img/svg/left.svg" alt="" class="img" />
+                </div>
+                <el-col class="centerContent" id="mapF"></el-col>
+
+                <div
+                    :class="
+                        stroes.$state.rightBtn
+                            ? 'rightBtn btnW'
+                            : 'rightBtn0 btnW'
+                    "
+                    @click="stroes.rightBtnClick()"
+                >
+                    <img src="@/assets/img/svg/left.svg" alt="" class="img" />
+                </div>
+
+                <div class="mapTips_type">
+                    <img
+                        src="@/assets/img/svg/danweitop.svg"
+                        alt=""
+                        class="img"
+                    />
+                    <div class="content">
+                        <!-- <p>街镇筛选</p>
+                        <el-select class="mtb-12" v-model="stroes.$state.streetTown" placeholder="请选择街镇" @change="checkStreetTown">
+                        <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
+                                @click="checkboxChange(0)"
+                                :class="
+                                    checkedArray.checkedData[0] == 0
+                                        ? 'checkTypeSelect'
+                                        : ''
+                                "
+                            >
+                                <img :src="stores.sadianIcon.xfc" alt="" />
+                                <span>车辆</span>
+                            </div>
+                            <div
+                                @click="checkboxChange(1)"
+                                :class="
+                                    checkedArray.checkedData[0] == 1
+                                        ? 'checkTypeSelect'
+                                        : ''
+                                "
+                            >
+                                <img :src="stores.sadianIcon.lsjq" alt="" />
+                                <span>历史警情</span>
+                            </div>
+                            <div
+                                @click="checkboxChange(2)"
+                                :class="
+                                    checkedArray.checkedData[0] == 2
+                                        ? 'checkTypeSelect'
+                                        : ''
+                                "
+                            >
+                                <img :src="stores.sadianIcon.lshz" alt="" />
+                                <span>历史火灾</span>
+                            </div>
+                            <div
+                                @click="checkboxChange(3)"
+                                :class="
+                                    checkedArray.checkedData[0] == 3
+                                        ? 'checkTypeSelect'
+                                        : ''
+                                "
+                            >
+                                <img :src="stores.sadianIcon.zddw" alt="" />
+                                <span>重点单位</span>
+                            </div>
+                             <div
+                              
+                                :class="
+                                     checkedArray.checkedData[0] == 4  ? 'checkTypeSelect' : 
+                                    checkedArray.checkedData[0] == 40  ? 'checkTypeSelect' : 
+                                    checkedArray.checkedData[0] == 41  ? 'checkTypeSelect' : 
+                                    checkedArray.checkedData[0] == 42  ? 'checkTypeSelect' : 
+                                    checkedArray.checkedData[0] == 43  ? 'checkTypeSelect' : 
+                                    checkedArray.checkedData[0] == 44  ? 'checkTypeSelect' : 
+                                    checkedArray.checkedData[0] == 45  ? 'checkTypeSelect' : 
+                                    checkedSelectValue=='46' ? stores.sadianIcon.yjxfz : 
+                                        checkedSelectValue=='47' ? stores.sadianIcon.jzzzxfd : 
+                                     ' '
+                                "
+                            >
+                                <img :src="
+                                checkedSelectValue=='40' ? stores.sadianIcon.xfz : 
+                                checkedSelectValue=='41' ? stores.sadianIcon.zzd : 
+                                checkedSelectValue=='42' ? stores.sadianIcon.jzwxxfz : 
+                                checkedSelectValue=='43' ? stores.sadianIcon.csxfz : 
+                                checkedSelectValue=='44' ? stores.sadianIcon.qyxfd : 
+                                checkedSelectValue=='45' ? stores.sadianIcon.sqwxxfz : 
+                                checkedSelectValue=='46' ? stores.sadianIcon.sqwxxfz : 
+                                checkedSelectValue=='47' ? stores.sadianIcon.sqwxxfz : 
+                                stores.sadianIcon.xfz
+                                " alt="" />
+                                
+                                <span>{{checkedSelectLabel}}</span>
+                                <el-select v-model="checkedSelectValue" placeholder="消防站" class="selectTypeIcon" style="display: inline-block;  width:100%;position:absolute;right:0" @change="selectArray"> 
+                                        <el-option
+                                        v-for="item in checkedSelectArray"
+                                        :key="item.value"
+                                        :label="item.label"
+                                        :value="item.value">
+                                        </el-option>
+                                </el-select>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </el-col>
+        </transition>
+        <transition name="el-fade-in-linear">
+            <el-col class="rightBox" v-show="stroes.$state.rightBtn">
+                <div class="rightTop">
+                    <h4>疏导区社会面风险评估情况</h4>
+
+                    <div class="rightTopContent">
+                        <el-row>
+                            <el-col :span="12">
+                                <div>
+                                    <div class="left">
+                                        <img
+                                            src="@a/img/securityPlan/right1.png"
+                                            alt=""
+                                        />
+                                        <div>高风险场所</div>
+                                    </div>
+                                    <el-row class="right">
+                                        <el-col :span="24">单位总数(家)</el-col>
+                                        <el-col
+                                            :span="24"
+                                            style="color: #ff0000"
+                                            >350</el-col
+                                        >
+                                    </el-row>
+                                </div>
+                            </el-col>
+                            <el-col :span="12">
+                                <div>
+                                    <div class="left">
+                                        <img
+                                            src="@a/img/securityPlan/right2.png"
+                                            alt=""
+                                        />
+                                        <div>较高风险场所</div>
+                                    </div>
+                                    <el-row class="right">
+                                        <el-col :span="24">单位总数(家)</el-col>
+                                        <el-col
+                                            :span="24"
+                                            style="color: #ff5a00"
+                                            >54</el-col
+                                        >
+                                    </el-row>
+                                </div>
+                            </el-col>
+                            <el-col :span="12">
+                                <div>
+                                    <div class="left">
+                                        <img
+                                            src="@a/img/securityPlan/right3.png"
+                                            alt=""
+                                        />
+                                        <div>一般风险场所</div>
+                                    </div>
+                                    <el-row class="right">
+                                        <el-col :span="24">单位总数(家)</el-col>
+                                        <el-col
+                                            :span="24"
+                                            style="color: #ffd800"
+                                            >220</el-col
+                                        >
+                                    </el-row>
+                                </div>
+                            </el-col>
+                            <el-col :span="12">
+                                <div>
+                                    <div class="left">
+                                        <img
+                                            src="@a/img/securityPlan/right4.png"
+                                            alt=""
+                                        />
+                                        <div>低风险场所</div>
+                                    </div>
+                                    <el-row class="right">
+                                        <el-col :span="24">单位总数(家)</el-col>
+                                        <el-col
+                                            :span="24"
+                                            style="color: #0084ff"
+                                            >4786</el-col
+                                        >
+                                    </el-row>
+                                </div>
+                            </el-col>
+                        </el-row>
+                    </div>
+                </div>
+                <div class="rightTop" v-if="proptionList.length>0">
+                <h4>安保推送情况</h4>
+                <el-row class="rightTop2">
+                <el-col :span="8" v-for="(item,index) in proptionList" :key="index">
+                <div>
+                        <div style="text-align: center;font-size:0.18rem">
+                        {{ item.type }}
+                        </div>
+                        <div style="height: 1.5rem">
+                                <gauge ref="gauge1" :data="item" ></gauge>
+                        </div>
+                </div>
+                </el-col>
+                </el-row>
+                </div>
+                <!-- <div class="leftBot">
+                    <h4>接处警详情</h4>
+                    <div class="leftBotContent">
+                        <el-table
+                            :data="tableData"
+                            class="transparentTableRow"
+                            height="100%"
+                        >
+                            <el-table-column
+                                v-for="item in headerData"
+                                show-overflow-tooltip
+                                :key="item.prop"
+                                :prop="item.prop"
+                                align="center"
+                                min-width="20"
+                                :label="item.name"
+                            >
+                                <template #default="scope">
+                                    {{
+                                        item.prop === "type"
+                                            ? ""
+                                            : item.prop === "status"
+                                            ? scope.row[item.prop] == 1
+                                                ? "可用"
+                                                : "不可用"
+                                            : scope.row[item.prop]
+                                    }}
+                                </template>
+                            </el-table-column>
+                        </el-table>
+                    </div>
+                </div> -->
+                <div class="rightBot">
+                    <h4>网格人员信息</h4>
+
+                    <div class="rightBotContent" v-if="erpData.length > 0">
+                        <el-table
+                            :data="rightArray.tableData"
+                            class="transparentTableRow"
+                            height="100%"
+                        >
+                            <el-table-column
+                                v-for="item in rightArray.headerData2"
+                                show-overflow-tooltip
+                                :key="item.prop"
+                                :prop="item.prop"
+                                align="center"
+                                min-width="20"
+                                :label="item.name"
+                            >
+                                <template #default="scope">
+                                    {{
+                                        item.prop === "type"
+                                            ? ""
+                                            : item.prop === "status"
+                                            ? scope.row[item.prop] == 1
+                                                ? "可用"
+                                                : "不可用"
+                                            : scope.row[item.prop]
+                                    }}
+                                </template>
+                            </el-table-column>
+                        </el-table>
+                    </div>
+                </div>
+            </el-col>
+        </transition>
+    </el-row>
+</template>
+
+<script>
+import linstener from "@c/mixins/linstener";
+import map from "@c/mixins/map-data1";
+import gauge from "@c/gauge/index6";
+// import map from "@c/mixins/map-gaode-public";
+import category from "@c/category/index2";
+export default {
+    mixins: [linstener, map],
+    components: { category,gauge },
+    data() {
+        return {
+            stores: this.$useStore(),
+            proptionList:[
+                {
+                        "type": "已推送单位",
+                        "number": 306,
+                        "month": null,
+                        "radio": "1",
+                        "sameStatus": 2,
+                        "avg": null,
+                        "color": [
+                        "#BF4216 ",
+                        "#F68E6A"
+                        ]
+                },
+                {
+                        "type": "已接收单位",
+                        "number": 303,
+                        "month": null,
+                        "radio": "1",
+                        "sameStatus": 2,
+                        "avg": null,
+                        "color": [
+                        "#06B1B9  ",
+                        "#14E1EA"
+                        ]
+                },
+                {
+                        "type": "推送接收率",
+                        "number": 99,
+                        "month": null,
+                        "radio": "0.99",
+                        "sameStatus": 2,
+                        "avg": null,
+                        "color": [
+                        "#E4951E ",
+                        "#F8ED41"
+                        ]
+                }
+        ],
+            category:true,
+            tableData2: [],
+            headerData2: [
+                { prop: "name", name: "站点名称" },
+                { prop: "car", name: "站点车辆" },
+                { prop: "personnel", name: "人员" },
+            ],
+            reportComplaintList: [
+                { name: "火灾扑救", value: 100 },
+                { name: "社会救助", value: 90 },
+                { name: "抢险救援", value: 60 },
+            ], //接处警情况
+            checkedArray: {
+                checkedData: [2],
+                checkedList: [
+                    { value: 0, label: "车辆" },
+                    { value: 1, label: "历史警情" },
+                    { value: 2, label: "历史火灾" },
+                    { value: 3, label: "重点单位" },
+                    { value: 4, label: "消防站" },
+                ],
+            }, //类型筛选
+            checkedSelectValue:"40",
+            checkedSelectLabel:"消防站",
+            checkedSelectArray:[
+                    { value: 40, label: "消防站" },
+                    { value: 41, label: "专职队" },
+                //     { value: 43, label: "城市消防站" },
+                    { value: 44, label: "企业消防队" },
+                    { value: 42, label: "街镇微型消防站" },
+                    { value: 45, label: "社区微型消防站" },
+                    { value: 46, label: "一级微型消防站" },
+                    { value: 47, label: "街镇专职消防队" },
+            ],
+            tableData: [
+                {
+                    type: "火灾",
+                    policeTime: "23:00:00",
+                    alertLevel: "二级",
+                    address: "闵行区",
+                    car: "2辆",
+                    policeCause: "电器火灾",
+                    department: "吴泾支队",
+                    status: "1",
+                    callingUp: "1号",
+                    equipName: "一七",
+                    carNumber: "沪X5477应急",
+                    carStatus: "出动",
+                    disposeTime: "1:00：00",
+                    correspondent: "张三",
+                    commander: "李四",
+                    firemen: "王五",
+                    driver: "赵六",
+                },
+                {
+                    type: "火灾",
+                    policeTime: "23:00:00",
+                    alertLevel: "二级",
+                    address: "闵行区",
+                    car: "2辆",
+                    policeCause: "电器火灾",
+                    department: "吴泾支队",
+                    status: "1",
+                    callingUp: "1号",
+                    equipName: "一七",
+                    carNumber: "沪X5477应急",
+                    carStatus: "出动",
+                    disposeTime: "1:00：00",
+                    correspondent: "张三",
+                    commander: "李四",
+                    firemen: "王五",
+                    driver: "赵六",
+                },
+                {
+                    type: "火灾",
+                    policeTime: "23:00:00",
+                    alertLevel: "二级",
+                    address: "闵行区",
+                    car: "2辆",
+                    policeCause: "电器火灾",
+                    department: "吴泾支队",
+                    status: "1",
+                    callingUp: "1号",
+                    equipName: "一七",
+                    carNumber: "沪X5477应急",
+                    carStatus: "出动",
+                    disposeTime: "1:00：00",
+                    correspondent: "张三",
+                    commander: "李四",
+                    firemen: "王五",
+                    driver: "赵六",
+                },
+                {
+                    type: "社会救援",
+                    policeTime: "23:00:00",
+                    alertLevel: "二级",
+                    address: "闵行区",
+                    car: "2辆",
+                    policeCause: "电器火灾",
+                    department: "吴泾支队",
+                    status: "1",
+                    callingUp: "1号",
+                    equipName: "一七",
+                    carNumber: "沪X5477应急",
+                    carStatus: "出动",
+                    disposeTime: "1:00：00",
+                    correspondent: "张三",
+                    commander: "李四",
+                    firemen: "王五",
+                    driver: "赵六",
+                },
+                {
+                    type: "社会救援",
+                    policeTime: "23:00:00",
+                    alertLevel: "二级",
+                    address: "闵行区",
+                    car: "2辆",
+                    policeCause: "电器火灾",
+                    department: "吴泾支队",
+                    status: "1",
+                    callingUp: "1号",
+                    equipName: "一七",
+                    carNumber: "沪X5477应急",
+                    carStatus: "出动",
+                    disposeTime: "1:00：00",
+                    correspondent: "张三",
+                    commander: "李四",
+                    firemen: "王五",
+                    driver: "赵六",
+                },
+                {
+                    type: "社会救援",
+                    policeTime: "23:00:00",
+                    alertLevel: "二级",
+                    address: "闵行区",
+                    car: "2辆",
+                    policeCause: "电器火灾",
+                    department: "吴泾支队",
+                    status: "1",
+                    callingUp: "1号",
+                    equipName: "一七",
+                    carNumber: "沪X5477应急",
+                    carStatus: "出动",
+                    disposeTime: "1:00：00",
+                    correspondent: "张三",
+                    commander: "李四",
+                    firemen: "王五",
+                    driver: "赵六",
+                },
+                {
+                    type: "抢险救援",
+                    policeTime: "23:00:00",
+                    alertLevel: "二级",
+                    address: "闵行区",
+                    car: "2辆",
+                    policeCause: "电器火灾",
+                    department: "吴泾支队",
+                    status: "1",
+                    callingUp: "1号",
+                    equipName: "一七",
+                    carNumber: "沪X5477应急",
+                    carStatus: "出动",
+                    disposeTime: "1:00：00",
+                    correspondent: "张三",
+                    commander: "李四",
+                    firemen: "王五",
+                    driver: "赵六",
+                },
+                {
+                    type: "抢险救援",
+                    policeTime: "23:00:00",
+                    alertLevel: "二级",
+                    address: "闵行区",
+                    car: "2辆",
+                    policeCause: "电器火灾",
+                    department: "吴泾支队",
+                    status: "1",
+                    callingUp: "1号",
+                    equipName: "一七",
+                    carNumber: "沪X5477应急",
+                    carStatus: "出动",
+                    disposeTime: "1:00：00",
+                    correspondent: "张三",
+                    commander: "李四",
+                    firemen: "王五",
+                    driver: "赵六",
+                },
+                {
+                    type: "抢险救援",
+                    policeTime: "23:00:00",
+                    alertLevel: "二级",
+                    address: "闵行区",
+                    car: "2辆",
+                    policeCause: "电器火灾",
+                    department: "吴泾支队",
+                    status: "1",
+                    callingUp: "1号",
+                    equipName: "一七",
+                    carNumber: "沪X5477应急",
+                    carStatus: "出动",
+                    disposeTime: "1:00：00",
+                    correspondent: "张三",
+                    commander: "李四",
+                    firemen: "王五",
+                    driver: "赵六",
+                },
+                {
+                    type: "抢险救援",
+                    policeTime: "23:00:00",
+                    alertLevel: "二级",
+                    address: "闵行区",
+                    car: "2辆",
+                    policeCause: "电器火灾",
+                    department: "吴泾支队",
+                    status: "1",
+                    callingUp: "1号",
+                    equipName: "一七",
+                    carNumber: "沪X5477应急",
+                    carStatus: "出动",
+                    disposeTime: "1:00：00",
+                    correspondent: "张三",
+                    commander: "李四",
+                    firemen: "王五",
+                    driver: "赵六",
+                },
+                {
+                    type: "火灾",
+                    policeTime: "23:00:00",
+                    alertLevel: "二级",
+                    address: "闵行区",
+                    car: "2辆",
+                    policeCause: "电器火灾",
+                    department: "吴泾支队",
+                    status: "1",
+                    callingUp: "1号",
+                    equipName: "一七",
+                    carNumber: "沪X5477应急",
+                    carStatus: "出动",
+                    disposeTime: "1:00：00",
+                    correspondent: "张三",
+                    commander: "李四",
+                    firemen: "王五",
+                    driver: "赵六",
+                },
+            ],
+            headerData: [
+                { prop: "policeTime", name: "立案时间" },
+                { prop: "alertLevel", name: "警情等级" },
+                { prop: "address", name: "案发地址" },
+                { prop: "car", name: "调动车辆" },
+                // { prop: "type", name: "类型" },
+                { prop: "policeCause", name: "原因" },
+                { prop: "department", name: "所属中队" },
+                { prop: "status", name: "状况" },
+            ],
+
+            erpData: [
+                {
+                    linkPhone: "13917453877",
+                    address:
+                        "上海市闵行区新虹街道申滨南路1156号龙湖天街A栋112、115室",
+                    employeeNum: "",
+                    registrar: "市场监督管理局",
+                    companyType: "9",
+                    fireDutyName: "魏良满",
+                    delegateName: "魏静",
+                    completedTime: null,
+                    companyName: "龙湖虹桥天街",
+                    fireManageName: "魏良满",
+                    businessStatus: "开业",
+                    buildArea: "0.0",
+                    paidCapital: "500",
+                    companyId: "2DB679350A0F4023B74C4261539AA031",
+                    foundTime: null,
+                    buildingStructure: "钢筋混凝土",
+                    registeredCapital: "500",
+                    organization: "91310112MA1GEKG30K",
+                    companyNature: 9,
+                    buildingHeight: "25",
+                    fireRating: "一级",
+                    construction: null,
+                    id: 1415,
+                },
+            ],
+            rightArray: {
+                tableData: [
+                    {
+                        value1: "K11",
+                        value2: "新虹街道",
+                        value3: "张 伟18601769394 何成13818725590",
+                        value4: "陈伟杰 17317672567",
+                    },
+                    {
+                        value1: "K12",
+                        value2: "新虹街道",
+                        value3: "成 诚 15000038283",
+                        value4: "候 林 18800295992",
+                    },
+                    {
+                        value1: "K13",
+                        value2: "新虹街道",
+                        value3: "张 峰 13917651810",
+                        value4: "章俊杰 13082050172",
+                    },
+                    {
+                        value1: "K14",
+                        value2: "新虹街道",
+                        value3: "陈晓杰 15121104867",
+                        value4: "高翔 17601304704",
+                    },
+                    {
+                        value1: "K15",
+                        value2: "新虹街道",
+                        value3: "陆永丰 13671988221",
+                        value4: "高 翔 17601304704",
+                    },
+                    {
+                        value1: "S21",
+                        value2: "华漕镇",
+                        value3: "汪利强 13601955218",
+                        value4: "",
+                    },
+                    {
+                        value1: "S23",
+                        value2: "华漕镇",
+                        value3: "姚佳旭 18616173204",
+                        value4: "唐锦涛 15530649915",
+                    },
+                    {
+                        value1: "S24",
+                        value2: "华漕镇",
+                        value3: "陈 叶 13817827919",
+                        value4: "",
+                    },
+                    {
+                        value1: "S25",
+                        value2: "华漕镇",
+                        value3: "单 江 13052103663 庄元豪 15900468502",
+                        value4: "张连杰 17621890801",
+                    },
+                    {
+                        value1: "S26",
+                        value2: "华漕镇",
+                        value3: "许文明 13917538341",
+                        value4: "陆锋栋 13296481670",
+                    },
+                    {
+                        value1: "S31、S32",
+                        value2: "七宝镇",
+                        value3: "高剑峰 13331852615",
+                        value4: "王宇佳 15821489308",
+                    },
+                    {
+                        value1: "S36、S37",
+                        value2: "七宝镇",
+                        value3: "谢春亮 13764016857",
+                        value4: "易铁彬 15612617919",
+                    },
+                    {
+                        value1: "S34",
+                        value2: "七宝镇",
+                        value3: "吴毅波 18616882119",
+                        value4: "",
+                    },
+                    {
+                        value1: "S38、S39",
+                        value2: "七宝镇",
+                        value3: "赵依滨 17717416864",
+                        value4: "",
+                    },
+                    {
+                        value1: "S33、S35",
+                        value2: "七宝镇",
+                        value3: "孙文强 13917039136",
+                        value4: "周明浩 13818487991",
+                    },
+                    {
+                        value1: "541、542",
+                        value2: "虹桥镇",
+                        value3: "郁志荣 18918617551",
+                        value4: "",
+                    },
+                    {
+                        value1: "543、544",
+                        value2: "虹桥镇",
+                        value3: "夏 戴 13816005022",
+                        value4: "",
+                    },
+                    {
+                        value1: "545",
+                        value2: "虹桥镇",
+                        value3: "张罕彦 13917847674",
+                        value4: "",
+                    },
+                ],
+                headerData2: [
+                    { prop: "value1", name: "网格区域" },
+                    { prop: "value2", name: "街道" },
+                    { prop: "value3", name: "网格人员" },
+                    { prop: "value4", name: "增援干部" },
+                ],
+            },
+        };
+    },
+    mounted() {
+        window.addEventListener(
+            "resize",
+            () => this.resizeTimeActions([this.$refs.category,this.$refs.gauge1, ]),
+            true
+        );
+        this.initMap(); //地图初始化
+        this.anbaoMap(); //安保区域
+        this.getFireSiteDuty(); //各站点执勤实力
+        this.sadianSelect(this.checkedArray.checkedData[0]); //撒点
+    },
+    methods: {
+            selectArray(id){
+                    console.log(id)
+                    this.checkedArray.checkedData[0] = 4
+                    let data = this.checkedSelectArray.filter((val)=>{
+                                    if(val.value == id){
+                                        return val.label
+                                    } 
+                             })
+                     this.checkedSelectLabel = data[0].label
+                    this.sadianSelect(data[0].value)
+            },
+            /**
+             * 
+             */
+            goBack(){
+                    this.category = true
+            },
+            /**
+             * categoryClick echarts 点击事件
+             */
+            categoryClick(){
+                    this.category = false
+            },
+        /* 各站点执勤实力分页 */
+        async getFireSiteDuty() {
+            await this.$axios
+                .get(
+                    this.$api.fireSite.page +
+                        "?" +
+                        this.$qs.stringify({
+                            current: 1,
+                            size: 100,
+                        })
+                )
+                .then((res) => {
+                        this.proptionList = [
+                                {
+                        "type": "已推送单位",
+                        "number": 306,
+                        "month": null,
+                        "radio": "1",
+                        "sameStatus": 2,
+                        "avg": null,
+                        "color": [
+                        "#BF4216 ",
+                        "#F68E6A"
+                        ]
+                },
+                {
+                        "type": "已接收单位",
+                        "number": 303,
+                        "month": null,
+                        "radio": "1",
+                        "sameStatus": 2,
+                        "avg": null,
+                        "color": [
+                        "#06B1B9  ",
+                        "#14E1EA"
+                        ]
+                },
+                {
+                        "type": "推送接收率",
+                        "number": 99,
+                        "month": null,
+                        "radio": "0.99",
+                        "sameStatus": 2,
+                        "avg": null,
+                        "color": [
+                        "#E4951E ",
+                        "#F8ED41"
+                        ]
+                }
+                        ]
+                    if (res.data.records.length > 0) {
+                        let arr = res.data.records;
+                        let data = arr.filter((item)=>{
+                                let data = []
+                                if(item.name == "华漕站" ||  item.name == "新虹站" ||  item.name == "七宝站" ||  item.name == "虹桥站" ||  item.name == "梅陇站"){
+                                        data.push(item)
+                                        return data
+                                }
+                                
+                        })
+                        console.log(data)
+                        for (let i = 0; i < data.length; i++) {
+                            data[i].cheliang = {};
+                            data[i].personnel = undefined;
+                            data[i].car = undefined;
+                            this.$axios
+                                .get(
+                                    this.$api.fireSite.list +
+                                        "?" +
+                                        this.$qs.stringify({
+                                            zdCode: data[i].xfjgId,
+                                        })
+                                )
+                                .then((Response) => {
+                                    if (Response.data.length > 0) {
+                                        let children = Response.data;
+                                        data[i].cheliang = children;
+                                        data[i].car = children.length;
+                                        data[i].children = [];
+                                        data[i].personnel = 0;
+
+                                        for (
+                                            let a = 0;
+                                            a < children.length;
+                                            a++
+                                        ) {
+                                            children[a].renyuan = "";
+                                            children[a].renyuanNum = 0;
+                                            if (children[a].zhy) {
+                                                children[a].renyuan =
+                                                    children[a].zhy + ",";
+                                            }
+                                            if (children[a].jsy) {
+                                                children[a].renyuan +=
+                                                    children[a].jsy + ",";
+                                            }
+                                            if (children[a].txy) {
+                                                children[a].renyuan +=
+                                                    children[a].txy + ",";
+                                            }
+                                            if (children[a].zsry) {
+                                                children[a].renyuan +=
+                                                    children[a].zsry + ",";
+                                            }
+                                            data[i].children.push(children[a]);
+                                            if (
+                                                children[a].renyuan.indexOf(
+                                                    ","
+                                                ) > -1
+                                            ) {
+                                                children[a].renyuanNum +=
+                                                    children[a].renyuan.match(
+                                                        /,/g
+                                                    ).length;
+                                            }
+                                            data[i].personnel +=
+                                                children[a].renyuanNum;
+                                        }
+
+                                        for (let i = 0; i < data.length; i++) {
+                                            if (data[i].name == "闵行支队") {
+                                                data[i].name = "支队";
+                                            } else {
+                                                data[i].name = data[
+                                                    i
+                                                ].name.slice(0, 2);
+                                            }
+                                        }
+
+                                        setTimeout(() => {
+                                            this.cldt = data;
+                                        }, 1500);
+                                    }
+                                });
+                        }
+                        setTimeout(() => {
+                            this.tableData2 = data;
+                        }, 1000);
+                    }
+                });
+        },
+        /**
+         * 撒点类型选择
+         */
+        checkboxChange(id) {
+            this.checkedArray.checkedData[0] = id;
+            this.sadianSelect(id);
+        },
+        /* 历史警情 */
+        async historicalWarning() {
+            let monthDay = dayjs()
+                .subtract(30, "day")
+                .format("YYYY-MM-DD HH:mm:ss");
+            let today = dayjs()
+                .subtract(0, "day")
+                .format("YYYY-MM-DD HH:mm:ss");
+            return await this.$axios.get(
+                this.$api.jqzhcz.page2 +
+                    "?" +
+                    this.$qs.stringify({
+                        // streetTown: this.stroes.$state.streetTown, //街镇
+                        current: 1,
+                        size: 150,
+                        startTime: monthDay,
+                        endTime: today,
+                    })
+            );
+        },
+
+        /**
+         * 撒点测绘院、高德
+         */
+        sadianSelect(id) {
+                console.log(id,this.stroes.$state.mapBool)
+                console.log(this.checkedArray.checkedData[0] )
+            let type =
+                this.checkedArray.checkedList[this.checkedArray.checkedData[0]]
+                    .label;
+            let that = this;
+            let arr = [];
+            if (this.stroes.$state.mapBool == 1) {
+                if (id == 0) {
+                        // let data = {
+                        //         gisX: 121.302183,
+                        //         gisY:31.189991,
+                        //         type:"国家会展中心",
+                        // }
+                        // arr.push(data)
+                        this.initMarkers(arr.slice(0, 500), "security-plan", type);
+                }else if (id == 1 || id == 2) {
+                        this.historicalWarning()
+                        .then((res) => {
+                                if (res) {
+                                let data = res.data.records;
+                                arr =data
+                                arr = data.filter(
+                                        (item) =>
+                                        item.zhongdui === "华漕" ||
+                                        item.zhongdui === "新虹" ||
+                                        item.zhongdui === "七宝" ||
+                                        item.zhongdui === "虹桥"
+                                );
+                                if (id == 2) {
+                                        arr = arr.filter((item) => {
+                                        return item.ajlxdm == 1;
+                                        });
+                                }
+                                }
+                        })
+                        .then((res) => {
+                        // let data = {
+                        //                 gisX: 121.302183,
+                        //                 gisY:31.189991,
+                        //                 type:"国家会展中心",
+                        //         }
+                        //         arr.push(data)
+                                this.initMarkers(arr.slice(0, 500), "security-plan", type);
+                        });
+                }else{
+                        this.initMarkers([], "security-plan", type);
+                }
+            }else{
+                if (id == 0) {
+                        let data = {
+                                gisX: 121.302183,
+                                gisY:31.189991,
+                                type:"国家会展中心",
+                        }
+                        arr.push(data)
+                        this.sadian(arr, "security-plan", type);
+                }
+                if (id == 1 || id == 2) {
+                        this.historicalWarning()
+                        .then((res) => {
+                                if (res) {
+                                let data = res.data.records;
+                                arr = data
+                                arr = data.filter(
+                                        (item) =>
+                                        item.zhongdui === "华漕" ||
+                                        item.zhongdui === "新虹" ||
+                                        item.zhongdui === "七宝" ||
+                                        item.zhongdui === "虹桥"
+                                );
+                                if (id == 2) {
+                                        arr = arr.filter((item) => {
+                                        return item.ajlxdm == 1;
+                                        });
+                                }
+                                }
+                        })
+                        .then((res) => {
+                        let data = {
+                                        gisX: 121.302183,
+                                        gisY:31.189991,
+                                        type:"国家会展中心",
+                                }
+                                arr.push(data)
+                                this.sadian(arr, "security-plan", type);
+                        });
+                }
+                if( this.checkedArray.checkedData[0] == 40 ){
+                        this.$axios.post(this.$api.fireSite.demFireStationList,
+                                {
+                                        stationType:[1,2,3,4]
+                                }
+                        ).then((res) => {
+                                for(let i=0;i<res.data.length;i++){
+                                        if(res.data[i].streetTown.indexOf("华漕") > -1 || res.data[i].streetTown.indexOf("新虹") > -1 || res.data[i].streetTown.indexOf("七宝") > -1  || res.data[i].streetTown.indexOf("虹桥") > -1 ){
+                                                res.data[i].type =  "消防站"
+                                                arr.push(res.data[i])
+                                        }
+                                }
+                                let data = {
+                                        gisX: 121.302183,
+                                        gisY:31.189991,
+                                        type:"国家会展中心",
+                                }
+                                arr.push(data)
+                                this.addMarker(arr, "rescue-station","消防站");
+                        });   
+                }
+                if(id == 41 ){
+                        this.$axios.post(this.$api.fireSite.demFireStationList,
+                        {
+                                stationType:[4]
+                        }
+                       ).then((res) => {
+                                for(let i=0;i<res.data.length;i++){
+                                        if(res.data[i].streetTown.indexOf("华漕") > -1 || res.data[i].streetTown.indexOf("新虹") > -1 || res.data[i].streetTown.indexOf("七宝") > -1  || res.data[i].streetTown.indexOf("虹桥") > -1 ){
+                                                res.data[i].type =  "专职队"
+                                                arr.push(res.data[i])
+                                        }
+                                       
+                                }
+                                let data = {
+                                        gisX: 121.302183,
+                                        gisY:31.189991,
+                                        type:"国家会展中心",
+                                }
+                                arr.push(data)
+                                this.addMarker(arr, "rescue-station","专职队");
+                        });   
+                }
+                if(id == 42 ){
+                        this.$axios.get(this.$api.fireSite.demStreetMicroStationList  + "?" +
+                                this.$qs.stringify({
+                                        // streetTown:this.stroes.$state.streetTown,
+                                })).then((res) => {
+                                        for(let i=0;i<res.data.length;i++){
+                                                if(res.data[i].streetTown.indexOf("华漕") > -1 || res.data[i].streetTown.indexOf("新虹") > -1 || res.data[i].streetTown.indexOf("七宝") > -1  || res.data[i].streetTown.indexOf("虹桥") > -1 ){
+                                                        res.data[i].stationType = 5
+                                                        arr.push(res.data[i])
+                                                }
+                                        }
+                                        let data = {
+                                        gisX: 121.302183,
+                                        gisY:31.189991,
+                                        type:"国家会展中心",
+                                }
+                                arr.push(data)
+                                        this.addMarker(arr, "rescue-station","微型消防站");
+                                        
+                                });
+                }
+                if(id==44){
+                        this.$axios.post(this.$api.water.baseGgpFacilityList,{
+                                "facilityType": [
+                                       13,14
+                                ] ,
+                                // streetTown:this.stroes.$state.streetTown,
+                        }).then((res) => {
+                                for(let i=0;i<res.data.length;i++){
+                                        if(res.data[i].streetTown.indexOf("华漕") > -1 || res.data[i].streetTown.indexOf("新虹") > -1 || res.data[i].streetTown.indexOf("七宝") > -1  || res.data[i].streetTown.indexOf("虹桥") > -1 ){
+                                                res.data[i].stationType = 112
+                                                arr.push(res.data[i])
+                                        }
+                                }
+                                let data = {
+                                        gisX: 121.302183,
+                                        gisY:31.189991,
+                                        type:"国家会展中心",
+                                }
+                                arr.push(data)
+                                this.addMarker(arr, "rescue-station","企业消防");
+                        });
+                }
+                if(id==45){
+                        this.$axios.post(this.$api.water.baseGgpFacilityList,{
+                                "facilityType": [
+                                       15,16
+                                ] ,
+                                // streetTown:this.stroes.$state.streetTown,
+                        }).then((res) => {
+                                for(let i=0;i<res.data.length;i++){
+                                        if(res.data[i].streetTown.indexOf("华漕") > -1 || res.data[i].streetTown.indexOf("新虹") > -1 || res.data[i].streetTown.indexOf("七宝") > -1  || res.data[i].streetTown.indexOf("虹桥") > -1 ){
+                                                res.data[i].stationType = 112
+                                                arr.push(res.data[i])
+                                        }
+                                }
+                                let data = {
+                                        gisX: 121.302183,
+                                        gisY:31.189991,
+                                        type:"国家会展中心",
+                                }
+                                arr.push(data)
+                                this.addMarker(arr, "rescue-station","社区消防");
+                        });
+                }
+                if(id == 46 ){
+                        this.$axios.post(this.$api.water.baseGgpFacilityList,{
+                                "facilityType": [
+                                      17
+                                ] ,
+                                // streetTown:this.stroes.$state.streetTown,
+                        }).then((res) => {
+                                for(let i=0;i<res.data.length;i++){
+                                        if(res.data[i].streetTown.indexOf("华漕") > -1 || res.data[i].streetTown.indexOf("新虹") > -1 || res.data[i].streetTown.indexOf("七宝") > -1  || res.data[i].streetTown.indexOf("虹桥") > -1 ){
+                                                res.data[i].stationType = 17
+                                                arr.push(res.data[i])
+                                        }
+                                }
+                                let data = {
+                                        gisX: 121.302183,
+                                        gisY:31.189991,
+                                        type:"国家会展中心",
+                                }
+                                arr.push(data)
+                                this.addMarker(arr, "rescue-station","一级微型消防站");
+                        });
+                }
+                if(id == 47 ){
+                        this.$axios.post(this.$api.water.baseGgpFacilityList,{
+                                "facilityType": [
+                                      18
+                                ] ,
+                        }).then((res) => {
+                                for(let i=0;i<res.data.length;i++){
+                                        console.log(res.data[i].streetTown.indexOf("华漕"))
+                                        if(res.data[i].streetTown.indexOf("华漕") > -1 || res.data[i].streetTown.indexOf("新虹") > -1 || res.data[i].streetTown.indexOf("七宝") > -1  || res.data[i].streetTown.indexOf("虹桥") > -1 ){
+                                                res.data[i].stationType = 18
+                                                arr.push(res.data[i])
+                                        }
+                                }
+                                let data = {
+                                        gisX: 121.302183,
+                                        gisY:31.189991,
+                                        type:"国家会展中心",
+                                }
+                                arr.push(data)
+                                this.addMarker(arr, "rescue-station","街镇专职消防队");
+                        });
+                }
+                // else{
+                //         this.sadian([], "security-plan", type);
+                // }
+            }
+            
+        },
+        /**
+         * 撒点
+         */
+        sadian(data, pageType, type) {
+            if (this.stroes.$state.mapBool == 1) {
+                if (data.length > 0) {
+                    this.initMarkers(data.slice(0, 500), pageType, type);
+                } else {
+                    this.initMarkers([], pageType, type);
+                }
+            } else {
+                this.anbaoMap(); //安保区域
+                if (data.length > 0) {
+                    this.addMarker(data.slice(0, 500), pageType, type);
+                } else {
+                    this.addMarker([], pageType, type);
+                }
+            }
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.contentBox {
+    .leftBox {
+        .leftTop {
+            height: 30%;
+            max-height: 30%;
+            justify-content: center;
+            align-items: center;
+            box-sizing: border-box;
+            .leftTopContent {
+                color: #ffffff;
+                height: calc(100% - 0.4375rem);
+                display: flex;
+
+                > .el-row {
+                    width: 100%;
+                    > .el-col {
+                        display: flex;
+                        > div {
+                            margin: auto;
+                            > .title {
+                                width: 1.075rem;
+                                height: 0.225rem;
+                                font-size: 0.175rem;
+                                padding-left: 0.1625rem;
+                                margin: 0.0625rem 0 0.0625rem 0;
+                                position: relative;
+                                background-image: url(~@a/img/securityPlan/fhxcqk.png);
+                                background-size: 100% 100%;
+                                > div {
+                                    position: absolute;
+                                    bottom: 0.0625rem;
+                                    width:150%;
+                                }
+                            }
+
+                            > .content {
+                                > span:nth-child(1) {
+                                    font-size: 0.3rem;
+                                    padding: 0 0.5625rem 0 0.1625rem;
+                                    color: #73fbfd;
+                                }
+                                > span:nth-child(2) {
+                                    font-size: 0.175rem;
+                                    margin-right: 0.125rem;
+                                }
+                                > span:nth-child(3) {
+                                    font-size: 0.175rem;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        .leftCenter {
+            height: calc(30% - 0.125rem);
+            max-height: calc(30% - 0.125rem);
+            margin-top: 0.125rem;
+            width: 100%;
+            justify-content: center;
+            align-items: center;
+            // box-sizing: border-box;
+            color: #ffffff;
+
+            .leftCenterContent {
+                width: 100%;
+                height: calc(100% - 0.4375rem);
+                display: flex;
+
+                .content1,
+                .content2,
+                .content3 {
+                    width: 33.33%;
+                    overflow: hidden;
+                    margin: auto 0;
+
+                    > div:nth-child(1) {
+                        display: flex;
+                        > img {
+                            width: 1.17rem; //大屏
+                            height: 1.08rem; //大屏
+                            margin: auto;
+                        }
+                    }
+
+                    > div:nth-child(2) {
+                        font-size: 0.2rem;
+                        text-align: center;
+                        & > span {
+                            b {
+                                margin-right: 0.0625rem;
+                                font-size: 0.3rem;
+                                line-height: 0.5rem;
+                            }
+                        }
+
+                        p {
+                            margin-top: 0.1rem;
+                            color: #fff;
+                        }
+                    }
+                }
+            }
+        }
+        .rightCenter {
+            color: #ffffff;
+            height: calc(35% - 0.125rem);
+            max-height: calc(35% - 0.125rem);
+            margin-top: 0.125rem;
+
+            .rightTopContent {
+                width: 100%;
+                padding: 0.25rem 0 10px 0;
+                height: calc(100% - 0.8125rem);
+
+                .content {
+                    height: 100%;
+                    overflow: scroll;
+                    position: relative;
+                    & > .el-row {
+                        overflow: hidden;
+                        width: 100%;
+                        height: auto;
+                        & > .title {
+                            width: 100%;
+                            height: 0.4375rem;
+                            line-height: 0.4375rem;
+                            font-size: 0.175rem;
+                            padding: 0 0.125rem;
+                            background: rgba(115, 251, 253, 0.3) !important;
+                            margin-bottom: 0.025rem;
+                        }
+                        & > .data {
+                            width: 100%;
+                            font-size: 0.175rem;
+                            padding: 0 0.125rem;
+                            background: rgba(115, 251, 253, 0.1) !important;
+                            margin-bottom: 0.025rem;
+                            white-space: initial;
+                            .el-col {
+                                line-height: 0.35rem;
+                                span {
+                                    color: #73fbfd;
+                                }
+                            }
+                        }
+                    }
+
+                    &::-webkit-scrollbar {
+                        display: none;
+                    }
+                }
+            }
+        }
+    }
+
+    .rightBox {
+        color: #ffffff;
+
+        .rightTop {
+            height: 30%;
+            max-height: 30%;
+            .rightTopContent {
+                width: 100%;
+                height: calc(100% - 0.4375rem);
+                display: flex;
+
+                > .el-row {
+                    > .el-col {
+                        display: flex;
+                        margin: auto 0;
+                        > div {
+                            display: flex;
+                            .left {
+                                width: 1.375rem;
+                                margin-right: 0.25rem;
+
+                                div {
+                                    text-align: center;
+                                    font-size: 0.175rem;
+                                    overflow: hidden !important;
+                                    white-space: nowrap !important;
+                                    text-overflow: ellipsis !important;
+                                }
+
+                                img {
+                                    width: 0.675rem;
+                                    height: 0.675rem;
+                                    display: flex;
+                                    margin: auto auto 0.0625rem auto;
+                                }
+                            }
+
+                            .right {
+                                overflow: hidden !important;
+                                white-space: nowrap !important;
+                                text-overflow: ellipsis !important;
+                                .el-col:nth-child(1) {
+                                    display: flex;
+                                    margin: auto 0 0 0;
+                                    font-size: 0.175rem;
+                                }
+
+                                .el-col:nth-child(2) {
+                                    display: flex;
+                                    margin: auto 0 0 0;
+                                    font-size: 0.3rem;
+                                    font-weight: bold;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        .leftBot {
+            height: calc(35% - 0.125rem);
+            max-height: calc(35% - 0.125rem);
+            margin-top: 0.125rem;
+            width: 100%;
+
+            .leftBotContent {
+                padding: 0.25rem 0 0 0;
+                height: calc(100% - 0.6875rem);
+            }
+        }
+
+        .rightBot {
+            height: calc(35% - 0.125rem);
+            max-height: calc(35% - 0.125rem);
+            margin-top: 0.125rem;
+
+            .rightBotContent {
+                padding: 0.25rem 0 0 0;
+                // height: calc(100% - 0.4375rem);
+                height: calc(100% - 0.6875rem);
+            }
+        }
+    }
+}
+  .returnText {
+                width: 0.5rem;
+                text-align: center;
+                height: 0.3rem;
+                line-height: 0.3rem;
+                box-shadow: inset 0 0 0.05rem 0.05rem #1b4f90;
+                background: rgba(19, 42, 90, 0.2) !important;
+                color: #fff;
+                float: right;
+                margin-top: 0.1rem;
+        }
+        .leftBotContent2{
+                height:23%;
+                margin-top:-35%;
+        }
+        .rightTop2{
+                >.el-col{
+                        >div{
+                                >div:nth-child(1){
+                                        margin:0.3rem 0;
+                                }
+                                >div:nth-child(3){
+                                        width:50%;
+                                        margin:0.2rem auto;
+                                        padding:.075rem;
+                                        border-radius: .25rem;
+                                        box-shadow: inset 0 0 0.05rem 0.05rem rgba(27, 79, 144, 1);
+                                        background: rgba(#132A5A, 0.2) !important;
+                                        span{
+                                                margin-left:0.075rem
+                                        }
+                                }
+                        }
+                }
+        }
+</style>

src/views/security-plan.vue

@@ -1,1481 +1,35 @@
 <template>
     <el-row class="contentBox">
-        <transition name="el-fade-in-linear">
-            <el-col class="leftBox" v-show="stroes.$state.leftBtn">
-                <div class="leftTop">
-                    <h4>疏导区社会面防火巡查情况</h4>
-
-                    <div class="leftTopContent">
-                        <el-row>
-                            <el-col :span="12">
-                                <div>
-                                    <div class="title">
-                                        <div>检查单位数（家次）</div>
-                                    </div>
-                                    <div class="content">
-                                        <span>6276</span>
-                                        <span>同比</span>
-                                        <span style="color: #fe0505"
-                                            >+29.48%</span
-                                        >
-                                    </div>
-                                </div>
-                            </el-col>
-                            <el-col :span="12">
-                                <div>
-                                    <div class="title">
-                                        <div>发现隐患数（处）</div>
-                                    </div>
-                                    <div class="content">
-                                        <span>1340</span>
-                                        <span>同比</span>
-                                        <span style="color: #fe0505"
-                                            >+14.18%</span
-                                        >
-                                    </div>
-                                </div>
-                            </el-col>
-                            <el-col :span="12">
-                                <div>
-                                    <div class="title">
-                                        <div>督改隐患数（处）</div>
-                                    </div>
-                                    <div class="content">
-                                        <span>1090</span>
-                                        <span>同比</span>
-                                        <span style="color: #fe0505"
-                                            >+7.34%</span
-                                        >
-                                    </div>
-                                </div>
-                            </el-col>
-                            <el-col :span="12">
-                                <div style="width: 80%">
-                                    <div class="title">
-                                        <div>签约承诺书（份）</div>
-                                    </div>
-                                    <div class="content">
-                                        <span>5410</span>
-                                        <!-- <span>同比</span>
-                    <span style="color: #05fe3a">-5.3%</span> -->
-                                    </div>
-                                </div>
-                            </el-col>
-                        </el-row>
-                    </div>
-                </div>
 
-                <div class="rightCenter">
-                    <h4>执勤战备力量部署</h4>
-                    <div class="rightTopContent">
-                        <el-table
-                            :data="tableData2"
-                            class="transparentTableRow"
-                            height="100%"
-                        >
-                            <el-table-column type="expand">
-                                <template #default="props">
-                                    <template v-if="props.row.children">
-                                        <template
-                                            v-for="(item, ind) in props.row
-                                                .children"
-                                            :key="ind"
-                                        >
-                                            <el-row
-                                                class="tableExpendTitle"
-                                                style="margin-top: 10px"
-                                            >
-                                                状态：{{ item.carStatus }}（{{
-                                                    item.equipTypeName
-                                                        ? item.equipTypeName +
-                                                          "，"
-                                                        : ""
-                                                }}{{ item.renyuanNum }}人）
-                                            </el-row>
-                                            <el-row class="tableExpendcontent">
-                                                <el-col>
-                                                    <!-- <img src="~@a/img/test/bg3.png" alt="" /> -->
-                                                    <!-- <div>{{ item.cphm }}</div> -->
-                                                    <div>
-                                                        车牌号：<span
-                                                            style="
-                                                                color: #6ff3f6;
-                                                            "
-                                                            >{{
-                                                                item.cphm
-                                                            }}</span
-                                                        >
-                                                    </div>
-                                                </el-col>
-                                                <el-col
-                                                    v-if="item.zhy"
-                                                    :span="12"
-                                                >
-                                                    <!-- <img src="~@a/img/test/bg7.png" alt="" /> -->
-                                                    <!-- <div>{{ item.zhy }}</div> -->
-                                                    <div>
-                                                        指挥员：<span
-                                                            style="
-                                                                color: #6ff3f6;
-                                                            "
-                                                            >{{
-                                                                item.zhy
-                                                            }}</span
-                                                        >
-                                                    </div>
-                                                </el-col>
-                                                <el-col
-                                                    v-if="item.txy"
-                                                    :span="12"
-                                                >
-                                                    <!-- <img src="~@a/img/test/bg7.png" alt="" /> -->
-                                                    <!-- <div>{{ item.txy }}</div> -->
-                                                    <div>
-                                                        通讯员：<span
-                                                            style="
-                                                                color: #6ff3f6;
-                                                            "
-                                                            >{{
-                                                                item.txy
-                                                            }}</span
-                                                        >
-                                                    </div>
-                                                </el-col>
-                                                <el-col
-                                                    v-if="item.jsy"
-                                                    :span="12"
-                                                >
-                                                    <!-- <img src="~@a/img/test/bg7.png" alt="" /> -->
-                                                    <!-- <div>{{ item.jsy }}</div> -->
-                                                    <div>
-                                                        驾驶员：<span
-                                                            style="
-                                                                color: #6ff3f6;
-                                                            "
-                                                            >{{
-                                                                item.jsy
-                                                            }}</span
-                                                        >
-                                                    </div>
-                                                </el-col>
-                                                <el-col
-                                                    v-if="item.zsry"
-                                                    :span="24"
-                                                >
-                                                    <!-- <img src="~@a/img/test/bg7.png" alt="" /> -->
-                                                    <!-- <div>{{ item.zsry }}</div> -->
-                                                    <div>
-                                                        战士人员：<span
-                                                            style="
-                                                                color: #6ff3f6;
-                                                            "
-                                                            >{{
-                                                                item.zsry
-                                                            }}</span
-                                                        >
-                                                    </div>
-                                                </el-col>
-                                            </el-row>
-                                        </template>
-                                    </template>
-                                </template>
-                            </el-table-column>
-                            <el-table-column
-                                show-overflow-tooltip
-                                v-for="item in headerData2"
-                                :key="item.prop"
-                                :prop="item.prop"
-                                align="center"
-                                min-width="20"
-                                :label="item.name"
-                            >
-                                <template
-                                    v-if="item.prop === 'car'"
-                                    #default="scope"
-                                >
-                                    <span style="color: #6ff3f6">{{
-                                        scope.row.car
-                                    }}</span>
-                                </template>
-                                <template
-                                    v-if="item.prop === 'personnel'"
-                                    #default="scope"
-                                >
-                                    <span style="color: #6ff3f6">{{
-                                        scope.row.personnel
-                                    }}</span>
-                                </template>
-                            </el-table-column>
-                        </el-table>
-                    </div>
-                </div>
-                <div class="leftCenter">
-                    <h4 class="h4Top">接警处置情况</h4>
-                    <category
-                        ref="category"
-                        v-show="category"
-                        :dataMap="reportComplaintList.map((val, ind) => val.value)"
-                        :xData="reportComplaintList.map((val, ind) => val.name)"
-                        :isSlice="10"
-                        :width="40"
-                        color="#73FBFD"
-                        @echartsClick="categoryClick"
-                    ></category>
-                    <div @click="goBack" class="return" v-if="!category">
-                        <div class="returnText">返回</div></div>
-                        </div>
-                        <div class="leftBotContent2">
-                        <el-table
-                             v-if="!category"
-                            :data="tableData"
-                            class="transparentTableRow"
-                            height="100%"
-                        >
-                            <el-table-column
-                                v-for="item in headerData"
-                                show-overflow-tooltip
-                                :key="item.prop"
-                                :prop="item.prop"
-                                align="center"
-                                min-width="20"
-                                :label="item.name"
-                            >
-                                <template #default="scope">
-                                    {{
-                                        item.prop === "type"
-                                            ? ""
-                                            : item.prop === "status"
-                                            ? scope.row[item.prop] == 1
-                                                ? "可用"
-                                                : "不可用"
-                                            : scope.row[item.prop]
-                                    }}
-                                </template>
-                            </el-table-column>
-                        </el-table>
-                    </div>
-            </el-col>
-        </transition>
         <transition name="el-fade-in-linear">
             <el-col class="centerBox" style="width: 100%">
-                <div
-                    :class="
-                        stroes.$state.leftBtn ? 'leftBtn btnW' : 'leftBtn0 btnW'
-                    "
-                    @click="stroes.leftBtnClick()"
-                >
-                    <img src="@/assets/img/svg/left.svg" alt="" class="img" />
-                </div>
-                <el-col class="centerContent" id="mapF"></el-col>
 
-                <div
-                    :class="
-                        stroes.$state.rightBtn
-                            ? 'rightBtn btnW'
-                            : 'rightBtn0 btnW'
-                    "
-                    @click="stroes.rightBtnClick()"
-                >
-                    <img src="@/assets/img/svg/left.svg" alt="" class="img" />
-                </div>
+                <el-col class="centerContent" id="mapF"></el-col>
 
-                <div class="mapTips_type">
-                    <img
-                        src="@/assets/img/svg/danweitop.svg"
-                        alt=""
-                        class="img"
-                    />
-                    <div class="content">
-                        <!-- <p>街镇筛选</p>
-                        <el-select class="mtb-12" v-model="stroes.$state.streetTown" placeholder="请选择街镇" @change="checkStreetTown">
-                        <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
-                                @click="checkboxChange(0)"
-                                :class="
-                                    checkedArray.checkedData[0] == 0
-                                        ? 'checkTypeSelect'
-                                        : ''
-                                "
-                            >
-                                <img :src="stores.sadianIcon.xfc" alt="" />
-                                <span>车辆</span>
-                            </div>
-                            <div
-                                @click="checkboxChange(1)"
-                                :class="
-                                    checkedArray.checkedData[0] == 1
-                                        ? 'checkTypeSelect'
-                                        : ''
-                                "
-                            >
-                                <img :src="stores.sadianIcon.lsjq" alt="" />
-                                <span>历史警情</span>
-                            </div>
-                            <div
-                                @click="checkboxChange(2)"
-                                :class="
-                                    checkedArray.checkedData[0] == 2
-                                        ? 'checkTypeSelect'
-                                        : ''
-                                "
-                            >
-                                <img :src="stores.sadianIcon.lshz" alt="" />
-                                <span>历史火灾</span>
-                            </div>
-                            <div
-                                @click="checkboxChange(3)"
-                                :class="
-                                    checkedArray.checkedData[0] == 3
-                                        ? 'checkTypeSelect'
-                                        : ''
-                                "
-                            >
-                                <img :src="stores.sadianIcon.zddw" alt="" />
-                                <span>重点单位</span>
-                            </div>
-                             <div
-                              
-                                :class="
-                                     checkedArray.checkedData[0] == 4  ? 'checkTypeSelect' : 
-                                    checkedArray.checkedData[0] == 40  ? 'checkTypeSelect' : 
-                                    checkedArray.checkedData[0] == 41  ? 'checkTypeSelect' : 
-                                    checkedArray.checkedData[0] == 42  ? 'checkTypeSelect' : 
-                                    checkedArray.checkedData[0] == 43  ? 'checkTypeSelect' : 
-                                    checkedArray.checkedData[0] == 44  ? 'checkTypeSelect' : 
-                                    checkedArray.checkedData[0] == 45  ? 'checkTypeSelect' : 
-                                    checkedSelectValue=='46' ? stores.sadianIcon.yjxfz : 
-                                        checkedSelectValue=='47' ? stores.sadianIcon.jzzzxfd : 
-                                     ' '
-                                "
-                            >
-                                <img :src="
-                                checkedSelectValue=='40' ? stores.sadianIcon.xfz : 
-                                checkedSelectValue=='41' ? stores.sadianIcon.zzd : 
-                                checkedSelectValue=='42' ? stores.sadianIcon.jzwxxfz : 
-                                checkedSelectValue=='43' ? stores.sadianIcon.csxfz : 
-                                checkedSelectValue=='44' ? stores.sadianIcon.qyxfd : 
-                                checkedSelectValue=='45' ? stores.sadianIcon.sqwxxfz : 
-                                checkedSelectValue=='46' ? stores.sadianIcon.sqwxxfz : 
-                                checkedSelectValue=='47' ? stores.sadianIcon.sqwxxfz : 
-                                stores.sadianIcon.xfz
-                                " alt="" />
-                                
-                                <span>{{checkedSelectLabel}}</span>
-                                <el-select v-model="checkedSelectValue" placeholder="消防站" class="selectTypeIcon" style="display: inline-block;  width:100%;position:absolute;right:0" @change="selectArray"> 
-                                        <el-option
-                                        v-for="item in checkedSelectArray"
-                                        :key="item.value"
-                                        :label="item.label"
-                                        :value="item.value">
-                                        </el-option>
-                                </el-select>
-                            </div>
-                        </div>
-                    </div>
-                </div>
             </el-col>
         </transition>
-        <transition name="el-fade-in-linear">
-            <el-col class="rightBox" v-show="stroes.$state.rightBtn">
-                <div class="rightTop">
-                    <h4>疏导区社会面风险评估情况</h4>
-
-                    <div class="rightTopContent">
-                        <el-row>
-                            <el-col :span="12">
-                                <div>
-                                    <div class="left">
-                                        <img
-                                            src="@a/img/securityPlan/right1.png"
-                                            alt=""
-                                        />
-                                        <div>高风险场所</div>
-                                    </div>
-                                    <el-row class="right">
-                                        <el-col :span="24">单位总数(家)</el-col>
-                                        <el-col
-                                            :span="24"
-                                            style="color: #ff0000"
-                                            >350</el-col
-                                        >
-                                    </el-row>
-                                </div>
-                            </el-col>
-                            <el-col :span="12">
-                                <div>
-                                    <div class="left">
-                                        <img
-                                            src="@a/img/securityPlan/right2.png"
-                                            alt=""
-                                        />
-                                        <div>较高风险场所</div>
-                                    </div>
-                                    <el-row class="right">
-                                        <el-col :span="24">单位总数(家)</el-col>
-                                        <el-col
-                                            :span="24"
-                                            style="color: #ff5a00"
-                                            >54</el-col
-                                        >
-                                    </el-row>
-                                </div>
-                            </el-col>
-                            <el-col :span="12">
-                                <div>
-                                    <div class="left">
-                                        <img
-                                            src="@a/img/securityPlan/right3.png"
-                                            alt=""
-                                        />
-                                        <div>一般风险场所</div>
-                                    </div>
-                                    <el-row class="right">
-                                        <el-col :span="24">单位总数(家)</el-col>
-                                        <el-col
-                                            :span="24"
-                                            style="color: #ffd800"
-                                            >220</el-col
-                                        >
-                                    </el-row>
-                                </div>
-                            </el-col>
-                            <el-col :span="12">
-                                <div>
-                                    <div class="left">
-                                        <img
-                                            src="@a/img/securityPlan/right4.png"
-                                            alt=""
-                                        />
-                                        <div>低风险场所</div>
-                                    </div>
-                                    <el-row class="right">
-                                        <el-col :span="24">单位总数(家)</el-col>
-                                        <el-col
-                                            :span="24"
-                                            style="color: #0084ff"
-                                            >4786</el-col
-                                        >
-                                    </el-row>
-                                </div>
-                            </el-col>
-                        </el-row>
-                    </div>
-                </div>
-                <div class="rightTop" v-if="proptionList.length>0">
-                <h4>安保推送情况</h4>
-                <el-row class="rightTop2">
-                <el-col :span="8" v-for="(item,index) in proptionList" :key="index">
-                <div>
-                        <div style="text-align: center;font-size:0.18rem">
-                        {{ item.type }}
-                        </div>
-                        <div style="height: 1.5rem">
-                                <gauge ref="gauge1" :data="item" ></gauge>
-                        </div>
-                </div>
-                </el-col>
-                </el-row>
-                </div>
-                <!-- <div class="leftBot">
-                    <h4>接处警详情</h4>
-                    <div class="leftBotContent">
-                        <el-table
-                            :data="tableData"
-                            class="transparentTableRow"
-                            height="100%"
-                        >
-                            <el-table-column
-                                v-for="item in headerData"
-                                show-overflow-tooltip
-                                :key="item.prop"
-                                :prop="item.prop"
-                                align="center"
-                                min-width="20"
-                                :label="item.name"
-                            >
-                                <template #default="scope">
-                                    {{
-                                        item.prop === "type"
-                                            ? ""
-                                            : item.prop === "status"
-                                            ? scope.row[item.prop] == 1
-                                                ? "可用"
-                                                : "不可用"
-                                            : scope.row[item.prop]
-                                    }}
-                                </template>
-                            </el-table-column>
-                        </el-table>
-                    </div>
-                </div> -->
-                <div class="rightBot">
-                    <h4>网格人员信息</h4>
 
-                    <div class="rightBotContent" v-if="erpData.length > 0">
-                        <el-table
-                            :data="rightArray.tableData"
-                            class="transparentTableRow"
-                            height="100%"
-                        >
-                            <el-table-column
-                                v-for="item in rightArray.headerData2"
-                                show-overflow-tooltip
-                                :key="item.prop"
-                                :prop="item.prop"
-                                align="center"
-                                min-width="20"
-                                :label="item.name"
-                            >
-                                <template #default="scope">
-                                    {{
-                                        item.prop === "type"
-                                            ? ""
-                                            : item.prop === "status"
-                                            ? scope.row[item.prop] == 1
-                                                ? "可用"
-                                                : "不可用"
-                                            : scope.row[item.prop]
-                                    }}
-                                </template>
-                            </el-table-column>
-                        </el-table>
-                    </div>
-                </div>
-            </el-col>
-        </transition>
     </el-row>
 </template>
 
 <script>
 import linstener from "@c/mixins/linstener";
 import map from "@c/mixins/map-data1";
-import gauge from "@c/gauge/index6";
-// import map from "@c/mixins/map-gaode-public";
-import category from "@c/category/index2";
 export default {
     mixins: [linstener, map],
-    components: { category,gauge },
     data() {
-        return {
-            stores: this.$useStore(),
-            proptionList:[
-                {
-                        "type": "已推送单位",
-                        "number": 306,
-                        "month": null,
-                        "radio": "1",
-                        "sameStatus": 2,
-                        "avg": null,
-                        "color": [
-                        "#BF4216 ",
-                        "#F68E6A"
-                        ]
-                },
-                {
-                        "type": "已接收单位",
-                        "number": 303,
-                        "month": null,
-                        "radio": "1",
-                        "sameStatus": 2,
-                        "avg": null,
-                        "color": [
-                        "#06B1B9  ",
-                        "#14E1EA"
-                        ]
-                },
-                {
-                        "type": "推送接收率",
-                        "number": 99,
-                        "month": null,
-                        "radio": "0.99",
-                        "sameStatus": 2,
-                        "avg": null,
-                        "color": [
-                        "#E4951E ",
-                        "#F8ED41"
-                        ]
-                }
-        ],
-            category:true,
-            tableData2: [],
-            headerData2: [
-                { prop: "name", name: "站点名称" },
-                { prop: "car", name: "站点车辆" },
-                { prop: "personnel", name: "人员" },
-            ],
-            reportComplaintList: [
-                { name: "火灾扑救", value: 100 },
-                { name: "社会救助", value: 90 },
-                { name: "抢险救援", value: 60 },
-            ], //接处警情况
-            checkedArray: {
-                checkedData: [2],
-                checkedList: [
-                    { value: 0, label: "车辆" },
-                    { value: 1, label: "历史警情" },
-                    { value: 2, label: "历史火灾" },
-                    { value: 3, label: "重点单位" },
-                    { value: 4, label: "消防站" },
-                ],
-            }, //类型筛选
-            checkedSelectValue:"40",
-            checkedSelectLabel:"消防站",
-            checkedSelectArray:[
-                    { value: 40, label: "消防站" },
-                    { value: 41, label: "专职队" },
-                //     { value: 43, label: "城市消防站" },
-                    { value: 44, label: "企业消防队" },
-                    { value: 42, label: "街镇微型消防站" },
-                    { value: 45, label: "社区微型消防站" },
-                    { value: 46, label: "一级微型消防站" },
-                    { value: 47, label: "街镇专职消防队" },
-            ],
-            tableData: [
-                {
-                    type: "火灾",
-                    policeTime: "23:00:00",
-                    alertLevel: "二级",
-                    address: "闵行区",
-                    car: "2辆",
-                    policeCause: "电器火灾",
-                    department: "吴泾支队",
-                    status: "1",
-                    callingUp: "1号",
-                    equipName: "一七",
-                    carNumber: "沪X5477应急",
-                    carStatus: "出动",
-                    disposeTime: "1:00：00",
-                    correspondent: "张三",
-                    commander: "李四",
-                    firemen: "王五",
-                    driver: "赵六",
-                },
-                {
-                    type: "火灾",
-                    policeTime: "23:00:00",
-                    alertLevel: "二级",
-                    address: "闵行区",
-                    car: "2辆",
-                    policeCause: "电器火灾",
-                    department: "吴泾支队",
-                    status: "1",
-                    callingUp: "1号",
-                    equipName: "一七",
-                    carNumber: "沪X5477应急",
-                    carStatus: "出动",
-                    disposeTime: "1:00：00",
-                    correspondent: "张三",
-                    commander: "李四",
-                    firemen: "王五",
-                    driver: "赵六",
-                },
-                {
-                    type: "火灾",
-                    policeTime: "23:00:00",
-                    alertLevel: "二级",
-                    address: "闵行区",
-                    car: "2辆",
-                    policeCause: "电器火灾",
-                    department: "吴泾支队",
-                    status: "1",
-                    callingUp: "1号",
-                    equipName: "一七",
-                    carNumber: "沪X5477应急",
-                    carStatus: "出动",
-                    disposeTime: "1:00：00",
-                    correspondent: "张三",
-                    commander: "李四",
-                    firemen: "王五",
-                    driver: "赵六",
-                },
-                {
-                    type: "社会救援",
-                    policeTime: "23:00:00",
-                    alertLevel: "二级",
-                    address: "闵行区",
-                    car: "2辆",
-                    policeCause: "电器火灾",
-                    department: "吴泾支队",
-                    status: "1",
-                    callingUp: "1号",
-                    equipName: "一七",
-                    carNumber: "沪X5477应急",
-                    carStatus: "出动",
-                    disposeTime: "1:00：00",
-                    correspondent: "张三",
-                    commander: "李四",
-                    firemen: "王五",
-                    driver: "赵六",
-                },
-                {
-                    type: "社会救援",
-                    policeTime: "23:00:00",
-                    alertLevel: "二级",
-                    address: "闵行区",
-                    car: "2辆",
-                    policeCause: "电器火灾",
-                    department: "吴泾支队",
-                    status: "1",
-                    callingUp: "1号",
-                    equipName: "一七",
-                    carNumber: "沪X5477应急",
-                    carStatus: "出动",
-                    disposeTime: "1:00：00",
-                    correspondent: "张三",
-                    commander: "李四",
-                    firemen: "王五",
-                    driver: "赵六",
-                },
-                {
-                    type: "社会救援",
-                    policeTime: "23:00:00",
-                    alertLevel: "二级",
-                    address: "闵行区",
-                    car: "2辆",
-                    policeCause: "电器火灾",
-                    department: "吴泾支队",
-                    status: "1",
-                    callingUp: "1号",
-                    equipName: "一七",
-                    carNumber: "沪X5477应急",
-                    carStatus: "出动",
-                    disposeTime: "1:00：00",
-                    correspondent: "张三",
-                    commander: "李四",
-                    firemen: "王五",
-                    driver: "赵六",
-                },
-                {
-                    type: "抢险救援",
-                    policeTime: "23:00:00",
-                    alertLevel: "二级",
-                    address: "闵行区",
-                    car: "2辆",
-                    policeCause: "电器火灾",
-                    department: "吴泾支队",
-                    status: "1",
-                    callingUp: "1号",
-                    equipName: "一七",
-                    carNumber: "沪X5477应急",
-                    carStatus: "出动",
-                    disposeTime: "1:00：00",
-                    correspondent: "张三",
-                    commander: "李四",
-                    firemen: "王五",
-                    driver: "赵六",
-                },
-                {
-                    type: "抢险救援",
-                    policeTime: "23:00:00",
-                    alertLevel: "二级",
-                    address: "闵行区",
-                    car: "2辆",
-                    policeCause: "电器火灾",
-                    department: "吴泾支队",
-                    status: "1",
-                    callingUp: "1号",
-                    equipName: "一七",
-                    carNumber: "沪X5477应急",
-                    carStatus: "出动",
-                    disposeTime: "1:00：00",
-                    correspondent: "张三",
-                    commander: "李四",
-                    firemen: "王五",
-                    driver: "赵六",
-                },
-                {
-                    type: "抢险救援",
-                    policeTime: "23:00:00",
-                    alertLevel: "二级",
-                    address: "闵行区",
-                    car: "2辆",
-                    policeCause: "电器火灾",
-                    department: "吴泾支队",
-                    status: "1",
-                    callingUp: "1号",
-                    equipName: "一七",
-                    carNumber: "沪X5477应急",
-                    carStatus: "出动",
-                    disposeTime: "1:00：00",
-                    correspondent: "张三",
-                    commander: "李四",
-                    firemen: "王五",
-                    driver: "赵六",
-                },
-                {
-                    type: "抢险救援",
-                    policeTime: "23:00:00",
-                    alertLevel: "二级",
-                    address: "闵行区",
-                    car: "2辆",
-                    policeCause: "电器火灾",
-                    department: "吴泾支队",
-                    status: "1",
-                    callingUp: "1号",
-                    equipName: "一七",
-                    carNumber: "沪X5477应急",
-                    carStatus: "出动",
-                    disposeTime: "1:00：00",
-                    correspondent: "张三",
-                    commander: "李四",
-                    firemen: "王五",
-                    driver: "赵六",
-                },
-                {
-                    type: "火灾",
-                    policeTime: "23:00:00",
-                    alertLevel: "二级",
-                    address: "闵行区",
-                    car: "2辆",
-                    policeCause: "电器火灾",
-                    department: "吴泾支队",
-                    status: "1",
-                    callingUp: "1号",
-                    equipName: "一七",
-                    carNumber: "沪X5477应急",
-                    carStatus: "出动",
-                    disposeTime: "1:00：00",
-                    correspondent: "张三",
-                    commander: "李四",
-                    firemen: "王五",
-                    driver: "赵六",
-                },
-            ],
-            headerData: [
-                { prop: "policeTime", name: "立案时间" },
-                { prop: "alertLevel", name: "警情等级" },
-                { prop: "address", name: "案发地址" },
-                { prop: "car", name: "调动车辆" },
-                // { prop: "type", name: "类型" },
-                { prop: "policeCause", name: "原因" },
-                { prop: "department", name: "所属中队" },
-                { prop: "status", name: "状况" },
-            ],
-
-            erpData: [
-                {
-                    linkPhone: "13917453877",
-                    address:
-                        "上海市闵行区新虹街道申滨南路1156号龙湖天街A栋112、115室",
-                    employeeNum: "",
-                    registrar: "市场监督管理局",
-                    companyType: "9",
-                    fireDutyName: "魏良满",
-                    delegateName: "魏静",
-                    completedTime: null,
-                    companyName: "龙湖虹桥天街",
-                    fireManageName: "魏良满",
-                    businessStatus: "开业",
-                    buildArea: "0.0",
-                    paidCapital: "500",
-                    companyId: "2DB679350A0F4023B74C4261539AA031",
-                    foundTime: null,
-                    buildingStructure: "钢筋混凝土",
-                    registeredCapital: "500",
-                    organization: "91310112MA1GEKG30K",
-                    companyNature: 9,
-                    buildingHeight: "25",
-                    fireRating: "一级",
-                    construction: null,
-                    id: 1415,
-                },
-            ],
-            rightArray: {
-                tableData: [
-                    {
-                        value1: "K11",
-                        value2: "新虹街道",
-                        value3: "张 伟18601769394 何成13818725590",
-                        value4: "陈伟杰 17317672567",
-                    },
-                    {
-                        value1: "K12",
-                        value2: "新虹街道",
-                        value3: "成 诚 15000038283",
-                        value4: "候 林 18800295992",
-                    },
-                    {
-                        value1: "K13",
-                        value2: "新虹街道",
-                        value3: "张 峰 13917651810",
-                        value4: "章俊杰 13082050172",
-                    },
-                    {
-                        value1: "K14",
-                        value2: "新虹街道",
-                        value3: "陈晓杰 15121104867",
-                        value4: "高翔 17601304704",
-                    },
-                    {
-                        value1: "K15",
-                        value2: "新虹街道",
-                        value3: "陆永丰 13671988221",
-                        value4: "高 翔 17601304704",
-                    },
-                    {
-                        value1: "S21",
-                        value2: "华漕镇",
-                        value3: "汪利强 13601955218",
-                        value4: "",
-                    },
-                    {
-                        value1: "S23",
-                        value2: "华漕镇",
-                        value3: "姚佳旭 18616173204",
-                        value4: "唐锦涛 15530649915",
-                    },
-                    {
-                        value1: "S24",
-                        value2: "华漕镇",
-                        value3: "陈 叶 13817827919",
-                        value4: "",
-                    },
-                    {
-                        value1: "S25",
-                        value2: "华漕镇",
-                        value3: "单 江 13052103663 庄元豪 15900468502",
-                        value4: "张连杰 17621890801",
-                    },
-                    {
-                        value1: "S26",
-                        value2: "华漕镇",
-                        value3: "许文明 13917538341",
-                        value4: "陆锋栋 13296481670",
-                    },
-                    {
-                        value1: "S31、S32",
-                        value2: "七宝镇",
-                        value3: "高剑峰 13331852615",
-                        value4: "王宇佳 15821489308",
-                    },
-                    {
-                        value1: "S36、S37",
-                        value2: "七宝镇",
-                        value3: "谢春亮 13764016857",
-                        value4: "易铁彬 15612617919",
-                    },
-                    {
-                        value1: "S34",
-                        value2: "七宝镇",
-                        value3: "吴毅波 18616882119",
-                        value4: "",
-                    },
-                    {
-                        value1: "S38、S39",
-                        value2: "七宝镇",
-                        value3: "赵依滨 17717416864",
-                        value4: "",
-                    },
-                    {
-                        value1: "S33、S35",
-                        value2: "七宝镇",
-                        value3: "孙文强 13917039136",
-                        value4: "周明浩 13818487991",
-                    },
-                    {
-                        value1: "541、542",
-                        value2: "虹桥镇",
-                        value3: "郁志荣 18918617551",
-                        value4: "",
-                    },
-                    {
-                        value1: "543、544",
-                        value2: "虹桥镇",
-                        value3: "夏 戴 13816005022",
-                        value4: "",
-                    },
-                    {
-                        value1: "545",
-                        value2: "虹桥镇",
-                        value3: "张罕彦 13917847674",
-                        value4: "",
-                    },
-                ],
-                headerData2: [
-                    { prop: "value1", name: "网格区域" },
-                    { prop: "value2", name: "街道" },
-                    { prop: "value3", name: "网格人员" },
-                    { prop: "value4", name: "增援干部" },
-                ],
-            },
-        };
+        return {}
     },
     mounted() {
-        window.addEventListener(
-            "resize",
-            () => this.resizeTimeActions([this.$refs.category,this.$refs.gauge1, ]),
-            true
-        );
+        
         this.initMap(); //地图初始化
-        this.anbaoMap(); //安保区域
-        this.getFireSiteDuty(); //各站点执勤实力
-        this.sadianSelect(this.checkedArray.checkedData[0]); //撒点
+        // this.anbaoMap(); //安保区域
+
+       
+       
     },
     methods: {
-            selectArray(id){
-                    console.log(id)
-                    this.checkedArray.checkedData[0] = 4
-                    let data = this.checkedSelectArray.filter((val)=>{
-                                    if(val.value == id){
-                                        return val.label
-                                    } 
-                             })
-                     this.checkedSelectLabel = data[0].label
-                    this.sadianSelect(data[0].value)
-            },
-            /**
-             * 
-             */
-            goBack(){
-                    this.category = true
-            },
-            /**
-             * categoryClick echarts 点击事件
-             */
-            categoryClick(){
-                    this.category = false
-            },
-        /* 各站点执勤实力分页 */
-        async getFireSiteDuty() {
-            await this.$axios
-                .get(
-                    this.$api.fireSite.page +
-                        "?" +
-                        this.$qs.stringify({
-                            current: 1,
-                            size: 100,
-                        })
-                )
-                .then((res) => {
-                        this.proptionList = [
-                                {
-                        "type": "已推送单位",
-                        "number": 306,
-                        "month": null,
-                        "radio": "1",
-                        "sameStatus": 2,
-                        "avg": null,
-                        "color": [
-                        "#BF4216 ",
-                        "#F68E6A"
-                        ]
-                },
-                {
-                        "type": "已接收单位",
-                        "number": 303,
-                        "month": null,
-                        "radio": "1",
-                        "sameStatus": 2,
-                        "avg": null,
-                        "color": [
-                        "#06B1B9  ",
-                        "#14E1EA"
-                        ]
-                },
-                {
-                        "type": "推送接收率",
-                        "number": 99,
-                        "month": null,
-                        "radio": "0.99",
-                        "sameStatus": 2,
-                        "avg": null,
-                        "color": [
-                        "#E4951E ",
-                        "#F8ED41"
-                        ]
-                }
-                        ]
-                    if (res.data.records.length > 0) {
-                        let arr = res.data.records;
-                        let data = arr.filter((item)=>{
-                                let data = []
-                                if(item.name == "华漕站" ||  item.name == "新虹站" ||  item.name == "七宝站" ||  item.name == "虹桥站" ||  item.name == "梅陇站"){
-                                        data.push(item)
-                                        return data
-                                }
-                                
-                        })
-                        console.log(data)
-                        for (let i = 0; i < data.length; i++) {
-                            data[i].cheliang = {};
-                            data[i].personnel = undefined;
-                            data[i].car = undefined;
-                            this.$axios
-                                .get(
-                                    this.$api.fireSite.list +
-                                        "?" +
-                                        this.$qs.stringify({
-                                            zdCode: data[i].xfjgId,
-                                        })
-                                )
-                                .then((Response) => {
-                                    if (Response.data.length > 0) {
-                                        let children = Response.data;
-                                        data[i].cheliang = children;
-                                        data[i].car = children.length;
-                                        data[i].children = [];
-                                        data[i].personnel = 0;
-
-                                        for (
-                                            let a = 0;
-                                            a < children.length;
-                                            a++
-                                        ) {
-                                            children[a].renyuan = "";
-                                            children[a].renyuanNum = 0;
-                                            if (children[a].zhy) {
-                                                children[a].renyuan =
-                                                    children[a].zhy + ",";
-                                            }
-                                            if (children[a].jsy) {
-                                                children[a].renyuan +=
-                                                    children[a].jsy + ",";
-                                            }
-                                            if (children[a].txy) {
-                                                children[a].renyuan +=
-                                                    children[a].txy + ",";
-                                            }
-                                            if (children[a].zsry) {
-                                                children[a].renyuan +=
-                                                    children[a].zsry + ",";
-                                            }
-                                            data[i].children.push(children[a]);
-                                            if (
-                                                children[a].renyuan.indexOf(
-                                                    ","
-                                                ) > -1
-                                            ) {
-                                                children[a].renyuanNum +=
-                                                    children[a].renyuan.match(
-                                                        /,/g
-                                                    ).length;
-                                            }
-                                            data[i].personnel +=
-                                                children[a].renyuanNum;
-                                        }
-
-                                        for (let i = 0; i < data.length; i++) {
-                                            if (data[i].name == "闵行支队") {
-                                                data[i].name = "支队";
-                                            } else {
-                                                data[i].name = data[
-                                                    i
-                                                ].name.slice(0, 2);
-                                            }
-                                        }
-
-                                        setTimeout(() => {
-                                            this.cldt = data;
-                                        }, 1500);
-                                    }
-                                });
-                        }
-                        setTimeout(() => {
-                            this.tableData2 = data;
-                        }, 1000);
-                    }
-                });
-        },
-        /**
-         * 撒点类型选择
-         */
-        checkboxChange(id) {
-            this.checkedArray.checkedData[0] = id;
-            this.sadianSelect(id);
-        },
-        /* 历史警情 */
-        async historicalWarning() {
-            let monthDay = dayjs()
-                .subtract(30, "day")
-                .format("YYYY-MM-DD HH:mm:ss");
-            let today = dayjs()
-                .subtract(0, "day")
-                .format("YYYY-MM-DD HH:mm:ss");
-            return await this.$axios.get(
-                this.$api.jqzhcz.page2 +
-                    "?" +
-                    this.$qs.stringify({
-                        // streetTown: this.stroes.$state.streetTown, //街镇
-                        current: 1,
-                        size: 150,
-                        startTime: monthDay,
-                        endTime: today,
-                    })
-            );
-        },
 
-        /**
-         * 撒点测绘院、高德
-         */
-        sadianSelect(id) {
-                console.log(id,this.stroes.$state.mapBool)
-                console.log(this.checkedArray.checkedData[0] )
-            let type =
-                this.checkedArray.checkedList[this.checkedArray.checkedData[0]]
-                    .label;
-            let that = this;
-            let arr = [];
-            if (this.stroes.$state.mapBool == 1) {
-                if (id == 0) {
-                        // let data = {
-                        //         gisX: 121.302183,
-                        //         gisY:31.189991,
-                        //         type:"国家会展中心",
-                        // }
-                        // arr.push(data)
-                        this.initMarkers(arr.slice(0, 500), "security-plan", type);
-                }else if (id == 1 || id == 2) {
-                        this.historicalWarning()
-                        .then((res) => {
-                                if (res) {
-                                let data = res.data.records;
-                                arr =data
-                                arr = data.filter(
-                                        (item) =>
-                                        item.zhongdui === "华漕" ||
-                                        item.zhongdui === "新虹" ||
-                                        item.zhongdui === "七宝" ||
-                                        item.zhongdui === "虹桥"
-                                );
-                                if (id == 2) {
-                                        arr = arr.filter((item) => {
-                                        return item.ajlxdm == 1;
-                                        });
-                                }
-                                }
-                        })
-                        .then((res) => {
-                        // let data = {
-                        //                 gisX: 121.302183,
-                        //                 gisY:31.189991,
-                        //                 type:"国家会展中心",
-                        //         }
-                        //         arr.push(data)
-                                this.initMarkers(arr.slice(0, 500), "security-plan", type);
-                        });
-                }else{
-                        this.initMarkers([], "security-plan", type);
-                }
-            }else{
-                if (id == 0) {
-                        let data = {
-                                gisX: 121.302183,
-                                gisY:31.189991,
-                                type:"国家会展中心",
-                        }
-                        arr.push(data)
-                        this.sadian(arr, "security-plan", type);
-                }
-                if (id == 1 || id == 2) {
-                        this.historicalWarning()
-                        .then((res) => {
-                                if (res) {
-                                let data = res.data.records;
-                                arr = data
-                                arr = data.filter(
-                                        (item) =>
-                                        item.zhongdui === "华漕" ||
-                                        item.zhongdui === "新虹" ||
-                                        item.zhongdui === "七宝" ||
-                                        item.zhongdui === "虹桥"
-                                );
-                                if (id == 2) {
-                                        arr = arr.filter((item) => {
-                                        return item.ajlxdm == 1;
-                                        });
-                                }
-                                }
-                        })
-                        .then((res) => {
-                        let data = {
-                                        gisX: 121.302183,
-                                        gisY:31.189991,
-                                        type:"国家会展中心",
-                                }
-                                arr.push(data)
-                                this.sadian(arr, "security-plan", type);
-                        });
-                }
-                if( this.checkedArray.checkedData[0] == 40 ){
-                        this.$axios.post(this.$api.fireSite.demFireStationList,
-                                {
-                                        stationType:[1,2,3,4]
-                                }
-                        ).then((res) => {
-                                for(let i=0;i<res.data.length;i++){
-                                        if(res.data[i].streetTown.indexOf("华漕") > -1 || res.data[i].streetTown.indexOf("新虹") > -1 || res.data[i].streetTown.indexOf("七宝") > -1  || res.data[i].streetTown.indexOf("虹桥") > -1 ){
-                                                res.data[i].type =  "消防站"
-                                                arr.push(res.data[i])
-                                        }
-                                }
-                                let data = {
-                                        gisX: 121.302183,
-                                        gisY:31.189991,
-                                        type:"国家会展中心",
-                                }
-                                arr.push(data)
-                                this.addMarker(arr, "rescue-station","消防站");
-                        });   
-                }
-                if(id == 41 ){
-                        this.$axios.post(this.$api.fireSite.demFireStationList,
-                        {
-                                stationType:[4]
-                        }
-                       ).then((res) => {
-                                for(let i=0;i<res.data.length;i++){
-                                        if(res.data[i].streetTown.indexOf("华漕") > -1 || res.data[i].streetTown.indexOf("新虹") > -1 || res.data[i].streetTown.indexOf("七宝") > -1  || res.data[i].streetTown.indexOf("虹桥") > -1 ){
-                                                res.data[i].type =  "专职队"
-                                                arr.push(res.data[i])
-                                        }
-                                       
-                                }
-                                let data = {
-                                        gisX: 121.302183,
-                                        gisY:31.189991,
-                                        type:"国家会展中心",
-                                }
-                                arr.push(data)
-                                this.addMarker(arr, "rescue-station","专职队");
-                        });   
-                }
-                if(id == 42 ){
-                        this.$axios.get(this.$api.fireSite.demStreetMicroStationList  + "?" +
-                                this.$qs.stringify({
-                                        // streetTown:this.stroes.$state.streetTown,
-                                })).then((res) => {
-                                        for(let i=0;i<res.data.length;i++){
-                                                if(res.data[i].streetTown.indexOf("华漕") > -1 || res.data[i].streetTown.indexOf("新虹") > -1 || res.data[i].streetTown.indexOf("七宝") > -1  || res.data[i].streetTown.indexOf("虹桥") > -1 ){
-                                                        res.data[i].stationType = 5
-                                                        arr.push(res.data[i])
-                                                }
-                                        }
-                                        let data = {
-                                        gisX: 121.302183,
-                                        gisY:31.189991,
-                                        type:"国家会展中心",
-                                }
-                                arr.push(data)
-                                        this.addMarker(arr, "rescue-station","微型消防站");
-                                        
-                                });
-                }
-                if(id==44){
-                        this.$axios.post(this.$api.water.baseGgpFacilityList,{
-                                "facilityType": [
-                                       13,14
-                                ] ,
-                                // streetTown:this.stroes.$state.streetTown,
-                        }).then((res) => {
-                                for(let i=0;i<res.data.length;i++){
-                                        if(res.data[i].streetTown.indexOf("华漕") > -1 || res.data[i].streetTown.indexOf("新虹") > -1 || res.data[i].streetTown.indexOf("七宝") > -1  || res.data[i].streetTown.indexOf("虹桥") > -1 ){
-                                                res.data[i].stationType = 112
-                                                arr.push(res.data[i])
-                                        }
-                                }
-                                let data = {
-                                        gisX: 121.302183,
-                                        gisY:31.189991,
-                                        type:"国家会展中心",
-                                }
-                                arr.push(data)
-                                this.addMarker(arr, "rescue-station","企业消防");
-                        });
-                }
-                if(id==45){
-                        this.$axios.post(this.$api.water.baseGgpFacilityList,{
-                                "facilityType": [
-                                       15,16
-                                ] ,
-                                // streetTown:this.stroes.$state.streetTown,
-                        }).then((res) => {
-                                for(let i=0;i<res.data.length;i++){
-                                        if(res.data[i].streetTown.indexOf("华漕") > -1 || res.data[i].streetTown.indexOf("新虹") > -1 || res.data[i].streetTown.indexOf("七宝") > -1  || res.data[i].streetTown.indexOf("虹桥") > -1 ){
-                                                res.data[i].stationType = 112
-                                                arr.push(res.data[i])
-                                        }
-                                }
-                                let data = {
-                                        gisX: 121.302183,
-                                        gisY:31.189991,
-                                        type:"国家会展中心",
-                                }
-                                arr.push(data)
-                                this.addMarker(arr, "rescue-station","社区消防");
-                        });
-                }
-                if(id == 46 ){
-                        this.$axios.post(this.$api.water.baseGgpFacilityList,{
-                                "facilityType": [
-                                      17
-                                ] ,
-                                // streetTown:this.stroes.$state.streetTown,
-                        }).then((res) => {
-                                for(let i=0;i<res.data.length;i++){
-                                        if(res.data[i].streetTown.indexOf("华漕") > -1 || res.data[i].streetTown.indexOf("新虹") > -1 || res.data[i].streetTown.indexOf("七宝") > -1  || res.data[i].streetTown.indexOf("虹桥") > -1 ){
-                                                res.data[i].stationType = 17
-                                                arr.push(res.data[i])
-                                        }
-                                }
-                                let data = {
-                                        gisX: 121.302183,
-                                        gisY:31.189991,
-                                        type:"国家会展中心",
-                                }
-                                arr.push(data)
-                                this.addMarker(arr, "rescue-station","一级微型消防站");
-                        });
-                }
-                if(id == 47 ){
-                        this.$axios.post(this.$api.water.baseGgpFacilityList,{
-                                "facilityType": [
-                                      18
-                                ] ,
-                        }).then((res) => {
-                                for(let i=0;i<res.data.length;i++){
-                                        console.log(res.data[i].streetTown.indexOf("华漕"))
-                                        if(res.data[i].streetTown.indexOf("华漕") > -1 || res.data[i].streetTown.indexOf("新虹") > -1 || res.data[i].streetTown.indexOf("七宝") > -1  || res.data[i].streetTown.indexOf("虹桥") > -1 ){
-                                                res.data[i].stationType = 18
-                                                arr.push(res.data[i])
-                                        }
-                                }
-                                let data = {
-                                        gisX: 121.302183,
-                                        gisY:31.189991,
-                                        type:"国家会展中心",
-                                }
-                                arr.push(data)
-                                this.addMarker(arr, "rescue-station","街镇专职消防队");
-                        });
-                }
-                // else{
-                //         this.sadian([], "security-plan", type);
-                // }
-            }
-            
-        },
-        /**
-         * 撒点
-         */
-        sadian(data, pageType, type) {
-            if (this.stroes.$state.mapBool == 1) {
-                if (data.length > 0) {
-                    this.initMarkers(data.slice(0, 500), pageType, type);
-                } else {
-                    this.initMarkers([], pageType, type);
-                }
-            } else {
-                this.anbaoMap(); //安保区域
-                if (data.length > 0) {
-                    this.addMarker(data.slice(0, 500), pageType, type);
-                } else {
-                    this.addMarker([], pageType, type);
-                }
-            }
-        },
     },
 };
 </script>