撒点补充

src/components/unitBox/index.vue

@@ -41,7 +41,8 @@
             <el-col :span="14">
                 <el-row>
                     <el-col :span="10" style="border: 1px solid rgba(48, 207, 255, 0.6); margin: .25rem .125rem .125rem; box-shadow: inset 0 0 0.07rem 0.04rem rgb(115 251 253 / 40%); box-sizing: border-box"
-                     v-for="(item,index) in staticData.array" :key="index">
+                     v-for="(item,index) in staticData.array" :key="index"
+                     @click="staticsPoint(item.streetTown)">
                         <div style="padding: 0.2rem 0; text-align: center">
                             <span style="display: block">
                                 <Strong :style="{ color: item.color, fontSize: '0.3rem'}" >
@@ -85,9 +86,23 @@
 </template>
 
 <script>
+// import axios from "axios";
+// import linstener from "@c/mixins/linstener";
+
+import axios from "axios";
 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/index22";
+import unitBox from "@c/unitBox/index";
+import CountTo from "@/components/count-to/index.js";
+import Hls from "hls.js";
+
+
 import bar from "@c/bar/index2";
 export default {
+    mixins: [linstener, map],
     components: { bar },
     props: {
         typeValue: { type: Number, default: () => 1 },
@@ -223,6 +238,27 @@ export default {
         }, 2000)
     },
     methods: {
+        staticsPoint(val){
+            // alert(val)
+            // alert(this.typeValue)
+            this.$axios.post(this.$api.water.baseGgpFacilityList,{
+                                "facilityType": [23] ,
+                                // "streetTown": [val ] 
+                        }).then((res) => {
+                            console.log(res)
+                                let arr = []
+                                if(res.data.length>0){
+                                        arr = res.data;
+                                        // this.arrayData= res.data;
+                                        // if(val=='29'){
+                                        //     this.addMarker(arr, "security-plan", "养老机构安全隐患清单")
+                                        // }else{
+                                        //     this.addMarker(arr, "security-plan", "医疗机构安全隐患清单")
+                                        // }
+                                }  
+                        });
+
+        },
         beforeDestroy() {
             this.autoScroll(true)
         },

src/views/security-plan.vue

@@ -61,7 +61,7 @@
                                 class="basicItem"
                                 v-for="(item, index) in line3Array"
                                 :key="index"
-                                @click="basicStaticsData"
+                                @click="basicStaticsData(item.value)"
                             >
                                 <div style="padding: 0.03rem 0; text-align: center">
                                     <span style="display: block">
@@ -84,8 +84,10 @@
                            
                             表格展示区域
 
-                            <!-- <el-table>
-
+                            <!-- <el-table :data="tableDataBasic" style="width: 100%;height:1.7rem;margin-top:20px;" class="transparentTableRow" @mouseenter="autoScroll1(true)"  @mouseleave="autoScroll1()">
+                                <el-table-column prop="date" label="Date" width="180" />
+                                <el-table-column prop="name" label="Name" width="180" />
+                                <el-table-column prop="address" label="Address" />
                             </el-table> -->
 
                         </el-row>
@@ -145,7 +147,7 @@
 
                         <el-row>
                             <el-col :span="5"  style="border: 1px solid rgba(48, 207, 255, 0.6); margin: .25rem .08rem .125rem .16rem; box-shadow: inset 0 0 0.07rem 0.04rem rgb(115 251 253 / 40%); box-sizing: border-box"
-                              v-for="(item,index) in staticData.array1" :key="index">
+                              v-for="(item,index) in staticData.array1" :key="index" @click="goPoints(item.facilityType)">
                                 <div style="padding: 0.2rem 0; text-align: center">
                                     <span style="display: block">
                                         <Strong :style="{ color: item.color, fontSize: '0.3rem'}" >
@@ -364,7 +366,7 @@
                 <div class="rightTop1">
                     <h4 style="display: flex">疏导区网格检查情况</h4>
                     <div class="girdCheckItem">
-                        <p>大网格<span>&nbsp;&nbsp;&nbsp;街镇分营领导：10&nbsp;&nbsp;城运中心主任：10&nbsp;&nbsp;安监所所长：10&nbsp;&nbsp;支队外参谋：10</span></p>
+                        <p>大网格<span>&nbsp;&nbsp;&nbsp;街镇分管领导：10&nbsp;&nbsp;城运中心主任：10&nbsp;&nbsp;安监所所长：10&nbsp;&nbsp;支队外参谋：10</span></p>
                         <div class="row_g">
                             <div >累计:</div>
                             <div >检查家数<br>100（家/次）</div>
@@ -889,6 +891,28 @@ export default {
     components: { category, gauge, CountTo,unitBox },
     data() {
         return {
+            tableDataBasic:[
+            {
+                date: '2016-05-03',
+                name: 'Tom',
+                address: 'No. 189, Grove St, Los Angeles',
+            },
+            {
+                date: '2016-05-02',
+                name: 'Tom',
+                address: 'No. 189, Grove St, Los Angeles',
+            },
+            {
+                date: '2016-05-04',
+                name: 'Tom',
+                address: 'No. 189, Grove St, Los Angeles',
+            },
+            {
+                date: '2016-05-01',
+                name: 'Tom',
+                address: 'No. 189, Grove St, Los Angeles',
+            },
+            ],
             basicStatisStatus:true,
             gridStatisticsNum:{
                 total:0,
@@ -1031,9 +1055,11 @@ export default {
                 {
                     "name": "医疗机构",
                     "count": 103,
+                    "value":30
                 },{
                     "name": "养老机构",
                     "count": 11,
+                    "value":29
                 },
                 
                 {
@@ -1070,8 +1096,8 @@ export default {
                     "name": "地铁站",
                     "count": 11,
                 },{
-                    "name": "社会消费组织（微站/专职队）",
-                    "count": 11,
+                    "name": "街镇消防力量",
+                    "count": 7,
                 }
             ],
         staticData:{
@@ -1080,23 +1106,27 @@ export default {
             array1:[
                 {
                     "streetTown": "消防站",
-                    "count": 21,
-                    "color": "#FF0709"
+                    "count": 4,
+                    "color": "#FF0709",
+                    "facilityType":33
                 },
                 {
                     "streetTown": "流动消防站（一级）",
-                    "count": 27,
-                    "color": "#F48354"
+                    "count": 5,
+                    "color": "#F48354",
+                    "facilityType":34
                 },
                 {
                     "streetTown": "流动消防站（二级",
-                    "count": 26,
-                    "color": "#73FBFD"
+                    "count": 5,
+                    "color": "#73FBFD",
+                    "facilityType":35
                 },
                 {
-                    "streetTown": "微型消防站",
-                    "count": 11,
-                    "color": "#4FE261"
+                    "streetTown": "重点微型消防站",
+                    "count": 77,
+                    "color": "#4FE261",
+                    "facilityType":36
                 }
             ]
 
@@ -1474,9 +1504,51 @@ export default {
         this.getZQStaticData()  //执勤战备力量部署
     },
     methods: {
+        goPoints(type){
+            // alert(type)
+            this.$axios.post(this.$api.water.baseGgpFacilityList,{
+                                "facilityType": [type ] 
+                        }).then((res) => {
+                            console.log(res)
+                                let arr = []
+                                if(res.data.length>0){
+                                        arr = res.data;
+                                        this.arrayData= res.data;
+                                        
+                                        if(type=='33'){
+                                            this.addMarker(arr, "security-plan", "消防站")
+                                        }else if(type=='34'){
+                                            this.addMarker(arr, "security-plan", "流动消防站（一级）")
+                                        }else if(type=='35'){
+                                            this.addMarker(arr, "security-plan", "医流动消防站（二级）")
+                                        }else if(type=='36'){
+                                            this.addMarker(arr, "security-plan", "重点微型消防站")
+                                        }
+                                }  
+                        });
+
+
+        },
+
+        basicStaticsData(type){  //疏导区基本情况 统计点击事件
+            this.$axios.post(this.$api.water.baseGgpFacilityList,{
+                                "facilityType": [type ] 
+                        }).then((res) => {
+                            console.log(res)
+                                let arr = []
+                                if(res.data.length>0){
+                                        arr = res.data;
+                                        this.arrayData= res.data;
+                                        if(type=='29'){
+                                            this.addMarker(arr, "security-plan", "养老机构安全隐患清单")
+                                        }else if(type=='30'){
+                                            this.addMarker(arr, "security-plan", "医疗机构安全隐患清单")
+                                        }
+                                }  
+                        });
 
-        basicStaticsData(){  //疏导区基本情况 统计点击事件
-            this.basicStatisStatus=false;
+           
+            // this.basicStatisStatus=false;
         },
         basicGoBack(){  //疏导区基本情况 返回