修改网格事件日期为动态昨天

58908ac2 · 郭铭瑶 · 1ccd808e · 58908ac2 · 58908ac2 · 58908ac2
Commit 58908ac2 authored Apr 06, 2021 by 郭铭瑶 🤘
21 changed files
--- a/dist/index.html
+++ b/dist/index.html
 <!DOCTYPE html><html id=html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta http-equiv=X-UA-Compatible content="IE=edge, chrome=1"><title>南东城运第一综合网格工作站</title><style>html {
      font-size: 16vh;
-    }</style><link href=./static/css/app.dc6b55404189b7a71fee0fcdbdf1904c.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.4a2448573f8458d0d93f.js></script><script type=text/javascript src=./static/js/vendor.64f49a750b0f66cbba6d.js></script><script type=text/javascript src=./static/js/app.315e4e31ad1fe207d395.js></script></body><script src=./static/SMap.min.js></script><script src=./static/Plugins.min.js></script></html>
+    }</style><link href=./static/css/app.376a734a0d8779d391342cfa939dacbf.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.3dc1820374cd7ed2f9ef.js></script><script type=text/javascript src=./static/js/vendor.64f49a750b0f66cbba6d.js></script><script type=text/javascript src=./static/js/app.22d639f47cfa07342a02.js></script></body><script src=./static/SMap.min.js></script><script src=./static/Plugins.min.js></script></html>
\ No newline at end of file
--- a/dist/static/css/app.dc6b55404189b7a71fee0fcdbdf1904c.css
+++ b/dist/static/css/app.dc6b55404189b7a71fee0fcdbdf1904c.css
--- a/dist/static/css/app.dc6b55404189b7a71fee0fcdbdf1904c.css.map
+++ b/dist/static/css/app.dc6b55404189b7a71fee0fcdbdf1904c.css.map
--- a/dist/static/js/2.52ff46b6b15222e043d6.js
+++ b/dist/static/js/2.52ff46b6b15222e043d6.js
+webpackJsonp([2],{ETml:function(t,e){},MkGq:function(t,e){},MpD3:function(t,e){},T8vE:function(t,e){},WKp5:function(t,e){},X8sT:function(t,e){},dpFu:function(t,e){},e6Zk:function(t,e){},gjZP:function(t,e){},gydh:function(t,e){},jmTg:function(t,e){},l4w7:function(t,e){},"sRz/":function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=a("mvHQ"),i=a.n(n),o=a("fZjL"),s=a.n(o),l=a("Gu7T"),r=a.n(l),c=a("Dd8w"),u=a.n(c),d={name:"Population",data:function(){return{showChart:!1,population:[{name:"实有人口",value:14819},{name:"本市户数",value:5072,unit:"户"},{name:"境内外省",value:5473},{name:"境外人口",value:173}],config:{colors:[["#07b1ff","#1dfaff"],["#5032b6","#c56cd6"]],legend:{align:"right"},shape:[{key:"actual",name:"实有",type:"bar",barWidth:"20%"},{key:"huji",name:"户籍",type:"bar",barWidth:"20%"}],xAxis:{key:"name"}},data:[{name:"均乐",actual:2971,huji:6575},{name:"振兴",actual:3807,huji:4508},{name:"顺天村",actual:3187,huji:6575},{name:"江阴",actual:1668,huji:2443},{name:"新昌",actual:1139,huji:3585}]}},mounted:function(){var t=this;setTimeout(function(){return t.showChart=!0},100)}},m={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"population"},[a("div",{staticClass:"info"},t._l(t.population,function(e){return a("div",{key:e.name},[a("p",[t._v(t._s(e.name))]),t._v(" "),a("m-count",{staticClass:"count",attrs:{value:e.value}}),t._v(" "),a("span",{staticClass:"unit"},[t._v(" "+t._s(e.unit||"人"))])],1)}),0),t._v(" "),a("m-sub",{attrs:{title:"居委人口分布"}}),t._v(" "),t.showChart?a("div",{staticClass:"chart"},[a("m-chart",{attrs:{config:t.config,data:t.data}})],1):t._e()],1)},staticRenderFns:[]};var v={name:"House",data:function(){return{showChart:!1,house:[{name:"商品房",value:10647},{name:"直管公房",value:618},{name:"二级旧里",value:218},{name:"其他",value:400}],config:{colors:[["#F76B1C","#FAD961"]],legend:{align:"right"},shape:[{key:"value",name:"非居房屋",type:"bar",barWidth:"20%"}],xAxis:{key:"name"}},data:[{name:"衣",value:6},{name:"食",value:17},{name:"住",value:11},{name:"行",value:10}]}},mounted:function(){var t=this;setTimeout(function(){return t.showChart=!0},100)}},p={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"house"},[a("m-sub",{attrs:{title:"居住房屋",value:11883,unit:"幢"}}),t._v(" "),a("div",{staticClass:"info"},t._l(t.house,function(e){return a("div",{key:e.name},[a("p",[t._v(t._s(e.name))]),t._v(" "),a("m-count",{staticClass:"count",attrs:{value:e.value}}),t._v(" "),a("span",{staticClass:"unit"},[t._v("人")])],1)}),0),t._v(" "),a("m-sub",{attrs:{title:"非居房屋",value:7097,unit:"幢"}}),t._v(" "),t.showChart?a("div",{staticClass:"chart"},[a("m-chart",{attrs:{config:t.config,data:t.data}})],1):t._e()],1)},staticRenderFns:[]};var h={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"company"},[n("div",{staticClass:"info"},t._l(t.company,function(e){return n("div",{key:e.name},[n("p",[t._v(t._s(e.name))]),t._v(" "),n("m-count",{staticClass:"count",attrs:{value:e.value}}),t._v(" "),n("span",{staticClass:"unit"},[t._v("人")])],1)}),0),t._v(" "),n("div",{staticClass:"rate"},t._l(t.list,function(e){return n("div",{key:e.name},[n("img",{attrs:{src:a("g2Y0")("./"+e.icon),alt:e.name}}),t._v("\n      "+t._s(e.name)+"\n      "),n("p",[n("m-count",{staticClass:"count",attrs:{value:e.value}}),t._v("%")],1)])}),0)])},staticRenderFns:[]};var f={name:"LeftComponent",components:{Population:a("VU/8")(d,m,!1,function(t){a("MpD3")},"data-v-0c2c6aff",null).exports,House:a("VU/8")(v,p,!1,function(t){a("dpFu")},"data-v-65e93877",null).exports,Company:a("VU/8")({name:"Company",data:function(){return{list:[{name:"证件齐全",value:65,icon:"company1.png"},{name:"场地租赁",value:73,icon:"company2.png"}],company:[{name:"机关团体",value:25},{name:"企业单位",value:4711},{name:"事业单位",value:56},{name:"其他",value:6841}]}}},h,!1,function(t){a("vXnC")},"data-v-0696df45",null).exports}},_={render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"left-component"},[e("div",{staticClass:"left"},[e("img",{attrs:{src:a("kLZo")}}),this._v(" "),e("img",{attrs:{src:a("kLZo")}}),this._v(" "),e("img",{attrs:{src:a("kLZo")}}),this._v(" "),e("img",{attrs:{src:a("kLZo")}}),this._v(" "),e("m-card",{attrs:{title:"实有人口",value:14819,unit:"人"}},[e("Population")],1),this._v(" "),e("m-card",{attrs:{title:"实有房屋",value:18980,unit:"幢"}},[e("House")],1)],1)])},staticRenderFns:[]};var g=a("VU/8")(f,_,!1,function(t){a("ETml")},"data-v-e86bba8a",null).exports,y={name:"OldScreen",data:function(){return{showChart:!1,rates:[{name:"女性占比",value:65},{name:"男性占比",value:35},{name:"老龄化占比",value:43}],ageConfig:{colors:["#01bffe","#589d20","#ffce34","#f47b1e","#ff5152","#826bfa"],legend:{hide:!0},shape:[{type:"pie",radius:[0,30*Number((screen.height/800).toFixed(1))],center:["45%","50%"]}]},insuranceConfig:{colors:["#e690d1"],legend:{hide:!0},shape:[{key:"value",type:"line"}],xAxis:{key:"name"}},oldType:[{name:"孤老",value:103,percent:.9},{name:"独居",value:391,percent:3.38},{name:"纯老",value:902,percent:7.8},{name:"低保",value:63,percent:.55},{name:"残疾",value:877,percent:7.59},{name:"优抚",value:28,percent:.25}],oldMethod:[{name:"社区养老",value:11539,color:"#72c011"},{name:"机构养老",value:343,color:"#ff9d26"},{name:"居家养老",value:294,color:"#01bffe"}],insurance:[{name:"申请人数",value:333},{name:"申请通过人数",value:243}]}},mounted:function(){var t=this;setTimeout(function(){return t.showChart=!0},100)},computed:{ageData:function(){return[{name:"60-64岁",value:881,percent:20},{name:"65-69岁",value:925,percent:21},{name:"70-79岁",value:1278,percent:29},{name:"80-89岁",value:573,percent:13},{name:"90-99岁",value:661,percent:15},{name:"100岁以上",value:88,percent:2}]},insuranceData:function(){return[{name:"0级",value:15},{name:"1级",value:60},{name:"2级",value:75},{name:"3级",value:90},{name:"4级",value:66},{name:"5级",value:60},{name:"6级",value:75}]}}},b={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"old-screen"},[a("div",[a("m-sub",{attrs:{title:"老人数量",value:4408,unit:"人"}}),t._v(" "),a("div",{staticClass:"rate"},t._l(t.rates,function(e){return a("div",{key:e.name},[a("p",[t._v(t._s(e.name))]),t._v(" "),a("p",[a("m-count",{staticClass:"count",attrs:{value:e.value}}),t._v("%")],1)])}),0)],1),t._v(" "),a("div",[a("m-sub",{attrs:{title:"年龄分布"}}),t._v(" "),a("div",{staticClass:"wrapper"},[t.showChart?a("div",{staticClass:"chart"},[a("m-chart",{attrs:{config:t.ageConfig,data:t.ageData}})],1):t._e(),t._v(" "),a("div",{staticClass:"tips"},[a("div",t._l(t.ageData.slice(0,2),function(e,n){return a("div",{key:e.name},[a("p",[a("span",{staticClass:"dot",style:{background:t.ageConfig.colors[n]}}),t._v(" "+t._s(e.name))]),t._v(" "),a("p",[a("m-count",{attrs:{isPang:!1,value:e.percent}}),t._v("%   "),a("m-count",{attrs:{isPang:!1,value:e.value}}),t._v("人")],1)])}),0),t._v(" "),a("div",t._l(t.ageData.slice(2,4),function(e,n){return a("div",{key:e.name},[a("p",[a("span",{staticClass:"dot",style:{background:t.ageConfig.colors[n+2]}}),t._v(" "+t._s(e.name))]),t._v(" "),a("p",[a("m-count",{attrs:{isPang:!1,value:e.percent}}),t._v("%   "),a("m-count",{attrs:{isPang:!1,value:e.value}}),t._v("人")],1)])}),0),t._v(" "),a("div",t._l(t.ageData.slice(4),function(e,n){return a("div",{key:e.name},[a("p",[a("span",{staticClass:"dot",style:{background:t.ageConfig.colors[n+4]}}),t._v(" "+t._s(e.name))]),t._v(" "),a("p",[a("m-count",{attrs:{isPang:!1,value:e.percent}}),t._v("%   "),a("m-count",{attrs:{isPang:!1,value:e.value}}),t._v("人")],1)])}),0)])])],1),t._v(" "),a("div",[a("m-sub",{attrs:{title:"老人分类"}}),t._v(" "),a("div",{staticClass:"table"},t._l(t.oldType,function(e){return a("div",{key:e.name},[a("p",[t._v(t._s(e.name))]),t._v(" "),a("p",[a("m-count",{attrs:{value:e.value}})],1),t._v(" "),a("p",[a("m-count",{attrs:{value:e.percent,decimal:2}}),t._v("%")],1)])}),0)],1),t._v(" "),a("div",[a("m-sub",{attrs:{title:"养老方式"}}),t._v(" "),a("div",{staticClass:"bar"},t._l(t.oldMethod,function(e){return a("div",{key:e.name,style:{flex:e.value,background:e.color}},[a("div",{style:{borderColor:e.color}},[a("p",[t._v(t._s(e.name)+" "),a("m-count",{staticClass:"count",style:{color:e.color},attrs:{value:e.value}})],1)])])}),0)],1),t._v(" "),a("div",[a("m-sub",{attrs:{title:"长护险"}}),t._v(" "),a("div",{staticClass:"rate",staticStyle:{width:"52%"}},t._l(t.insurance,function(e){return a("div",{key:e.name},[a("p",[t._v(t._s(e.name))]),t._v(" "),a("p",[a("m-count",{staticClass:"count",attrs:{value:e.value}}),t._v("人")],1)])}),0),t._v(" "),t.showChart?a("div",{staticClass:"insurance-chart"},[a("m-chart",{attrs:{config:t.insuranceConfig,data:t.insuranceData}})],1):t._e()],1)])},staticRenderFns:[]};var k={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"command"},[a("m-sub",{attrs:{title:"值班人员表"}}),t._v(" "),a("div",{staticClass:"table"},[t._m(0),t._v(" "),t._l(t.list,function(e,n){return a("div",{key:n},[a("p",[t._v(t._s(e.name))]),t._v(" "),a("p",[t._v(t._s(e.response))]),t._v(" "),a("p",[t._v(t._s(e.phone))])])})],2)],1)},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",[e("p",[this._v("姓名")]),this._v(" "),e("p",[this._v("责任居委范围")]),this._v(" "),e("p",[this._v("联系电话")])])}]};var C={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"grid-manage"},[a("m-sub",{attrs:{title:"网格事件清单"}}),t._v(" "),a("div",{staticClass:"info"},t._l(t.info,function(e){return a("div",{key:e.name},[a("p",[t._v(t._s(e.name))]),t._v(" "),a("p",[a("m-count",{staticClass:"count",attrs:{value:e.value}})],1)])}),0),t._v(" "),a("div",{staticClass:"list"},[a("m-scroll",{attrs:{length:t.list.length,mode:"2",limit:3,step:.9}},t._l(t.list,function(e,n){return a("div",{key:n,staticClass:"item",on:{click:function(a){return t.$emit("select",e)}}},[a("div",{staticClass:"title"},[a("p",[t._v(t._s(e.event))]),t._v(" "),a("span",{staticClass:"line"})]),t._v(" "),a("div",{staticClass:"info"},[a("p",{attrs:{title:e.address}},[t._v(t._s(e.address))]),t._v(" "),a("p",[t._v(t._s(e.time))])]),t._v(" "),a("m-step",{attrs:{steps:t.steps,current:e.current}})],1)}),0)],1)],1)},staticRenderFns:[]};var w={render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"building"},this._l(this.list,function(t){return e("div",{key:t.name,style:"background-image: url("+a("g2Y0")("./"+t.img)+")"})}),0)},staticRenderFns:[]};var M={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"mic-fire"},[a("div",{staticClass:"table"},[t._m(0),t._v(" "),t._l(t.list,function(e,n){return a("div",{key:n},[a("p",[t._v(t._s(e.address))]),t._v(" "),a("p",[t._v(t._s(e.person))]),t._v(" "),a("p",[t._v(t._s(e.device))])])})],2)])},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",[e("p",[this._v("地址")]),this._v(" "),e("p",[this._v("人数")]),this._v(" "),e("p",[this._v("设备")])])}]};var L={name:"RightComponent",components:{OldScreen:a("VU/8")(y,b,!1,function(t){a("xdbs")},"data-v-0424ce2c",null).exports,Command:a("VU/8")({name:"Command",data:function(){return{list:[{name:"尤懿",response:"均乐，振兴，顺天村，江阴，新昌",phone:13916876901},{name:"许俊",response:"均乐，振兴，顺天村，江阴，新昌",phone:13816326142}]}}},k,!1,function(t){a("WKp5")},"data-v-0f32a7ff",null).exports,GridManage:a("VU/8")({name:"GridManage",data:function(){return{steps:[{name:"发现"},{name:"立案"},{name:"派遣"},{name:"处置"},{name:"核查"},{name:"结案"}],info:[{name:"昨日总数",value:40},{name:"综合管理",value:47},{name:"街面管理",value:21},{name:"小区管理",value:31}]}},computed:{list:function(){return this.$store.state.gridList}}},C,!1,function(t){a("l4w7")},"data-v-2b20e28c",null).exports,Building:a("VU/8")({name:"Building",data:function(){return{list:[{img:"building1.jpg"},{img:"building2.jpg"},{img:"building3.jpg"},{img:"building4.jpg"}]}}},w,!1,function(t){a("X8sT")},"data-v-5dabb516",null).exports,MicFire:a("VU/8")({name:"MicFire",data:function(){return{list:[{name:"微型消防站",address:"新昌路87弄88号",person:12,device:"灭火器、水泵"}]}}},M,!1,function(t){a("e6Zk")},"data-v-58c0ceaa",null).exports},data:function(){return{photos:[["photo7.jpg","photo8.jpg"],["photo9.jpg","photo10.jpg"],["photo11.jpg","photo12.jpg"],["photo13.jpg","photo14.jpg"]],beauty:[{name:"2018年",value:12,key:2018},{name:"2019年",value:8,key:2019},{name:"2020年",value:2,key:2020}],convenient:[{name:"便利店",value:6},{name:"早餐车",value:1},{name:"公厕",value:5},{name:"居民活动室",value:12}],building:[{name:"文保",value:0},{name:"历保",value:8},{name:"文历双保",value:0}]}}},P={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"right-component"}},[n("div",{staticClass:"first"},[n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("m-card",{attrs:{title:"便民设施"}},[n("div",{staticClass:"info"},t._l(t.convenient,function(e){return n("div",{key:e.name},[n("p",[t._v(t._s(e.name))]),t._v(" "),n("m-count",{staticClass:"count",attrs:{value:e.value}}),t._v(" "),n("span",{staticClass:"unit"},[t._v("个")])],1)}),0)]),t._v(" "),n("m-card",{attrs:{title:"历史保护建筑"}},[n("div",{staticClass:"info three"},t._l(t.building,function(e){return n("div",{key:e.name},[n("p",[t._v(t._s(e.name))]),t._v(" "),n("m-count",{staticClass:"count",attrs:{value:e.value}}),t._v(" "),n("span",{staticClass:"unit"},[t._v("人")])],1)}),0),t._v(" "),n("Carousel",{attrs:{loop:"",autoplay:""}},t._l(t.photos,function(e,i){return n("CarouselItem",{key:i},[n("div",{staticClass:"photo-wrapper"},[n("div",{staticClass:"photo",style:"background-image:url("+a("g2Y0")("./"+e[0])+")"}),t._v(" "),n("div",{staticClass:"photo",style:"background-image:url("+a("g2Y0")("./"+e[1])+")"})])])}),1)],1),t._v(" "),n("m-card",{attrs:{title:"地标性建筑"}},[n("Building")],1),t._v(" "),n("m-card",{attrs:{title:"微型消防站"}},[n("MicFire")],1)],1),t._v(" "),n("div",{staticClass:"left"},[n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("m-card",{attrs:{title:"美丽街区-美丽家园"}},[n("div",{staticClass:"beauty"},t._l(t.beauty,function(e){return n("div",{key:e.name,on:{click:function(a){return t.$emit("beauty",e)}}},[n("p",[t._v(t._s(e.name))]),t._v(" "),n("p",[n("m-count",{staticClass:"count",attrs:{value:e.value}})],1)])}),0)]),t._v(" "),n("m-card",{attrs:{title:"智慧养老"}},[n("OldScreen")],1)],1),t._v(" "),n("div",{staticClass:"right"},[n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("m-card",{attrs:{title:"单兵指挥"}},[n("Command")],1),t._v(" "),n("m-card",{attrs:{title:"网格事件"}},[n("GridManage",{on:{select:function(e){return t.$emit("grid",e)}}})],1)],1)])},staticRenderFns:[]};var x=a("VU/8")(L,P,!1,function(t){a("jmTg")},"data-v-14e4ef18",null).exports,D={name:"MapBtns",props:{value:{type:Boolean}},data:function(){return{btns:[{name:"input",img:"btn1.png"},{name:"home",img:"btn3.png"},{name:"info",img:"btn4.png"},{name:"sensor",img:"btn5.png"},{name:"position",img:"btn6.png"}],data:[{title:"居住",expand:!0,children:[{title:"商品房、二级旧里、直管公房",tipEvent:"community",checked:!0}]},{title:"非居",expand:!0,children:[{title:"衣、食、住、行",tipEvent:"life",expand:!1,children:[{title:"衣",tipEvent:"yi",checked:!0},{title:"食",tipEvent:"shi",checked:!0},{title:"住",tipEvent:"zhu",checked:!0},{title:"行",tipEvent:"xing",checked:!0},{title:"其他",tipEvent:"other",checked:!0}]},{title:"为老服务站",tipEvent:"old",checked:!0},{title:"地标性建筑",tipEvent:"sign",checked:!0},{title:"历史保护建筑",tipEvent:"history",checked:!0}]},{title:"防寒抗冻",tipEvent:"cold",checked:!0}]}},methods:{handleChange:function(t){if(!(t.length<0)){var e=t.map(function(t){return t.tipEvent?t.tipEvent:""});this.$emit("point",e)}}}},E={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"map-btns",class:{isFull:t.value}},[t._l(t.btns,function(e){return["home"===e.name?n("Tooltip",{key:e.name,attrs:{placement:"top-end"}},[n("img",{attrs:{src:a("g2Y0")("./"+e.img)}}),t._v(" "),n("div",{attrs:{slot:"content"},slot:"content"},[n("Tree",{attrs:{data:t.data,"show-checkbox":""},on:{"on-check-change":t.handleChange}})],1)]):n("img",{key:e.name,attrs:{src:a("g2Y0")("./"+e.img)},on:{click:function(a){return t.$emit(e.name,"input"==e.name?!t.value:null)}}})]})],2)},staticRenderFns:[]};var F=a("VU/8")(D,E,!1,function(t){a("T8vE")},"data-v-3face1f1",null).exports,$={name:"MapTips",props:{isFull:{type:Boolean,default:!1}},data:function(){return{tips1:[{name:"街道",icon:"icon1.png"},{name:"居委",icon:"icon2.png"},{name:"服务站",icon:"icon3.png"},{name:"商品房",icon:"icon4.png"},{name:"直管公房",icon:"icon5.png"},{name:"混合",icon:"icon6.png"},{name:"助浴点",icon:"p15.png"},{name:"垃圾箱房",icon:"p14.png"},{name:"倒粪口",icon:"p13.png"}],tips2:[{name:"医院",icon:"tip1.png"},{name:"学校",icon:"tip2.png"},{name:"衣",icon:"tip3.png"},{name:"食",icon:"tip4.png"},{name:"旅",icon:"tip5.png"},{name:"文娱",icon:"tip6.png"},{name:"军产",icon:"tip7.png"},{name:"文保",icon:"tip8.png"},{name:"历保",icon:"tip9.png"}],tips3:[{name:"居委活动室",icon:"p7.png"},{name:"博物馆",icon:"p2.png"},{name:"大剧院",icon:"p4.png"},{name:"音乐厅",icon:"p12.png"},{name:"地铁站",icon:"p5.png"},{name:"历史保护",icon:"p8.png"},{name:"消防站",icon:"p10.png"},{name:"便利店",icon:"p1.png"},{name:"公厕",icon:"p6.png"},{name:"菜场",icon:"p3.png"},{name:"洗衣店",icon:"p9.png"},{name:"药店",icon:"p11.png"},{name:"防寒抗冻",icon:"cold.png"},{name:"上海市人民政府",icon:"star.png"},{name:"南京东路街道",icon:"star-sm.png"}],olds1:[{name:"100岁以上",color:"#826AFA"},{name:"90-99岁",color:"#FF5151"},{name:"80-89岁",color:"#F47C1F"},{name:"70-79岁",color:"#FFCE34"},{name:"65-69岁",color:"#589C20"},{name:"60-94岁",color:"#00BFFF"}],olds2:[{name:"敬老院",icon:"old1.png"},{name:"综合为老服务中心",icon:"old2.png"},{name:"老年活动室",icon:"old3.png"},{name:"日托所",icon:"old4.png"},{name:"助老洗衣房",icon:"old5.png"},{name:"助餐点",icon:"old6.png"},{name:"助浴点",icon:"old7.png"}],populations:[{name:"境外人口",icon:"dimond1.png"},{name:"境内人口",icon:"dimond2.png"}]}},computed:{theme:function(){return this.$store.state.themeName}}},j={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"map-tips",class:{isFull:t.isFull}},[t._m(0),t._v(" "),n("div",[n("div",t._l(t.tips1,function(e){return n("p",{key:e.name},[n("img",{attrs:{src:a("g2Y0")("./"+e.icon),alt:e.name}}),t._v("\n        "+t._s(e.name)+"\n      ")])}),0),t._v(" "),n("div",t._l(t.tips3,function(e){return n("p",{key:e.name},[n("img",{attrs:{src:a("g2Y0")("./"+e.icon),alt:e.name}}),t._v("\n        "+t._s(e.name)+"\n      ")])}),0)])])},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("p",[e("img",{attrs:{src:a("LgZt")}}),this._v("\n    标识说明\n  ")])}]};var B=a("VU/8")($,j,!1,function(t){a("MkGq")},"data-v-0b85804a",null).exports,V={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"workespace-modal"},[a("m-brief",{attrs:{label:"网格长"}},[t._v("尤懿(城管)、殷文(绿化)值班时间8时-18时、于冰(警长)值班时间18时-8时")]),t._v(" "),a("div",{staticClass:"wrapper"},[a("div",[a("p",{staticClass:"title"},[t._v("部门")]),t._v(" "),t._l(t.departs,function(e){return a("m-brief",{key:e.label,attrs:{label:e.label}},[t._v(t._s(e.content))])})],2),t._v(" "),a("div",[a("p",{staticClass:"title"},[t._v("第三方公司")]),t._v(" "),t._l(t.third,function(e){return a("m-brief",{key:e.label,attrs:{label:e.label}},[t._v(t._s(e.content))])})],2),t._v(" "),a("div",[a("p",{staticClass:"title"},[t._v("物业公司")]),t._v(" "),t._l(t.property,function(e){return a("m-brief",{key:e.label,attrs:{label:e.label}},[t._v(t._s(e.content))])})],2),t._v(" "),a("div",[a("p",{staticClass:"title"},[t._v("居民区")]),t._v(" "),t._l(t.committee,function(e){return a("m-brief",{key:e.label,attrs:{label:e.label}},[t._v(t._s(e.content))])})],2),t._v(" "),a("div",[a("p",{staticClass:"title"},[t._v("区域化单位")]),t._v(" "),a("div",{staticClass:"flex-box"},t._l(t.area,function(e){return a("p",{key:e},[t._v(t._s(e))])}),0)]),t._v(" "),a("div",[a("p",{staticClass:"title"},[t._v("社会力量")]),t._v(" "),a("div",{staticClass:"flex-box"},t._l(t.social,function(e){return a("p",{key:e},[t._v(t._s(e))])}),0)])])],1)},staticRenderFns:[]};var R=a("VU/8")({name:"WorkeSpaceModal",data:function(){return{departs:[{label:"派出所",content:"朱洪元(副所长)、于冰(警长) 警力25人"},{label:"市场所",content:"王绍良、陈蕾、张敏"},{label:"城管中队",content:"尤懿(副队长)、城管队员8人"},{label:"网格中心",content:"顾蓉蓉"},{label:"绿化市容所",content:"殷文、张沁园"},{label:"房管办",content:"车姝敏、杨姝敏"},{label:"党建联络员",content:"方雅婷、秦雯、郭强"},{label:"服务企业人员",content:"蓝俊"}],third:[{label:"第三方负责人",content:"覃飞(块长)、徐辉(队长)"}],property:[{label:"名称",content:"端正公房物业5人、社会物业6人"},{label:"负责人姓名",content:"吴昌军"}],committee:[{label:"新昌居委",content:"张文志(书记) 马丽芳(主任)"},{label:"顾天村居委",content:"徐定珠(书记) 杨琛骅(主任)"},{label:"江阴居委",content:"杨烨(书记) 王珑(主任)"},{label:"振兴居委",content:"李苏爱(主任)"},{label:"均乐居委",content:"顾怡(书记) 陈慧仪(主任)"}],area:["上海市统计局","国家统计局上海市城调队","市政府发展研究中心","长征医院","上海博物馆","轨交人民广场站"],social:["新社会阶层联谊会","商居睦邻会","食品联盟"]}}},V,!1,function(t){a("gydh")},"data-v-3e3680a2",null).exports,T=a("NYxO"),S={name:"Main",components:{LeftComponent:g,RightComponent:x,MapBtns:F,MapTips:B,WorkeSpaceModal:R},data:function(){return{complete:!1,fullView:!1,boundary:null,workStation:null,nonLivingPoints:null,gridModal:!1,steps:[{name:"发现"},{name:"立案"},{name:"派遣"},{name:"处置"},{name:"核查"},{name:"结案"}],gridLayout:[{id:{label:"编号",width:12},type:{label:"所属场景",width:12}},{address:{label:"门牌幢地址",width:12},grid:{label:"所属网格",width:12}},{time:{label:"发生时间",width:12},status:{label:"状态",width:12}}],gridData:{},workspaceModal:!1,beautyModal:!1,beautyData:[],nonLivingModal:!1,nonLivingData:{},nonLivingLayout:[{479477007408168960:{label:"名称",width:12},unitAddr:{label:"地址",width:12}}],normalModal:!1,normalData:{},normalLayout:[{name:{label:"名称",width:12},address:{label:"地址",width:12}}],beautyPolygon:null,beautyPolyline:null,beautyDetail:{},beautyDetailModal:!1,curBeautyId:null,curPointKeys:["community","life","old","sign","history","yi","shi","zhu","xing","other","cold"],beautyDetailLayout:[{name:{label:"项目名称",width:24}},{range:{label:"四至范围",width:24}},{content:{label:"主要内容",width:24}}],coldModal:!1,coldPoints:null,coldData:[],coldLayout:[{committee:{label:"居委",width:12},address:{label:"地址",width:12}},{event:{label:"事件",width:12},department:{label:"处置部门",width:12}}]}},computed:u()({},Object(T.c)(["curWorkArea","themeName","nonLivingList","beautyList","beautyPaths","coldList"])),beforeCreate:function(){var t=this.$route.query.name;this.$store.commit("SET_CURRENT_AREA",t||1)},methods:u()({},Object(T.b)(["initData"]),{mapComplete:function(){this.initData(),this.initMap(),this.complete=!0},initMap:function(){var t=this.$refs.map,e=this.$store.state[this.curWorkArea],a=e.center,n=e.paths,i=e.community,o=e.areas,s=e.workStation;document.querySelector("title").innerText="南东城运"+s.name+"综合网格工作站",t.focus.apply(t,r()(a).concat([7])),t.addPolyLine({paths:n,strokeColor:"#ffce34"}),this.addAreaLines(o),this.addWorkStationPoint(s),t.setFilter(i),this.boundary=t.addBoundary({name:"南京东路街道",color:"rgba(0,0,0,0)"})},addAreaLines:function(t){var e=this.$refs.map;s()(t).forEach(function(a){e.addPolyLine({paths:t[a],strokeColor:"#FF6161"})})},addWorkStationPoint:function(t){var e=this.$refs.map,a=e.addPoint;(0,e.remove)(this.workStation),this.workStation=a({key:"workStation",size:20,icon:"workspace.png",data:[t]})},handleMapClick:function(t){if("workStation"!==t.key){if("non-living"===t.key)return this.nonLivingData=t,this.nonLivingModal=!0,this.fullView=!0,this.normalModal=!1,void(this.coldModal=!1);if("beauty"!==t.key)return"coldPoints"===t.key?(this.normalModal=!1,this.nonLivingModal=!1,this.coldData=t,void(this.coldModal=!0)):void 0;this.curBeautyId&&(this.beautyDetail=t,this.beautyDetailModal=!0)}else this.workspaceModal=!0},zoom:function(t){var e=this.$refs.map;"in"===t?e.zoomIn():e.zoomOut()},handleGridModal:function(t){this.gridModal=!0,this.gridData=t},handleBeautyModal:function(t){var e=this,a=t.key,n=this.$refs.map;this.beautyData=this.beautyList[a],this.beautyModal=!0,this.normalModal=!1,this.nonLivingModal=!1,this.clearBeauty(),this.beautyPaths[a].forEach(function(t){e.beautyPolygon.push(n.addPolygon({paths:t.path,fillColor:"rgba(51,145,255,.3)",attributes:u()({key:"beauty"},t)})),e.beautyPolyline.push(n.addPolyLine({paths:t.path,width:1,strokeColor:"rgba(51,145,255,1)"}))}),this.clearInitPoints()},clearBeauty:function(){var t=this.$refs.map;t.remove(this.beautyPolygon),t.remove(this.beautyPolyline),this.beautyPolygon=[],this.beautyPolyline=[]},handleSelectBeauty:function(t){var e=this,a=this.$refs.map;if(this.clearBeauty(),this.curBeautyId===t.id)return this.curBeautyId=null,void this.beautyPaths[t.id.split("-")[0]].forEach(function(t){e.beautyPolygon.push(a.addPolygon({paths:t.path,fillColor:"rgba(51,145,255,.3)",attributes:u()({key:"beauty"},t)})),e.beautyPolyline.push(a.addPolyLine({paths:t.path,width:1,strokeColor:"rgba(51,145,255, 1)"}))});this.beautyPaths[t.id.split("-")[0]].filter(function(e){return e.id.indexOf(t.id)>=0}).forEach(function(n){e.beautyPolygon.push(a.addPolygon({paths:n.path,fillColor:"rgba(51,145,255,.3)",attributes:u()({key:"beauty"},t)})),e.beautyPolyline.push(a.addPolyLine({paths:n.path,width:1,strokeColor:"rgba(51,145,255,1)"}))}),this.curBeautyId=t.id},closeBeauty:function(){this.clearBeauty(),this.beautyModal=!1,this.beautyDetailModal=!1,this.handlePoint(this.curPointKeys)},clearInitPoints:function(){var t=this.$refs.map,e=t.hideCommunity,a=t.remove;e(),a(this.nonLivingPoints),this.nonLivingPoints=null,a(this.coldPoints),this.coldPoints=null},handlePoint:function(t){if(this.curPointKeys=[].concat(r()(t)),!this.beautyModal){var e=this.$refs.map,a=e.showCommunity,n=e.hideCommunity,o=e.addPoint,s=e.remove;t.some(function(t){return"community"===t})?a():n(),t.some(function(t){return"cold"===t})?this.coldPoints||(this.coldPoints=o({key:"coldPoints",size:20,icon:"cold.png",data:this.coldList})):(s(this.coldPoints),this.coldPoints=null);var l=[],c=[],u=[],d=[],m=[],v=[],p=[],h=[];JSON.parse(i()(this.nonLivingList)).forEach(function(e){if(t.some(function(t){return"yi"===t})&&"yi"===e._type&&l.push(e),t.some(function(t){return"shi"===t})&&"shi"===e._type&&c.push(e),t.some(function(t){return"zhu"===t})&&"zhu"===e._type&&u.push(e),t.some(function(t){return"xing"===t})&&"xing"===e._type&&d.push(e),t.some(function(t){return"other"===t})&&"other"===e._type&&m.push(e),t.some(function(t){return"old"===t})&&e.livehoodType&&e.livehoodType.indexOf("为老")>=0&&(e.icon="p15.png",v.push(e)),t.some(function(t){return"sign"===t})&&1==e.isLandmark){if("大沽路123号"===e.unitAddr||"人民大道200号"===e.unitAddr)return;if(t.some(function(t){return"yi"===t||"shi"===t||"zhu"===t||"xing"===t}))return;e.icon="p2.png",p.push(e)}if(t.some(function(t){return"history"===t})&&1==e.isHistoric){if("大沽路123号"===e.unitAddr||"人民大道200号"===e.unitAddr)return;if(t.some(function(t){return"yi"===t||"shi"===t||"zhu"===t||"xing"===t}))return;e.icon="p8.png",h.push(e)}}),s(this.nonLivingPoints),this.nonLivingPoints=o({key:"non-living",size:20,data:[].concat(l,c,u,d,m,v,p,h,[{icon:"star.png",photo:"photo3.jpg",479477007408168960:"上海市人民政府",unitAddr:"人民大道200号",belong:"第一工作站",x:130.78,y:-433.2},{icon:"star-sm.png",photo:"photo5.jpg",479477007408168960:"南京东路街道",unitAddr:"大沽路123号",belong:"第一工作站",x:17.95,y:-788.21}])})}}}),watch:{nonLivingList:function(){this.handlePoint(this.curPointKeys)}}},A={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("m-grid",{attrs:{template:["title title title","left . right"],columns:"16vw auto 49vw",rows:"0.4rem auto",gap:"0.05rem",complete:t.complete}},[n("m-map",{ref:"map",on:{complete:t.mapComplete,event:t.handleMapClick}}),t._v(" "),n("m-title",{attrs:{area:"title",bgImg:a("dvOR")}},[t._v("南东城运"+t._s(t.$store.state[t.curWorkArea].workStation.name)+"综合网格工作站")]),t._v(" "),n("m-animate",{attrs:{enter:"fadeInLeft",leave:"fadeOutLeft"}},[n("LeftComponent",{directives:[{name:"show",rawName:"v-show",value:!t.fullView,expression:"!fullView"}],attrs:{area:"left"}})],1),t._v(" "),n("m-animate",{attrs:{enter:"fadeInRight",leave:"fadeOutRight"}},[n("RightComponent",{directives:[{name:"show",rawName:"v-show",value:!t.fullView,expression:"!fullView"}],attrs:{area:"right"},on:{grid:t.handleGridModal,beauty:t.handleBeautyModal}})],1),t._v(" "),n("MapBtns",{on:{zoomin:function(e){return t.zoom("in")},zoomout:function(e){return t.zoom("out")},point:t.handlePoint},model:{value:t.fullView,callback:function(e){t.fullView=e},expression:"fullView"}}),t._v(" "),n("MapTips",{attrs:{isFull:t.fullView}}),t._v(" "),n("m-modal",{attrs:{title:"网格事件详情"},model:{value:t.gridModal,callback:function(e){t.gridModal=e},expression:"gridModal"}},[n("m-form",{attrs:{"label-width":.7,model:t.gridData,layout:t.gridLayout}}),t._v(" "),n("m-step",{attrs:{steps:t.steps,current:t.gridData.current}})],1),t._v(" "),n("m-modal",{attrs:{title:"第一网格工作站"},model:{value:t.workspaceModal,callback:function(e){t.workspaceModal=e},expression:"workspaceModal"}},[n("WorkeSpaceModal")],1),t._v(" "),n("m-drawer",{attrs:{title:"非居详情",right:"0.1rem",width:"49vw",height:"auto"},on:{close:function(e){t.fullView=!1}},model:{value:t.nonLivingModal,callback:function(e){t.nonLivingModal=e},expression:"nonLivingModal"}},[n("m-form",{attrs:{"label-width":.7,model:t.nonLivingData,layout:t.nonLivingLayout}}),t._v(" "),t.nonLivingData.photo?n("img",{staticStyle:{width:"100%","max-height":"70vh"},attrs:{src:a("g2Y0")("./"+t.nonLivingData.photo)}}):t._e()],1),t._v(" "),n("m-drawer",{attrs:{title:"美丽街区-美丽家园"},on:{close:t.closeBeauty},model:{value:t.beautyModal,callback:function(e){t.beautyModal=e},expression:"beautyModal"}},[n("div",{staticClass:"beauty-list"},t._l(t.beautyData,function(e){return n("p",{key:e.name,class:{on:t.curBeautyId===e.id},attrs:{title:e.name},on:{click:function(a){return t.handleSelectBeauty(e)}}},[t._v(t._s(e.name))])}),0)]),t._v(" "),n("m-drawer",{attrs:{title:"美丽街区-美丽家园 详情",right:"0.1rem",width:"49vw",height:"auto"},on:{close:function(e){t.fullView=!1}},model:{value:t.beautyDetailModal,callback:function(e){t.beautyDetailModal=e},expression:"beautyDetailModal"}},[n("m-form",{attrs:{"label-width":.7,model:t.beautyDetail,layout:t.beautyDetailLayout}}),t._v(" "),t.beautyDetail.photo?n("div",{staticClass:"photo-wrapper"},t._l(t.beautyDetail.photo,function(t){return n("img",{key:t,attrs:{src:a("g2Y0")("./"+t)}})}),0):t._e()],1),t._v(" "),n("m-drawer",{attrs:{title:"防寒抗冻详情",right:"0.1rem",width:"49vw",height:"auto"},on:{close:function(e){t.fullView=!1}},model:{value:t.coldModal,callback:function(e){t.coldModal=e},expression:"coldModal"}},[n("m-form",{staticClass:"form",attrs:{"label-width":.6,model:t.coldData,layout:t.coldLayout}}),t._v(" "),t.coldData.photo&&Array.isArray(t.coldData.photo)?n("div",{staticClass:"photo-wrapper"},t._l(t.coldData.photo,function(t){return n("img",{key:t,attrs:{src:a("g2Y0")("./"+t)}})}),0):t.coldData.photo?n("img",{staticStyle:{width:"100%","max-height":"70vh"},attrs:{src:a("g2Y0")("./"+t.coldData.photo)}}):t._e()],1)],1)},staticRenderFns:[]};var Z=a("VU/8")(S,A,!1,function(t){a("gjZP")},"data-v-1ea5fc30",null);e.default=Z.exports},vXnC:function(t,e){},xdbs:function(t,e){}});
+//# sourceMappingURL=2.52ff46b6b15222e043d6.js.map
\ No newline at end of file
--- a/dist/static/js/2.52ff46b6b15222e043d6.js.map
+++ b/dist/static/js/2.52ff46b6b15222e043d6.js.map
--- a/dist/static/js/2.ad27f749f3b321530af7.js
+++ b/dist/static/js/2.ad27f749f3b321530af7.js
-webpackJsonp([2],{ETml:function(t,e){},MkGq:function(t,e){},MpD3:function(t,e){},T8vE:function(t,e){},WKp5:function(t,e){},X8sT:function(t,e){},dpFu:function(t,e){},e6Zk:function(t,e){},gydh:function(t,e){},jmTg:function(t,e){},l4w7:function(t,e){},lIJr:function(t,e){},"sRz/":function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=a("mvHQ"),i=a.n(n),o=a("Gu7T"),s=a.n(o),l=a("Dd8w"),r=a.n(l),c={name:"Population",data:function(){return{showChart:!1,population:[{name:"实有人口",value:14819},{name:"本市户数",value:5072,unit:"户"},{name:"境内外省",value:5473},{name:"境外人口",value:173}],config:{colors:[["#07b1ff","#1dfaff"],["#5032b6","#c56cd6"]],legend:{align:"right"},shape:[{key:"actual",name:"实有",type:"bar",barWidth:"20%"},{key:"huji",name:"户籍",type:"bar",barWidth:"20%"}],xAxis:{key:"name"}},data:[{name:"均乐",actual:2971,huji:6575},{name:"振兴",actual:3807,huji:4508},{name:"顺天村",actual:3187,huji:6575},{name:"江阴",actual:1668,huji:2443},{name:"新昌",actual:1139,huji:3585}]}},mounted:function(){var t=this;setTimeout(function(){return t.showChart=!0},100)}},u={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"population"},[a("div",{staticClass:"info"},t._l(t.population,function(e){return a("div",{key:e.name},[a("p",[t._v(t._s(e.name))]),t._v(" "),a("m-count",{staticClass:"count",attrs:{value:e.value}}),t._v(" "),a("span",{staticClass:"unit"},[t._v(" "+t._s(e.unit||"人"))])],1)}),0),t._v(" "),a("m-sub",{attrs:{title:"居委人口分布"}}),t._v(" "),t.showChart?a("div",{staticClass:"chart"},[a("m-chart",{attrs:{config:t.config,data:t.data}})],1):t._e()],1)},staticRenderFns:[]};var d={name:"House",data:function(){return{showChart:!1,house:[{name:"商品房",value:10647},{name:"直管公房",value:618},{name:"二级旧里",value:218},{name:"其他",value:400}],config:{colors:[["#F76B1C","#FAD961"]],legend:{align:"right"},shape:[{key:"value",name:"非居房屋",type:"bar",barWidth:"20%"}],xAxis:{key:"name"}},data:[{name:"衣",value:6},{name:"食",value:17},{name:"住",value:11},{name:"行",value:10}]}},mounted:function(){var t=this;setTimeout(function(){return t.showChart=!0},100)}},m={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"house"},[a("m-sub",{attrs:{title:"居住房屋",value:11883,unit:"幢"}}),t._v(" "),a("div",{staticClass:"info"},t._l(t.house,function(e){return a("div",{key:e.name},[a("p",[t._v(t._s(e.name))]),t._v(" "),a("m-count",{staticClass:"count",attrs:{value:e.value}}),t._v(" "),a("span",{staticClass:"unit"},[t._v("人")])],1)}),0),t._v(" "),a("m-sub",{attrs:{title:"非居房屋",value:7097,unit:"幢"}}),t._v(" "),t.showChart?a("div",{staticClass:"chart"},[a("m-chart",{attrs:{config:t.config,data:t.data}})],1):t._e()],1)},staticRenderFns:[]};var v={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"company"},[n("div",{staticClass:"info"},t._l(t.company,function(e){return n("div",{key:e.name},[n("p",[t._v(t._s(e.name))]),t._v(" "),n("m-count",{staticClass:"count",attrs:{value:e.value}}),t._v(" "),n("span",{staticClass:"unit"},[t._v("人")])],1)}),0),t._v(" "),n("div",{staticClass:"rate"},t._l(t.list,function(e){return n("div",{key:e.name},[n("img",{attrs:{src:a("g2Y0")("./"+e.icon),alt:e.name}}),t._v("\n      "+t._s(e.name)+"\n      "),n("p",[n("m-count",{staticClass:"count",attrs:{value:e.value}}),t._v("%")],1)])}),0)])},staticRenderFns:[]};var p={name:"LeftComponent",components:{Population:a("VU/8")(c,u,!1,function(t){a("MpD3")},"data-v-0c2c6aff",null).exports,House:a("VU/8")(d,m,!1,function(t){a("dpFu")},"data-v-65e93877",null).exports,Company:a("VU/8")({name:"Company",data:function(){return{list:[{name:"证件齐全",value:65,icon:"company1.png"},{name:"场地租赁",value:73,icon:"company2.png"}],company:[{name:"机关团体",value:25},{name:"企业单位",value:4711},{name:"事业单位",value:56},{name:"其他",value:6841}]}}},v,!1,function(t){a("vXnC")},"data-v-0696df45",null).exports}},h={render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"left-component"},[e("div",{staticClass:"left"},[e("img",{attrs:{src:a("kLZo")}}),this._v(" "),e("img",{attrs:{src:a("kLZo")}}),this._v(" "),e("img",{attrs:{src:a("kLZo")}}),this._v(" "),e("img",{attrs:{src:a("kLZo")}}),this._v(" "),e("m-card",{attrs:{title:"实有人口",value:14819,unit:"人"}},[e("Population")],1),this._v(" "),e("m-card",{attrs:{title:"实有房屋",value:18980,unit:"幢"}},[e("House")],1)],1)])},staticRenderFns:[]};var f=a("VU/8")(p,h,!1,function(t){a("ETml")},"data-v-e86bba8a",null).exports,_={name:"OldScreen",data:function(){return{showChart:!1,rates:[{name:"女性占比",value:65},{name:"男性占比",value:35},{name:"老龄化占比",value:43}],ageConfig:{colors:["#01bffe","#589d20","#ffce34","#f47b1e","#ff5152","#826bfa"],legend:{hide:!0},shape:[{type:"pie",radius:[0,30*Number((screen.height/800).toFixed(1))],center:["45%","50%"]}]},insuranceConfig:{colors:["#e690d1"],legend:{hide:!0},shape:[{key:"value",type:"line"}],xAxis:{key:"name"}},oldType:[{name:"孤老",value:103,percent:.9},{name:"独居",value:391,percent:3.38},{name:"纯老",value:902,percent:7.8},{name:"低保",value:63,percent:.55},{name:"残疾",value:877,percent:7.59},{name:"优抚",value:28,percent:.25}],oldMethod:[{name:"社区养老",value:11539,color:"#72c011"},{name:"机构养老",value:343,color:"#ff9d26"},{name:"居家养老",value:294,color:"#01bffe"}],insurance:[{name:"申请人数",value:333},{name:"申请通过人数",value:243}]}},mounted:function(){var t=this;setTimeout(function(){return t.showChart=!0},100)},computed:{ageData:function(){return[{name:"60-64岁",value:881,percent:20},{name:"65-69岁",value:925,percent:21},{name:"70-79岁",value:1278,percent:29},{name:"80-89岁",value:573,percent:13},{name:"90-99岁",value:661,percent:15},{name:"100岁以上",value:88,percent:2}]},insuranceData:function(){return[{name:"0级",value:15},{name:"1级",value:60},{name:"2级",value:75},{name:"3级",value:90},{name:"4级",value:66},{name:"5级",value:60},{name:"6级",value:75}]}}},g={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"old-screen"},[a("div",[a("m-sub",{attrs:{title:"老人数量",value:4408,unit:"人"}}),t._v(" "),a("div",{staticClass:"rate"},t._l(t.rates,function(e){return a("div",{key:e.name},[a("p",[t._v(t._s(e.name))]),t._v(" "),a("p",[a("m-count",{staticClass:"count",attrs:{value:e.value}}),t._v("%")],1)])}),0)],1),t._v(" "),a("div",[a("m-sub",{attrs:{title:"年龄分布"}}),t._v(" "),a("div",{staticClass:"wrapper"},[t.showChart?a("div",{staticClass:"chart"},[a("m-chart",{attrs:{config:t.ageConfig,data:t.ageData}})],1):t._e(),t._v(" "),a("div",{staticClass:"tips"},[a("div",t._l(t.ageData.slice(0,2),function(e,n){return a("div",{key:e.name},[a("p",[a("span",{staticClass:"dot",style:{background:t.ageConfig.colors[n]}}),t._v(" "+t._s(e.name))]),t._v(" "),a("p",[a("m-count",{attrs:{isPang:!1,value:e.percent}}),t._v("%   "),a("m-count",{attrs:{isPang:!1,value:e.value}}),t._v("人")],1)])}),0),t._v(" "),a("div",t._l(t.ageData.slice(2,4),function(e,n){return a("div",{key:e.name},[a("p",[a("span",{staticClass:"dot",style:{background:t.ageConfig.colors[n+2]}}),t._v(" "+t._s(e.name))]),t._v(" "),a("p",[a("m-count",{attrs:{isPang:!1,value:e.percent}}),t._v("%   "),a("m-count",{attrs:{isPang:!1,value:e.value}}),t._v("人")],1)])}),0),t._v(" "),a("div",t._l(t.ageData.slice(4),function(e,n){return a("div",{key:e.name},[a("p",[a("span",{staticClass:"dot",style:{background:t.ageConfig.colors[n+4]}}),t._v(" "+t._s(e.name))]),t._v(" "),a("p",[a("m-count",{attrs:{isPang:!1,value:e.percent}}),t._v("%   "),a("m-count",{attrs:{isPang:!1,value:e.value}}),t._v("人")],1)])}),0)])])],1),t._v(" "),a("div",[a("m-sub",{attrs:{title:"老人分类"}}),t._v(" "),a("div",{staticClass:"table"},t._l(t.oldType,function(e){return a("div",{key:e.name},[a("p",[t._v(t._s(e.name))]),t._v(" "),a("p",[a("m-count",{attrs:{value:e.value}})],1),t._v(" "),a("p",[a("m-count",{attrs:{value:e.percent,decimal:2}}),t._v("%")],1)])}),0)],1),t._v(" "),a("div",[a("m-sub",{attrs:{title:"养老方式"}}),t._v(" "),a("div",{staticClass:"bar"},t._l(t.oldMethod,function(e){return a("div",{key:e.name,style:{flex:e.value,background:e.color}},[a("div",{style:{borderColor:e.color}},[a("p",[t._v(t._s(e.name)+" "),a("m-count",{staticClass:"count",style:{color:e.color},attrs:{value:e.value}})],1)])])}),0)],1),t._v(" "),a("div",[a("m-sub",{attrs:{title:"长护险"}}),t._v(" "),a("div",{staticClass:"rate",staticStyle:{width:"52%"}},t._l(t.insurance,function(e){return a("div",{key:e.name},[a("p",[t._v(t._s(e.name))]),t._v(" "),a("p",[a("m-count",{staticClass:"count",attrs:{value:e.value}}),t._v("人")],1)])}),0),t._v(" "),t.showChart?a("div",{staticClass:"insurance-chart"},[a("m-chart",{attrs:{config:t.insuranceConfig,data:t.insuranceData}})],1):t._e()],1)])},staticRenderFns:[]};var y={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"command"},[a("m-sub",{attrs:{title:"值班人员表"}}),t._v(" "),a("div",{staticClass:"table"},[t._m(0),t._v(" "),t._l(t.list,function(e,n){return a("div",{key:n},[a("p",[t._v(t._s(e.name))]),t._v(" "),a("p",[t._v(t._s(e.response))]),t._v(" "),a("p",[t._v(t._s(e.phone))])])})],2)],1)},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",[e("p",[this._v("姓名")]),this._v(" "),e("p",[this._v("责任居委范围")]),this._v(" "),e("p",[this._v("联系电话")])])}]};var b={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"grid-manage"},[a("m-sub",{attrs:{title:"网格事件清单"}}),t._v(" "),a("div",{staticClass:"info"},t._l(t.info,function(e){return a("div",{key:e.name},[a("p",[t._v(t._s(e.name))]),t._v(" "),a("p",[a("m-count",{staticClass:"count",attrs:{value:e.value}})],1)])}),0),t._v(" "),a("div",{staticClass:"list"},[a("m-scroll",{attrs:{length:t.list.length,mode:"2",limit:3,step:.9}},t._l(t.list,function(e,n){return a("div",{key:n,staticClass:"item",on:{click:function(a){return t.$emit("select",e)}}},[a("div",{staticClass:"title"},[a("p",[t._v(t._s(e.event))]),t._v(" "),a("span",{staticClass:"line"})]),t._v(" "),a("div",{staticClass:"info"},[a("p",{attrs:{title:e.address}},[t._v(t._s(e.address))]),t._v(" "),a("p",[t._v(t._s(e.time))])]),t._v(" "),a("m-step",{attrs:{steps:t.steps,current:e.current}})],1)}),0)],1)],1)},staticRenderFns:[]};var k={render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"building"},this._l(this.list,function(t){return e("div",{key:t.name,style:"background-image: url("+a("g2Y0")("./"+t.img)+")"})}),0)},staticRenderFns:[]};var C={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"mic-fire"},[a("div",{staticClass:"table"},[t._m(0),t._v(" "),t._l(t.list,function(e,n){return a("div",{key:n},[a("p",[t._v(t._s(e.address))]),t._v(" "),a("p",[t._v(t._s(e.person))]),t._v(" "),a("p",[t._v(t._s(e.device))])])})],2)])},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",[e("p",[this._v("地址")]),this._v(" "),e("p",[this._v("人数")]),this._v(" "),e("p",[this._v("设备")])])}]};var w={name:"RightComponent",components:{OldScreen:a("VU/8")(_,g,!1,function(t){a("xdbs")},"data-v-0424ce2c",null).exports,Command:a("VU/8")({name:"Command",data:function(){return{list:[{name:"尤懿",response:"均乐，振兴，顺天村，江阴，新昌",phone:13916876901},{name:"许俊",response:"均乐，振兴，顺天村，江阴，新昌",phone:13816326142}]}}},y,!1,function(t){a("WKp5")},"data-v-0f32a7ff",null).exports,GridManage:a("VU/8")({name:"GridManage",data:function(){return{steps:[{name:"发现"},{name:"立案"},{name:"派遣"},{name:"处置"},{name:"核查"},{name:"结案"}],info:[{name:"昨日总数",value:40},{name:"综合管理",value:47},{name:"街面管理",value:21},{name:"小区管理",value:31}]}},computed:{list:function(){return this.$store.state.gridList}}},b,!1,function(t){a("l4w7")},"data-v-2b20e28c",null).exports,Building:a("VU/8")({name:"Building",data:function(){return{list:[{img:"building1.jpg"},{img:"building2.jpg"},{img:"building3.jpg"},{img:"building4.jpg"}]}}},k,!1,function(t){a("X8sT")},"data-v-5dabb516",null).exports,MicFire:a("VU/8")({name:"MicFire",data:function(){return{list:[{name:"微型消防站",address:"新昌路87弄88号",person:12,device:"灭火器、水泵"}]}}},C,!1,function(t){a("e6Zk")},"data-v-58c0ceaa",null).exports},data:function(){return{photos:[["photo7.jpg","photo8.jpg"],["photo9.jpg","photo10.jpg"],["photo11.jpg","photo12.jpg"],["photo13.jpg","photo14.jpg"]],beauty:[{name:"2018年",value:12,key:2018},{name:"2019年",value:8,key:2019},{name:"2020年",value:2,key:2020}],convenient:[{name:"便利店",value:6},{name:"早餐车",value:1},{name:"公厕",value:5},{name:"居民活动室",value:12}],building:[{name:"文保",value:0},{name:"历保",value:8},{name:"文历双保",value:0}]}}},M={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"right-component"}},[n("div",{staticClass:"first"},[n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("m-card",{attrs:{title:"便民设施"}},[n("div",{staticClass:"info"},t._l(t.convenient,function(e){return n("div",{key:e.name},[n("p",[t._v(t._s(e.name))]),t._v(" "),n("m-count",{staticClass:"count",attrs:{value:e.value}}),t._v(" "),n("span",{staticClass:"unit"},[t._v("个")])],1)}),0)]),t._v(" "),n("m-card",{attrs:{title:"历史保护建筑"}},[n("div",{staticClass:"info three"},t._l(t.building,function(e){return n("div",{key:e.name},[n("p",[t._v(t._s(e.name))]),t._v(" "),n("m-count",{staticClass:"count",attrs:{value:e.value}}),t._v(" "),n("span",{staticClass:"unit"},[t._v("人")])],1)}),0),t._v(" "),n("Carousel",{attrs:{loop:"",autoplay:""}},t._l(t.photos,function(e,i){return n("CarouselItem",{key:i},[n("div",{staticClass:"photo-wrapper"},[n("div",{staticClass:"photo",style:"background-image:url("+a("g2Y0")("./"+e[0])+")"}),t._v(" "),n("div",{staticClass:"photo",style:"background-image:url("+a("g2Y0")("./"+e[1])+")"})])])}),1)],1),t._v(" "),n("m-card",{attrs:{title:"地标性建筑"}},[n("Building")],1),t._v(" "),n("m-card",{attrs:{title:"微型消防站"}},[n("MicFire")],1)],1),t._v(" "),n("div",{staticClass:"left"},[n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("m-card",{attrs:{title:"美丽街区-美丽家园"}},[n("div",{staticClass:"beauty"},t._l(t.beauty,function(e){return n("div",{key:e.name,on:{click:function(a){return t.$emit("beauty",e)}}},[n("p",[t._v(t._s(e.name))]),t._v(" "),n("p",[n("m-count",{staticClass:"count",attrs:{value:e.value}})],1)])}),0)]),t._v(" "),n("m-card",{attrs:{title:"智慧养老"}},[n("OldScreen")],1)],1),t._v(" "),n("div",{staticClass:"right"},[n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("img",{attrs:{src:a("kLZo")}}),t._v(" "),n("m-card",{attrs:{title:"单兵指挥"}},[n("Command")],1),t._v(" "),n("m-card",{attrs:{title:"网格事件"}},[n("GridManage",{on:{select:function(e){return t.$emit("grid",e)}}})],1)],1)])},staticRenderFns:[]};var L=a("VU/8")(w,M,!1,function(t){a("jmTg")},"data-v-14e4ef18",null).exports,P={name:"MapBtns",props:{value:{type:Boolean}},data:function(){return{btns:[{name:"input",img:"btn1.png"},{name:"home",img:"btn3.png"},{name:"info",img:"btn4.png"},{name:"sensor",img:"btn5.png"},{name:"position",img:"btn6.png"}],data:[{title:"居住",expand:!0,children:[{title:"商品房、二级旧里、直管公房",tipEvent:"community",checked:!0}]},{title:"非居",expand:!0,children:[{title:"衣、食、住、行",tipEvent:"life",expand:!1,children:[{title:"衣",tipEvent:"yi",checked:!0},{title:"食",tipEvent:"shi",checked:!0},{title:"住",tipEvent:"zhu",checked:!0},{title:"行",tipEvent:"xing",checked:!0},{title:"其他",tipEvent:"other",checked:!0}]},{title:"为老服务站",tipEvent:"old",checked:!0},{title:"地标性建筑",tipEvent:"sign",checked:!0},{title:"历史保护建筑",tipEvent:"history",checked:!0}]},{title:"防寒抗冻",tipEvent:"cold",checked:!0}]}},methods:{handleChange:function(t){if(!(t.length<0)){var e=t.map(function(t){return t.tipEvent?t.tipEvent:""});this.$emit("point",e)}}}},x={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"map-btns",class:{isFull:t.value}},[t._l(t.btns,function(e){return["home"===e.name?n("Tooltip",{key:e.name,attrs:{placement:"top-end"}},[n("img",{attrs:{src:a("g2Y0")("./"+e.img)}}),t._v(" "),n("div",{attrs:{slot:"content"},slot:"content"},[n("Tree",{attrs:{data:t.data,"show-checkbox":""},on:{"on-check-change":t.handleChange}})],1)]):n("img",{key:e.name,attrs:{src:a("g2Y0")("./"+e.img)},on:{click:function(a){return t.$emit(e.name,"input"==e.name?!t.value:null)}}})]})],2)},staticRenderFns:[]};var D=a("VU/8")(P,x,!1,function(t){a("T8vE")},"data-v-3face1f1",null).exports,F={name:"MapTips",props:{isFull:{type:Boolean,default:!1}},data:function(){return{tips1:[{name:"街道",icon:"icon1.png"},{name:"居委",icon:"icon2.png"},{name:"服务站",icon:"icon3.png"},{name:"商品房",icon:"icon4.png"},{name:"直管公房",icon:"icon5.png"},{name:"混合",icon:"icon6.png"},{name:"助浴点",icon:"p15.png"},{name:"垃圾箱房",icon:"p14.png"},{name:"倒粪口",icon:"p13.png"}],tips2:[{name:"医院",icon:"tip1.png"},{name:"学校",icon:"tip2.png"},{name:"衣",icon:"tip3.png"},{name:"食",icon:"tip4.png"},{name:"旅",icon:"tip5.png"},{name:"文娱",icon:"tip6.png"},{name:"军产",icon:"tip7.png"},{name:"文保",icon:"tip8.png"},{name:"历保",icon:"tip9.png"}],tips3:[{name:"居委活动室",icon:"p7.png"},{name:"博物馆",icon:"p2.png"},{name:"大剧院",icon:"p4.png"},{name:"音乐厅",icon:"p12.png"},{name:"地铁站",icon:"p5.png"},{name:"历史保护",icon:"p8.png"},{name:"消防站",icon:"p10.png"},{name:"便利店",icon:"p1.png"},{name:"公厕",icon:"p6.png"},{name:"菜场",icon:"p3.png"},{name:"洗衣店",icon:"p9.png"},{name:"药店",icon:"p11.png"},{name:"防寒抗冻",icon:"cold.png"},{name:"上海市人民政府",icon:"star.png"},{name:"南京东路街道",icon:"star-sm.png"}],olds1:[{name:"100岁以上",color:"#826AFA"},{name:"90-99岁",color:"#FF5151"},{name:"80-89岁",color:"#F47C1F"},{name:"70-79岁",color:"#FFCE34"},{name:"65-69岁",color:"#589C20"},{name:"60-94岁",color:"#00BFFF"}],olds2:[{name:"敬老院",icon:"old1.png"},{name:"综合为老服务中心",icon:"old2.png"},{name:"老年活动室",icon:"old3.png"},{name:"日托所",icon:"old4.png"},{name:"助老洗衣房",icon:"old5.png"},{name:"助餐点",icon:"old6.png"},{name:"助浴点",icon:"old7.png"}],populations:[{name:"境外人口",icon:"dimond1.png"},{name:"境内人口",icon:"dimond2.png"}]}},computed:{theme:function(){return this.$store.state.themeName}}},E={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"map-tips",class:{isFull:t.isFull}},[t._m(0),t._v(" "),n("div",[n("div",t._l(t.tips1,function(e){return n("p",{key:e.name},[n("img",{attrs:{src:a("g2Y0")("./"+e.icon),alt:e.name}}),t._v("\n        "+t._s(e.name)+"\n      ")])}),0),t._v(" "),n("div",t._l(t.tips3,function(e){return n("p",{key:e.name},[n("img",{attrs:{src:a("g2Y0")("./"+e.icon),alt:e.name}}),t._v("\n        "+t._s(e.name)+"\n      ")])}),0)])])},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("p",[e("img",{attrs:{src:a("LgZt")}}),this._v("\n    标识说明\n  ")])}]};var $=a("VU/8")(F,E,!1,function(t){a("MkGq")},"data-v-0b85804a",null).exports,V={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"workespace-modal"},[a("m-brief",{attrs:{label:"网格长"}},[t._v("尤懿(城管)、殷文(绿化)值班时间8时-18时、于冰(警长)值班时间18时-8时")]),t._v(" "),a("div",{staticClass:"wrapper"},[a("div",[a("p",{staticClass:"title"},[t._v("部门")]),t._v(" "),t._l(t.departs,function(e){return a("m-brief",{key:e.label,attrs:{label:e.label}},[t._v(t._s(e.content))])})],2),t._v(" "),a("div",[a("p",{staticClass:"title"},[t._v("第三方公司")]),t._v(" "),t._l(t.third,function(e){return a("m-brief",{key:e.label,attrs:{label:e.label}},[t._v(t._s(e.content))])})],2),t._v(" "),a("div",[a("p",{staticClass:"title"},[t._v("物业公司")]),t._v(" "),t._l(t.property,function(e){return a("m-brief",{key:e.label,attrs:{label:e.label}},[t._v(t._s(e.content))])})],2),t._v(" "),a("div",[a("p",{staticClass:"title"},[t._v("居民区")]),t._v(" "),t._l(t.committee,function(e){return a("m-brief",{key:e.label,attrs:{label:e.label}},[t._v(t._s(e.content))])})],2),t._v(" "),a("div",[a("p",{staticClass:"title"},[t._v("区域化单位")]),t._v(" "),a("div",{staticClass:"flex-box"},t._l(t.area,function(e){return a("p",{key:e},[t._v(t._s(e))])}),0)]),t._v(" "),a("div",[a("p",{staticClass:"title"},[t._v("社会力量")]),t._v(" "),a("div",{staticClass:"flex-box"},t._l(t.social,function(e){return a("p",{key:e},[t._v(t._s(e))])}),0)])])],1)},staticRenderFns:[]};var B=a("VU/8")({name:"WorkeSpaceModal",data:function(){return{departs:[{label:"派出所",content:"朱洪元(副所长)、于冰(警长) 警力25人"},{label:"市场所",content:"王绍良、陈蕾、张敏"},{label:"城管中队",content:"尤懿(副队长)、城管队员8人"},{label:"网格中心",content:"顾蓉蓉"},{label:"绿化市容所",content:"殷文、张沁园"},{label:"房管办",content:"车姝敏、杨姝敏"},{label:"党建联络员",content:"方雅婷、秦雯、郭强"},{label:"服务企业人员",content:"蓝俊"}],third:[{label:"第三方负责人",content:"覃飞(块长)、徐辉(队长)"}],property:[{label:"名称",content:"端正公房物业5人、社会物业6人"},{label:"负责人姓名",content:"吴昌军"}],committee:[{label:"新昌居委",content:"张文志(书记) 马丽芳(主任)"},{label:"顾天村居委",content:"徐定珠(书记) 杨琛骅(主任)"},{label:"江阴居委",content:"杨烨(书记) 王珑(主任)"},{label:"振兴居委",content:"李苏爱(主任)"},{label:"均乐居委",content:"顾怡(书记) 陈慧仪(主任)"}],area:["上海市统计局","国家统计局上海市城调队","市政府发展研究中心","长征医院","上海博物馆","轨交人民广场站"],social:["新社会阶层联谊会","商居睦邻会","食品联盟"]}}},V,!1,function(t){a("gydh")},"data-v-3e3680a2",null).exports,A=a("NYxO"),j={name:"Main",components:{LeftComponent:f,RightComponent:L,MapBtns:D,MapTips:$,WorkeSpaceModal:B},data:function(){return{complete:!1,fullView:!1,boundary:null,workspaceA:null,nonLivingPoints:null,gridModal:!1,steps:[{name:"发现"},{name:"立案"},{name:"派遣"},{name:"处置"},{name:"核查"},{name:"结案"}],gridLayout:[{id:{label:"编号",width:12},type:{label:"所属场景",width:12}},{address:{label:"门牌幢地址",width:12},grid:{label:"所属网格",width:12}},{time:{label:"发生时间",width:12},status:{label:"状态",width:12}}],gridData:{},workspaceModal:!1,beautyModal:!1,beautyData:[],nonLivingModal:!1,nonLivingData:{},nonLivingLayout:[{479477007408168960:{label:"名称",width:12},unitAddr:{label:"地址",width:12}}],normalModal:!1,normalData:{},normalLayout:[{name:{label:"名称",width:12},address:{label:"地址",width:12}}],beautyPolygon:null,beautyPolyline:null,beautyDetail:{},beautyDetailModal:!1,curBeautyId:null,curPointKeys:["community","life","old","sign","history","yi","shi","zhu","xing","other","cold"],beautyDetailLayout:[{name:{label:"项目名称",width:24}},{range:{label:"四至范围",width:24}},{content:{label:"主要内容",width:24}}],coldModal:!1,coldPoints:null,coldData:[],coldLayout:[{committee:{label:"居委",width:12},address:{label:"地址",width:12}},{event:{label:"事件",width:12},department:{label:"处置部门",width:12}}]}},computed:r()({},Object(A.c)(["themeName","nonLivingList","beautyList","beautyPaths","coldList"])),methods:r()({},Object(A.b)(["initData"]),{mapComplete:function(){this.initData(),this.initMap(),this.complete=!0},initMap:function(){var t=this.$refs.map;t.focus(1141.7531949638287,-480.0854532701907,7),t.addPolyLine({paths:this.$store.state.areaAPath,strokeColor:"#ffce34"}),this.addAreaLines(),this.addWorkSpacePoint(),t.setFilter(["南京街道顺天邨2小区","南京街道顺天邨1小区","南京东路街道江阴小区","黄浦区威海苑","黄浦区宏泰公寓","长发大厦","黄浦区长发大厦","宏泰公寓","南京街道均乐小区","南京街道振兴（大）1小区","黄浦区文海大楼","黄浦区紫华大楼","南京街道振兴小区","南京东路街道振兴小区","南京街道重庆小区","广场街道139街坊ab5-1396小区","南京东路街道均乐1小区","南京街道新昌售小区","南京东路街道祥康里小区","南京街道新昌1小区","南京东路街道长江（大）2小区"]),this.boundary=t.addBoundary({name:"南京东路街道",color:"rgba(0,0,0,0)"})},addAreaLines:function(){var t=this.$refs.map;t.addPolyLine({paths:[[-265.73166753193834,-19.6103135699113],[-246.0780474955316,-61.358753186582206],[-221.12654902482632,-101.26750813430043],[-184.38246511999182,-139.4130596858202],[-146.2617183055816,-182.81514844312272],[-139.54583573319144,-218.23011185117454],[-144.81563520508178,-282.03616394244546],[-113.85932329245793,-373.52016852503795],[-203.7144834715283,-428.83473227916545],[-235.70019197419526,-414.85726291797675],[-274.3211676536466,-436.61928560868876],[-324.31098117494037,-445.96240325325743],[-278.88110515893834,-553.9415580136503],[-248.97899457346716,-642.1513372977922]],strokeColor:"#FF6161"}),t.addPolyLine({paths:[[-427.0604705280855,-662.3506615506074],[-301.8544258451628,-649.8325375560261],[-255.3538120106018,-647.3520638450786],[-201.48619125452694,-651.1141156400156],[-84.11430937534647,-654.7397413808504],[36.90800298177817,-659.4154343259863],[-5.475024492610032,-589.2759060260963],[452.3460083369556,-245.20112933487624]],strokeColor:"#FF6161"}),t.addPolyLine({paths:[[-205.5128269119649,-652.3460842497868],[-144.95206125918355,-832.5070239987497],[-136.47710941344656,-846.8855032765414],[-129.37055223158222,-915.458199015683],[-123.07428312862737,-959.9082879158607],[-234.600515295675,-1019.7331797010611]],strokeColor:"#FF6161"})},addWorkSpacePoint:function(){var t=this.$refs.map,e=t.addPoint;(0,t.remove)(this.workspaceA),this.workspaceA=e({key:"workspaceA",size:20,icon:"workspace.png",data:[{name:"第一工作站",address:"武胜路481号",x:-136.67,y:-660.07}]})},handleMapClick:function(t){var e=this.$refs.map;if("workspaceA"!==t.key){if("non-living"===t.key)return this.nonLivingData=t,this.nonLivingModal=!0,this.fullView=!0,this.normalModal=!1,void(this.coldModal=!1);if("areaA-points"===t.key)return this.normalData=t,this.normalModal=!0,this.codeModal=!1,this.fullView=!0,void(this.nonLivingModal=!1);if("beauty"!==t.key)return"areaA"===t.key&&(this.boundary.hide(),e.addPolyLine({paths:this.$store.state.areaAPath,strokeColor:"rgba(51,145,255,1)"}),e.focus(41.75319496382872,-480.0854532701907,7)),"codePoints"===t.key?(this.normalModal=!1,this.nonLivingModal=!1,this.coldData=t,void(this.coldModal=!0)):void 0;this.curBeautyId&&(this.beautyDetail=t,this.beautyDetailModal=!0)}else this.workspaceModal=!0},zoom:function(t){var e=this.$refs.map;"in"===t?e.zoomIn():e.zoomOut()},handleGridModal:function(t){this.gridModal=!0,this.gridData=t},handleBeautyModal:function(t){var e=this,a=t.key,n=this.$refs.map;this.beautyData=this.beautyList[a],this.beautyModal=!0,this.normalModal=!1,this.nonLivingModal=!1,this.clearBeauty(),this.beautyPaths[a].forEach(function(t){e.beautyPolygon.push(n.addPolygon({paths:t.path,fillColor:"rgba(51,145,255,.3)",attributes:r()({key:"beauty"},t)})),e.beautyPolyline.push(n.addPolyLine({paths:t.path,width:1,strokeColor:"rgba(51,145,255,1)"}))}),this.clearInitPoints()},clearBeauty:function(){var t=this.$refs.map;t.remove(this.beautyPolygon),t.remove(this.beautyPolyline),this.beautyPolygon=[],this.beautyPolyline=[]},handleSelectBeauty:function(t){var e=this,a=this.$refs.map;if(this.clearBeauty(),this.curBeautyId===t.id)return this.curBeautyId=null,void this.beautyPaths[t.id.split("-")[0]].forEach(function(t){e.beautyPolygon.push(a.addPolygon({paths:t.path,fillColor:"rgba(51,145,255,.3)",attributes:r()({key:"beauty"},t)})),e.beautyPolyline.push(a.addPolyLine({paths:t.path,width:1,strokeColor:"rgba(51,145,255, 1)"}))});this.beautyPaths[t.id.split("-")[0]].filter(function(e){return e.id.indexOf(t.id)>=0}).forEach(function(n){e.beautyPolygon.push(a.addPolygon({paths:n.path,fillColor:"rgba(51,145,255,.3)",attributes:r()({key:"beauty"},t)})),e.beautyPolyline.push(a.addPolyLine({paths:n.path,width:1,strokeColor:"rgba(51,145,255,1)"}))}),this.curBeautyId=t.id},closeBeauty:function(){this.clearBeauty(),this.beautyModal=!1,this.beautyDetailModal=!1,this.handlePoint(this.curPointKeys)},clearInitPoints:function(){var t=this.$refs.map,e=t.hideCommunity,a=t.remove;e(),a(this.nonLivingPoints),this.nonLivingPoints=null,a(this.coldPoints),this.coldPoints=null},handlePoint:function(t){if(this.curPointKeys=[].concat(s()(t)),!this.beautyModal){var e=this.$refs.map,a=e.showCommunity,n=e.hideCommunity,o=e.addPoint,l=e.remove;t.some(function(t){return"community"===t})?a():n(),t.some(function(t){return"cold"===t})?this.coldPoints||(this.coldPoints=o({key:"codePoints",size:20,icon:"cold.png",data:this.coldList})):(l(this.coldPoints),this.coldPoints=null);var r=[],c=[],u=[],d=[],m=[],v=[],p=[],h=[];JSON.parse(i()(this.nonLivingList)).forEach(function(e){if(t.some(function(t){return"yi"===t})&&"yi"===e._type&&r.push(e),t.some(function(t){return"shi"===t})&&"shi"===e._type&&c.push(e),t.some(function(t){return"zhu"===t})&&"zhu"===e._type&&u.push(e),t.some(function(t){return"xing"===t})&&"xing"===e._type&&d.push(e),t.some(function(t){return"other"===t})&&"other"===e._type&&m.push(e),t.some(function(t){return"old"===t})&&e.livehoodType&&e.livehoodType.indexOf("为老")>=0&&(e.icon="p15.png",v.push(e)),t.some(function(t){return"sign"===t})&&1==e.isLandmark){if("大沽路123号"===e.unitAddr||"人民大道200号"===e.unitAddr)return;if(t.some(function(t){return"yi"===t||"shi"===t||"zhu"===t||"xing"===t}))return;e.icon="p2.png",p.push(e)}if(t.some(function(t){return"history"===t})&&1==e.isHistoric){if("大沽路123号"===e.unitAddr||"人民大道200号"===e.unitAddr)return;if(t.some(function(t){return"yi"===t||"shi"===t||"zhu"===t||"xing"===t}))return;e.icon="p8.png",h.push(e)}}),l(this.nonLivingPoints),this.nonLivingPoints=o({key:"non-living",size:20,data:[].concat(r,c,u,d,m,v,p,h,[{icon:"star.png",photo:"photo3.jpg",479477007408168960:"上海市人民政府",unitAddr:"人民大道200号",belong:"第一工作站",x:130.78,y:-433.2},{icon:"star-sm.png",photo:"photo5.jpg",479477007408168960:"南京东路街道",unitAddr:"大沽路123号",belong:"第一工作站",x:17.95,y:-788.21}])})}}}),watch:{nonLivingList:function(){this.handlePoint(this.curPointKeys)}}},R={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("m-grid",{attrs:{template:["title title title","left . right"],columns:"16vw auto 49vw",rows:"0.4rem auto",gap:"0.05rem",complete:t.complete}},[n("m-map",{ref:"map",on:{complete:t.mapComplete,event:t.handleMapClick}}),t._v(" "),n("m-title",{attrs:{area:"title",bgImg:a("dvOR")}},[t._v("南东城运第一综合网格工作站")]),t._v(" "),n("m-animate",{attrs:{enter:"fadeInLeft",leave:"fadeOutLeft"}},[n("LeftComponent",{directives:[{name:"show",rawName:"v-show",value:!t.fullView,expression:"!fullView"}],attrs:{area:"left"}})],1),t._v(" "),n("m-animate",{attrs:{enter:"fadeInRight",leave:"fadeOutRight"}},[n("RightComponent",{directives:[{name:"show",rawName:"v-show",value:!t.fullView,expression:"!fullView"}],attrs:{area:"right"},on:{grid:t.handleGridModal,beauty:t.handleBeautyModal}})],1),t._v(" "),n("MapBtns",{on:{zoomin:function(e){return t.zoom("in")},zoomout:function(e){return t.zoom("out")},point:t.handlePoint},model:{value:t.fullView,callback:function(e){t.fullView=e},expression:"fullView"}}),t._v(" "),n("MapTips",{attrs:{isFull:t.fullView}}),t._v(" "),n("m-modal",{attrs:{title:"网格事件详情"},model:{value:t.gridModal,callback:function(e){t.gridModal=e},expression:"gridModal"}},[n("m-form",{attrs:{"label-width":.7,model:t.gridData,layout:t.gridLayout}}),t._v(" "),n("m-step",{attrs:{steps:t.steps,current:t.gridData.current}})],1),t._v(" "),n("m-modal",{attrs:{title:"第一网格工作站"},model:{value:t.workspaceModal,callback:function(e){t.workspaceModal=e},expression:"workspaceModal"}},[n("WorkeSpaceModal")],1),t._v(" "),n("m-drawer",{attrs:{title:"非居详情",right:"0.1rem",width:"49vw",height:"auto"},on:{close:function(e){t.fullView=!1}},model:{value:t.nonLivingModal,callback:function(e){t.nonLivingModal=e},expression:"nonLivingModal"}},[n("m-form",{attrs:{"label-width":.7,model:t.nonLivingData,layout:t.nonLivingLayout}}),t._v(" "),t.nonLivingData.photo?n("img",{staticStyle:{width:"100%","max-height":"70vh"},attrs:{src:a("g2Y0")("./"+t.nonLivingData.photo)}}):t._e()],1),t._v(" "),n("m-drawer",{attrs:{title:"详情",right:"0.1rem",width:"49vw",height:"auto"},on:{close:function(e){t.fullView=!1}},model:{value:t.normalModal,callback:function(e){t.normalModal=e},expression:"normalModal"}},[n("m-form",{staticClass:"form",attrs:{"label-width":.6,model:t.normalData,layout:t.normalLayout}}),t._v(" "),t.normalData.photo?n("img",{staticStyle:{width:"100%","max-height":"70vh"},attrs:{src:a("g2Y0")("./"+t.normalData.photo)}}):t._e()],1),t._v(" "),n("m-drawer",{attrs:{title:"美丽街区-美丽家园"},on:{close:t.closeBeauty},model:{value:t.beautyModal,callback:function(e){t.beautyModal=e},expression:"beautyModal"}},[n("div",{staticClass:"beauty-list"},t._l(t.beautyData,function(e){return n("p",{key:e.name,class:{on:t.curBeautyId===e.id},attrs:{title:e.name},on:{click:function(a){return t.handleSelectBeauty(e)}}},[t._v(t._s(e.name))])}),0)]),t._v(" "),n("m-drawer",{attrs:{title:"美丽街区-美丽家园 详情",right:"0.1rem",width:"49vw",height:"auto"},on:{close:function(e){t.fullView=!1}},model:{value:t.beautyDetailModal,callback:function(e){t.beautyDetailModal=e},expression:"beautyDetailModal"}},[n("m-form",{attrs:{"label-width":.7,model:t.beautyDetail,layout:t.beautyDetailLayout}}),t._v(" "),t.beautyDetail.photo?n("div",{staticClass:"photo-wrapper"},t._l(t.beautyDetail.photo,function(t){return n("img",{key:t,attrs:{src:a("g2Y0")("./"+t)}})}),0):t._e()],1),t._v(" "),n("m-drawer",{attrs:{title:"防寒抗冻详情",right:"0.1rem",width:"49vw",height:"auto"},on:{close:function(e){t.fullView=!1}},model:{value:t.coldModal,callback:function(e){t.coldModal=e},expression:"coldModal"}},[n("m-form",{staticClass:"form",attrs:{"label-width":.6,model:t.coldData,layout:t.coldLayout}}),t._v(" "),t.coldData.photo&&Array.isArray(t.coldData.photo)?n("div",{staticClass:"photo-wrapper"},t._l(t.coldData.photo,function(t){return n("img",{key:t,attrs:{src:a("g2Y0")("./"+t)}})}),0):t.coldData.photo?n("img",{staticStyle:{width:"100%","max-height":"70vh"},attrs:{src:a("g2Y0")("./"+t.coldData.photo)}}):t._e()],1)],1)},staticRenderFns:[]};var T=a("VU/8")(j,R,!1,function(t){a("lIJr")},"data-v-77e9fde6",null);e.default=T.exports},vXnC:function(t,e){},xdbs:function(t,e){}});
-//# sourceMappingURL=2.ad27f749f3b321530af7.js.map
\ No newline at end of file
--- a/dist/static/js/2.ad27f749f3b321530af7.js.map
+++ b/dist/static/js/2.ad27f749f3b321530af7.js.map
--- a/dist/static/js/7.2adc06a626d61874b5da.js
+++ b/dist/static/js/7.2adc06a626d61874b5da.js
+webpackJsonp([7],{afto:function(t,i){},jkqj:function(t,i,o){"use strict";Object.defineProperty(i,"__esModule",{value:!0});var n=o("Dd8w"),e=o.n(n),a=window,r=a.SMap,s=a.Plugins,u={name:"MonitorMap",data:function(){return{map:null}},mounted:function(){this.$nextTick(this.initMap)},computed:{sizeRate:function(){return Math.floor(1.48*screen.height/100/11)}},methods:{initMap:function(){var t=this;this.map=new r.Map("mapContainer",{viewMode:"2D",mapStyle:"smap://styles/dark"}).on(r.MapEvent.maploaded,function(){t.hideCommunity(),t.addListener(),t.$emit("complete")})},hideCommunity:function(){this.map.hideXQ_Poly(),this.map.hideXQ_Point(),this.map.hideMPZ()},showCommunity:function(){this.map.showXQ_Poly(),this.map.showXQ_Point(),this.map.showMPZ()},addListener:function(){var t=this;this.map.on(r.MapEvent.click,function(i,o){var n=o.mapPoint,e=n.x,a=n.y;console.log([e,a]),i.hitTest(o).then(function(i){i.results&&i.results.length>0&&t.$emit("event",i.results[0]&&i.results[0].graphic.attributes)})})},addPoint:function(t){var i=t.key,o=t.data,n=t.labelKey,e=void 0===n?null:n,a=t.icon,r=void 0===a?"test.png":a,s=t.size,u=void 0===s?14:s,d=t.color;if(this.map){var l=this.getMapPoints({data:o,key:i,labelKey:e,icon:r,size:u,color:d});return this.map.add(l),l}},remove:function(t){this.map&&t&&this.map.remove(t)},setFilter:function(t){if(0!==t.length){var i=t.map(function(t){return"sect_name_ = '"+t+"'"});this.map.setFilter("wg_gis_xq_point",i.join(" or ")),this.map.setFilter("wg_gis_mpz",i.join(" or ")),this.map.setFilter("wg_gis_xq_poly",i.join(" or "))}},getMapPoints:function(t){var i=t.data,n=void 0===i?[]:i,a=t.key,s=t.labelKey,u=t.icon,d=t.size,l=t.color,c=void 0===l?"#47B3FF":l;return n.map(function(t){var i={icon:new r.Icon({size:Array.isArray(t.size||d)?new r.Size(t.size[0]||d[0],t.size[1]||d[1]):new r.Size(t.size||d,t.size||d),image:o("g2Y0")("./"+(t.icon||u))}),attributes:e()({key:a},t),position:[t.communityMinx||t.X||t.x||t.gpsx,t.communityMiny||t.Y||t.y||t.gpsy,0]};return s&&(i.label=new r.Label({text:(t[s]||t[a])+"",size:d,color:c})),new r.Marker(i)})},focus:function(t,i){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:6;this.map&&t&&i?this.map.setZoomAndCenter(o,[t,i]):console.error("传入的坐标点不能为空")},zoomIn:function(){this.map.zoomIn()},zoomOut:function(){this.map.zoomOut()},addPolygon:function(t){var i=t.paths,o=t.fillColor,n=void 0===o?"rgba(255,255,255,.3)":o,e=t.strokeColor,a=void 0===e?"transparent":e,s=t.attributes,u=void 0===s?{}:s,d=t.style,l=void 0===d?"solid":d,c=t.strokeWeight,m=void 0===c?1:c,p=t.label,h=void 0===p?null:p,v=new r.Polygon({paths:i.map(function(t){return new r.LngLat(t[0],t[1])}),attributes:u,fillColor:n,style:l,strokeColor:a,strokeStyle:l,strokeWeight:m,label:h});return this.map.add(v),v},addPolyLine:function(t){var i=t.paths,o=t.attributes,n=void 0===o?{}:o,e=t.strokeColor,a=void 0===e?"rgba(51,145,255,.6)":e,s=t.width,u=void 0===s?2:s,d=new r.Polyline({path:i.map(function(t){return new r.LngLat(t[0],t[1])}),attributes:n,cap:"square",strokeColor:a,style:"solid",lineJoin:"round",width:u});return this.map.add(d),d},addBoundary:function(t){var i=t.name,o=t.weight,n=void 0===o?10:o,e=t.count,a=void 0===e?10:e,r=t.color,u=void 0===r?"rgba(51,145,255,.6)":r,d=t.maskColor,l={boundaryType:"jd_boundary",boundaryDefinition:"name like '%"+i+"%'",boundarydistance:n,bounarycount:a,boundaryColor:u,maskColor:void 0===d?[0,17,33,.9]:d},c=new s.MaskBoundary(this.map.view);return c.add(l),c}}},d={render:function(){var t=this.$createElement;return(this._self._c||t)("div",{attrs:{id:"mapContainer"}})},staticRenderFns:[]};var l=o("VU/8")(u,d,!1,function(t){o("afto"),o("udAJ")},"data-v-7cca37c4",null);i.default=l.exports},udAJ:function(t,i){}});
+//# sourceMappingURL=7.2adc06a626d61874b5da.js.map
\ No newline at end of file
--- a/dist/static/js/7.2adc06a626d61874b5da.js.map
+++ b/dist/static/js/7.2adc06a626d61874b5da.js.map
+{"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorMap/monitor-map.vue","webpack:///./src/components/MonitorComponents/MonitorMap/monitor-map.vue?81fa","webpack:///./src/components/MonitorComponents/MonitorMap/monitor-map.vue"],"names":["window","SMap","Plugins","monitor_map","name","data","map","mounted","this","$nextTick","initMap","computed","sizeRate","Math","floor","screen","height","methods","_this","Map","viewMode","mapStyle","on","MapEvent","maploaded","hideCommunity","addListener","$emit","hideXQ_Poly","hideXQ_Point","hideMPZ","showCommunity","showXQ_Poly","showXQ_Point","showMPZ","_this2","click","view","eventParamter","_eventParamter$mapPoi","mapPoint","x","y","console","log","hitTest","then","res","results","length","graphic","attributes","addPoint","_ref","key","_ref$labelKey","labelKey","undefined","_ref$icon","icon","_ref$size","size","color","points","getMapPoints","add","remove","setFilter","arr","valid","join","_ref2","_ref2$data","_ref2$color","item","result","Icon","Array","isArray","Size","image","__webpack_require__","extends_default","position","communityMinx","X","gpsx","communityMiny","Y","gpsy","label","Label","text","Marker","focus","zoom","arguments","setZoomAndCenter","error","zoomIn","zoomOut","addPolygon","_ref3","paths","_ref3$fillColor","fillColor","_ref3$strokeColor","strokeColor","_ref3$attributes","_ref3$style","style","_ref3$strokeWeight","strokeWeight","_ref3$label","polygon","Polygon","LngLat","strokeStyle","addPolyLine","_ref4","_ref4$attributes","_ref4$strokeColor","_ref4$width","width","polyline","Polyline","path","cap","lineJoin","addBoundary","_ref5","_ref5$weight","weight","_ref5$count","count","_ref5$color","_ref5$maskColor","maskColor","boundary","boundaryType","boundaryDefinition","boundarydistance","bounarycount","boundaryColor","Boundary","MaskBoundary","MonitorMap_monitor_map","render","_h","$createElement","_self","_c","attrs","id","staticRenderFns","Component","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"qJAKAA,OAAAC,SAAAC,YACAC,GACAC,KAAA,aACAC,KAFA,WAGA,OACAC,IAAA,OAGAC,QAPA,WAQAC,KAAAC,UAAAD,KAAAE,UAEAC,UACAC,SADA,WAEA,OAAAC,KAAAC,MAAA,KAAAC,OAAAC,OAAA,UAGAC,SACAP,QADA,WACA,IAAAQ,EAAAV,KACAA,KAAAF,IAAA,IAAAL,EAAAkB,IAAA,gBACAC,SAAA,KAGAC,SAAA,uBACAC,GAAArB,EAAAsB,SAAAC,UAAA,WACAN,EAAAO,gBACAP,EAAAQ,cAEAR,EAAAS,MAAA,eAGAF,cAdA,WAeAjB,KAAAF,IAAAsB,cACApB,KAAAF,IAAAuB,eACArB,KAAAF,IAAAwB,WAEAC,cAnBA,WAoBAvB,KAAAF,IAAA0B,cACAxB,KAAAF,IAAA2B,eACAzB,KAAAF,IAAA4B,WAEAR,YAxBA,WAwBA,IAAAS,EAAA3B,KACAA,KAAAF,IAAAgB,GAAArB,EAAAsB,SAAAa,MAAA,SAAAC,EAAAC,GAAA,IAAAC,EACAD,EAAAE,SAAAC,EADAF,EACAE,EAAAC,EADAH,EACAG,EACAC,QAAAC,KAAAH,EAAAC,IACAL,EAAAQ,QAAAP,GAAAQ,KAAA,SAAAC,GAGAA,EAAAC,SAAAD,EAAAC,QAAAC,OAAA,GAEAd,EAAAR,MAAA,QAAAoB,EAAAC,QAAA,IAAAD,EAAAC,QAAA,GAAAE,QAAAC,iBAOAC,SAxCA,SAAAC,GAwCA,IAAAC,EAAAD,EAAAC,IAAAjD,EAAAgD,EAAAhD,KAAAkD,EAAAF,EAAAG,gBAAAC,IAAAF,EAAA,KAAAA,EAAAG,EAAAL,EAAAM,YAAAF,IAAAC,EAAA,WAAAA,EAAAE,EAAAP,EAAAQ,YAAAJ,IAAAG,EAAA,GAAAA,EAAAE,EAAAT,EAAAS,MACA,GAAAtD,KAAAF,IAAA,CACA,IAAAyD,EAAAvD,KAAAwD,cAAA3D,OAAAiD,MAAAE,WAAAG,OAAAE,OAAAC,UAEA,OADAtD,KAAAF,IAAA2D,IAAAF,GACAA,IAOAG,OAnDA,SAmDAH,GACAvD,KAAAF,KAAAyD,GACAvD,KAAAF,IAAA4D,OAAAH,IAEAI,UAvDA,SAuDAC,GACA,OAAAA,EAAAnB,OAAA,CACA,IAAAoB,EAAAD,EAAA9D,IAAA,SAAAF,GACA,uBAAAA,EAAA,MAIAI,KAAAF,IAAA6D,UAAA,kBAAAE,EAAAC,KAAA,SACA9D,KAAAF,IAAA6D,UAAA,aAAAE,EAAAC,KAAA,SACA9D,KAAAF,IAAA6D,UAAA,iBAAAE,EAAAC,KAAA,WAGAN,aAnEA,SAAAO,GAmEA,IAAAC,EAAAD,EAAAlE,YAAAoD,IAAAe,OAAAlB,EAAAiB,EAAAjB,IAAAE,EAAAe,EAAAf,SAAAG,EAAAY,EAAAZ,KAAAE,EAAAU,EAAAV,KAAAY,EAAAF,EAAAT,aAAAL,IAAAgB,EAAA,UAAAA,EACA,OAAApE,EAAAC,IAAA,SAAAoE,GACA,IAAAC,GACAhB,KAAA,IAAA1D,EAAA2E,MACAf,KAAAgB,MAAAC,QAAAJ,EAAAb,SAAA,IAAA5D,EAAA8E,KAAAL,EAAAb,KAAA,IAAAA,EAAA,GAAAa,EAAAb,KAAA,IAAAA,EAAA,QAAA5D,EAAA8E,KAAAL,EAAAb,QAAAa,EAAAb,SACAmB,MAAAC,EAAA,OAAAA,CAAA,MAAAP,EAAAf,YAEAR,WAAsB+B,KAAtB5B,OAAAoB,GACAS,UAAAT,EAAAU,eAAAV,EAAAW,GAAAX,EAAAjC,GAAAiC,EAAAY,KAAAZ,EAAAa,eAAAb,EAAAc,GAAAd,EAAAhC,GAAAgC,EAAAe,KAAA,IASA,OAPAjC,IACAmB,EAAAe,MAAA,IAAAzF,EAAA0F,OACAC,MAAAlB,EAAAlB,IAAAkB,EAAApB,IAAA,GACAO,OACAC,WAGA,IAAA7D,EAAA4F,OAAAlB,MAUAmB,MA9FA,SA8FArD,EAAAC,GAAA,IAAAqD,EAAAC,UAAA/C,OAAA,QAAAQ,IAAAuC,UAAA,GAAAA,UAAA,KACAxF,KAAAF,KAAAmC,GAAAC,EAIAlC,KAAAF,IAAA2F,iBAAAF,GAAAtD,EAAAC,IAHAC,QAAAuD,MAAA,eASAC,OAzGA,WA0GA3F,KAAAF,IAAA6F,UAMAC,QAhHA,WAiHA5F,KAAAF,IAAA8F,WAGAC,WApHA,SAAAC,GAoHA,IAAAC,EAAAD,EAAAC,MAAAC,EAAAF,EAAAG,iBAAAhD,IAAA+C,EAAA,uBAAAA,EAAAE,EAAAJ,EAAAK,mBAAAlD,IAAAiD,EAAA,cAAAA,EAAAE,EAAAN,EAAAnD,kBAAAM,IAAAmD,OAAAC,EAAAP,EAAAQ,aAAArD,IAAAoD,EAAA,QAAAA,EAAAE,EAAAT,EAAAU,oBAAAvD,IAAAsD,EAAA,EAAAA,EAAAE,EAAAX,EAAAZ,aAAAjC,IAAAwD,EAAA,KAAAA,EACAC,EAAA,IAAAjH,EAAAkH,SACAZ,QAAAjG,IAAA,SAAAoE,GAAA,WAAAzE,EAAAmH,OAAA1C,EAAA,GAAAA,EAAA,MACAvB,aACAsD,YACAK,QACAH,cACAU,YAAAP,EACAE,eACAtB,UAGA,OADAlF,KAAAF,IAAA2D,IAAAiD,GACAA,GAGAI,YAnIA,SAAAC,GAmIA,IAAAhB,EAAAgB,EAAAhB,MAAAiB,EAAAD,EAAApE,kBAAAM,IAAA+D,OAAAC,EAAAF,EAAAZ,mBAAAlD,IAAAgE,EAAA,sBAAAA,EAAAC,EAAAH,EAAAI,aAAAlE,IAAAiE,EAAA,EAAAA,EACAE,EAAA,IAAA3H,EAAA4H,UACAC,KAAAvB,EAAAjG,IAAA,SAAAoE,GAAA,WAAAzE,EAAAmH,OAAA1C,EAAA,GAAAA,EAAA,MACAvB,aACA4E,IAAA,SACApB,cACAG,MAAA,QACAkB,SAAA,QACAL,UAGA,OADAnH,KAAAF,IAAA2D,IAAA2D,GACAA,GAGAK,YAjJA,SAAAC,GAiJA,IAAA9H,EAAA8H,EAAA9H,KAAA+H,EAAAD,EAAAE,cAAA3E,IAAA0E,EAAA,GAAAA,EAAAE,EAAAH,EAAAI,aAAA7E,IAAA4E,EAAA,GAAAA,EAAAE,EAAAL,EAAApE,aAAAL,IAAA8E,EAAA,sBAAAA,EAAAC,EAAAN,EAAAO,UACAC,GACAC,aAAA,cACAC,mBAAA,eAAAxI,EAAA,KACAyI,iBAAAT,EACAU,aAAAR,EACAS,cAAAjF,EACA2E,eAPAhF,IAAA+E,GAAA,YAAAA,GASAQ,EAAA,IAAA9I,EAAA+I,aAAAzI,KAAAF,IAAA+B,MAEA,OADA2G,EAAA/E,IAAAyE,GACAM,KC9KeE,GADEC,OAFjB,WAA0B,IAAaC,EAAb5I,KAAa6I,eAAkD,OAA/D7I,KAAuC8I,MAAAC,IAAAH,GAAwB,OAAiBI,OAAOC,GAAA,mBAEhGC,oBCEjB,IAcAC,EAdyB1E,EAAQ,OAcjC2E,CACEzJ,EACA+I,GATF,EAXA,SAAAW,GACE5E,EAAQ,QACRA,EAAQ,SAaV,kBAEA,MAUe6E,EAAA,QAAAH,EAAiB","file":"static/js/7.2adc06a626d61874b5da.js","sourcesContent":["<template>\n  <div id=\"mapContainer\" />\n</template>\n\n<script>\nconst {SMap, Plugins} = window\nexport default {\n  name: 'MonitorMap',\n  data() {\n    return {\n      map: null,\n    }\n  },\n  mounted() {\n    this.$nextTick(this.initMap)\n  },\n  computed: {\n    sizeRate() {\n      return Math.floor(screen.height * 1.48 / 100 / 11)\n    },\n  },\n  methods: {\n    initMap() {\n      this.map = new SMap.Map('mapContainer', {\n        viewMode: '2D',\n        // center: [0,0],\n        // zooms: [6, 9],\n        mapStyle: 'smap://styles/dark',\n      }).on(SMap.MapEvent.maploaded, () => {\n        this.hideCommunity()\n        this.addListener()\n        // this.map.enableMouseEvent(false) // 禁用鼠标\n        this.$emit('complete')\n      })\n    },\n    hideCommunity() {\n      this.map.hideXQ_Poly()\n      this.map.hideXQ_Point()\n      this.map.hideMPZ()\n    },\n    showCommunity() {\n      this.map.showXQ_Poly()\n      this.map.showXQ_Point()\n      this.map.showMPZ()\n    },\n    addListener() { // 触发地图点击事件\n      this.map.on(SMap.MapEvent.click, (view, eventParamter) => {\n        const {x, y} = eventParamter.mapPoint\n        console.log([x, y])\n        view.hitTest(eventParamter).then(res => {\n          // const {x, y} = res.results[0].graphic.geometry.centroid\n          // console.log([x, y])\n          if (res.results && res.results.length > 0) {\n            // console.log('click', res)\n            this.$emit('event', res.results[0] && res.results[0].graphic.attributes)\n          }\n        })\n      })\n    },\n\n    // 添加点\n    addPoint({key, data, labelKey = null, icon = 'test.png', size = 14, color}) {\n      if (!this.map) return\n      const points = this.getMapPoints({data, key, labelKey, icon, size, color})\n      this.map.add(points)\n      return points\n      // const overlayGroup = new SMap.OverlayGroup(points)\n      // this.map.add(overlayGroup)\n      // return overlayGroup\n    },\n\n    // 删除点\n    remove(points) {\n      if (!this.map || !points) return\n      this.map.remove(points)\n    },\n    setFilter(arr) {\n      if (arr.length === 0) return\n      const valid = arr.map(name => {\n        return `sect_name_ = '${name}'`\n        // return `sect_guid = '${name}'`\n      })\n      // console.log('id---', valid.join(' or '))\n      this.map.setFilter('wg_gis_xq_point', valid.join(' or '))\n      this.map.setFilter('wg_gis_mpz', valid.join(' or '))\n      this.map.setFilter('wg_gis_xq_poly', valid.join(' or '))\n    },\n    // 将数据转换为符合地图的点数组\n    getMapPoints({data = [], key, labelKey, icon, size, color = '#47B3FF'}) {\n      return data.map(item => {\n        const result = {\n          icon: new SMap.Icon({\n            size: Array.isArray(item.size || size) ? new SMap.Size(item.size[0] || size[0], item.size[1] || size[1]) : new SMap.Size(item.size || size, item.size || size),\n            image: require(`@/assets/images/${item.icon || icon}`),\n          }),\n          attributes: {key, ...item},\n          position: [item.communityMinx || item.X || item.x || item.gpsx, item.communityMiny || item.Y || item.y || item.gpsy, 0],\n        }\n        if (labelKey) {\n          result.label = new SMap.Label({\n            text: (item[labelKey] || item[key]) + '',\n            size,\n            color,\n          })\n        }\n        return new SMap.Marker(result)\n      })\n    },\n\n    /**\n     * ------  聚焦点位 -------\n     * @param {String} x [必填 - x坐标]\n     * @param {String} y [必填 - y坐标]\n     * @param {Number} zoom [可选 - 放大比例（默认为6）]\n     */\n    focus(x, y, zoom = 6) {\n      if (!this.map || !x || !y ) {\n        console.error('传入的坐标点不能为空')\n        return\n      }\n      this.map.setZoomAndCenter(zoom, [x, y])\n    },\n\n    /**\n     * ------  放大 -------\n     */\n    zoomIn() {\n      this.map.zoomIn()\n    },\n\n    /**\n     * ------  缩小 -------\n     */\n    zoomOut() {\n      this.map.zoomOut()\n    },\n    // 添加面\n    addPolygon({paths, fillColor = 'rgba(255,255,255,.3)', strokeColor = 'transparent', attributes = {}, style = 'solid', strokeWeight = 1, label = null}) {\n      const polygon = new SMap.Polygon({\n        paths: paths.map(item => new SMap.LngLat(item[0], item[1])),\n        attributes,\n        fillColor,\n        style,\n        strokeColor,\n        strokeStyle: style,\n        strokeWeight,\n        label,\n      })\n      this.map.add(polygon)\n      return polygon\n    },\n    // 添加线状覆盖物\n    addPolyLine({paths, attributes = {}, strokeColor = 'rgba(51,145,255,.6)', width = 2}) {\n      const polyline = new SMap.Polyline({\n        path: paths.map(item => new SMap.LngLat(item[0], item[1])),\n        attributes,\n        cap: 'square',\n        strokeColor,\n        style: 'solid',\n        lineJoin: 'round',\n        width,\n      })\n      this.map.add(polyline)\n      return polyline\n    },\n    // 添加边界\n    addBoundary({name, weight = 10, count = 10, color = 'rgba(51,145,255,.6)', maskColor = [0, 17, 33, 0.9]}) {\n      const boundary = {\n        boundaryType: 'jd_boundary',\n        boundaryDefinition: `name like '%${name}%'`,\n        boundarydistance: weight,\n        bounarycount: count,\n        boundaryColor: color,\n        maskColor: maskColor,\n      }\n      const Boundary = new Plugins.MaskBoundary(this.map.view)\n      Boundary.add(boundary)\n      return Boundary\n    },\n  },\n}\n</script>\n\n<style lang=\"stylus\">\n  .esri-component.esri-attribution.esri-widget\n    display none !important\n</style>\n<style lang=\"stylus\" scoped>\n#mapContainer\n  width 100%\n  height 100vh\n  background-color #001021\n  position fixed\n  top 0\n  left 0\n  right 0\n  bottom 0\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorMap/monitor-map.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"mapContainer\"}})}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-7cca37c4\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/MonitorComponents/MonitorMap/monitor-map.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n  require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true,\\\"publicPath\\\":\\\"../../\\\"}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-7cca37c4\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!stylus-loader?{\\\"import\\\":[\\\"/Users/MrGuo/Workspace/east-nanjing/src/assets/css/variables.styl\\\"],\\\"path\\\":[\\\"/Users/MrGuo/Workspace/east-nanjing/src/assets\\\",\\\"/Users/MrGuo/Workspace/east-nanjing/\\\"],\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./monitor-map.vue\")\n  require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true,\\\"publicPath\\\":\\\"../../\\\"}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-7cca37c4\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!stylus-loader?{\\\"import\\\":[\\\"/Users/MrGuo/Workspace/east-nanjing/src/assets/css/variables.styl\\\"],\\\"path\\\":[\\\"/Users/MrGuo/Workspace/east-nanjing/src/assets\\\",\\\"/Users/MrGuo/Workspace/east-nanjing/\\\"],\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=1!./monitor-map.vue\")\n}\nvar normalizeComponent = require(\"!../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-map.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-map.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-7cca37c4\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./monitor-map.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-7cca37c4\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/MonitorComponents/MonitorMap/monitor-map.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}
\ No newline at end of file
--- a/dist/static/js/7.d0ea0413c3a04b154142.js
+++ b/dist/static/js/7.d0ea0413c3a04b154142.js
-webpackJsonp([7],{"4CER":function(t,i){},EOBP:function(t,i){},jkqj:function(t,i,o){"use strict";Object.defineProperty(i,"__esModule",{value:!0});var n=o("Dd8w"),e=o.n(n),a=window,r=a.SMap,s=a.Plugins,u={name:"MonitorMap",data:function(){return{map:null}},mounted:function(){this.$nextTick(this.initMap)},computed:{sizeRate:function(){return Math.floor(1.48*screen.height/100/11)}},methods:{initMap:function(){var t=this;this.map=new r.Map("mapContainer",{viewMode:"2D",mapStyle:"smap://styles/dark"}).on(r.MapEvent.maploaded,function(){t.addListener(),t.$emit("complete")})},hideCommunity:function(){this.map.hideXQ_Poly(),this.map.hideXQ_Point(),this.map.hideMPZ()},showCommunity:function(){this.map.showXQ_Poly(),this.map.showXQ_Point(),this.map.showMPZ()},addListener:function(){var t=this;this.map.on(r.MapEvent.click,function(i,o){var n=o.mapPoint,e=n.x,a=n.y;console.log([e,a]),i.hitTest(o).then(function(i){i.results&&i.results.length>0&&t.$emit("event",i.results[0]&&i.results[0].graphic.attributes)})})},addPoint:function(t){var i=t.key,o=t.data,n=t.labelKey,e=void 0===n?null:n,a=t.icon,r=void 0===a?"test.png":a,s=t.size,u=void 0===s?14:s,l=t.color;if(this.map){var d=this.getMapPoints({data:o,key:i,labelKey:e,icon:r,size:u,color:l});return this.map.add(d),d}},remove:function(t){this.map&&t&&this.map.remove(t)},setFilter:function(t){var i=t.map(function(t){return"sect_name_ = '"+t+"'"});this.map.setFilter("wg_gis_xq_point",i.join(" or ")),this.map.setFilter("wg_gis_mpz",i.join(" or ")),this.map.setFilter("wg_gis_xq_poly",i.join(" or "))},getMapPoints:function(t){var i=t.data,n=void 0===i?[]:i,a=t.key,s=t.labelKey,u=t.icon,l=t.size,d=t.color,c=void 0===d?"#47B3FF":d;return n.map(function(t){var i={icon:new r.Icon({size:Array.isArray(t.size||l)?new r.Size(t.size[0]||l[0],t.size[1]||l[1]):new r.Size(t.size||l,t.size||l),image:o("g2Y0")("./"+(t.icon||u))}),attributes:e()({key:a},t),position:[t.communityMinx||t.X||t.x||t.gpsx,t.communityMiny||t.Y||t.y||t.gpsy,0]};return s&&(i.label=new r.Label({text:(t[s]||t[a])+"",size:l,color:c})),new r.Marker(i)})},focus:function(t,i){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:6;this.map&&t&&i?this.map.setZoomAndCenter(o,[t,i]):console.error("传入的坐标点不能为空")},zoomIn:function(){this.map.zoomIn()},zoomOut:function(){this.map.zoomOut()},addPolygon:function(t){var i=t.paths,o=t.fillColor,n=void 0===o?"rgba(255,255,255,.3)":o,e=t.strokeColor,a=void 0===e?"transparent":e,s=t.attributes,u=void 0===s?{}:s,l=t.style,d=void 0===l?"solid":l,c=t.strokeWeight,m=void 0===c?1:c,p=t.label,h=void 0===p?null:p,v=new r.Polygon({paths:i.map(function(t){return new r.LngLat(t[0],t[1])}),attributes:u,fillColor:n,style:d,strokeColor:a,strokeStyle:d,strokeWeight:m,label:h});return this.map.add(v),v},addPolyLine:function(t){var i=t.paths,o=t.attributes,n=void 0===o?{}:o,e=t.strokeColor,a=void 0===e?"rgba(51,145,255,.6)":e,s=t.width,u=void 0===s?2:s,l=new r.Polyline({path:i.map(function(t){return new r.LngLat(t[0],t[1])}),attributes:n,cap:"square",strokeColor:a,style:"solid",lineJoin:"round",width:u});return this.map.add(l),l},addBoundary:function(t){var i=t.name,o=t.weight,n=void 0===o?10:o,e=t.count,a=void 0===e?10:e,r=t.color,u=void 0===r?"rgba(51,145,255,.6)":r,l=t.maskColor,d={boundaryType:"jd_boundary",boundaryDefinition:"name like '%"+i+"%'",boundarydistance:n,bounarycount:a,boundaryColor:u,maskColor:void 0===l?[0,17,33,.9]:l},c=new s.MaskBoundary(this.map.view);return c.add(d),c}}},l={render:function(){var t=this.$createElement;return(this._self._c||t)("div",{attrs:{id:"mapContainer"}})},staticRenderFns:[]};var d=o("VU/8")(u,l,!1,function(t){o("EOBP"),o("4CER")},"data-v-29c2630c",null);i.default=d.exports}});
-//# sourceMappingURL=7.d0ea0413c3a04b154142.js.map
\ No newline at end of file
--- a/dist/static/js/7.d0ea0413c3a04b154142.js.map
+++ b/dist/static/js/7.d0ea0413c3a04b154142.js.map
-{"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorMap/monitor-map.vue","webpack:///./src/components/MonitorComponents/MonitorMap/monitor-map.vue?d6aa","webpack:///./src/components/MonitorComponents/MonitorMap/monitor-map.vue"],"names":["window","SMap","Plugins","monitor_map","name","data","map","mounted","this","$nextTick","initMap","computed","sizeRate","Math","floor","screen","height","methods","_this","Map","viewMode","mapStyle","on","MapEvent","maploaded","addListener","$emit","hideCommunity","hideXQ_Poly","hideXQ_Point","hideMPZ","showCommunity","showXQ_Poly","showXQ_Point","showMPZ","_this2","click","view","eventParamter","_eventParamter$mapPoi","mapPoint","x","y","console","log","hitTest","then","res","results","length","graphic","attributes","addPoint","_ref","key","_ref$labelKey","labelKey","undefined","_ref$icon","icon","_ref$size","size","color","points","getMapPoints","add","remove","setFilter","arr","valid","join","_ref2","_ref2$data","_ref2$color","item","result","Icon","Array","isArray","Size","image","__webpack_require__","extends_default","position","communityMinx","X","gpsx","communityMiny","Y","gpsy","label","Label","text","Marker","focus","zoom","arguments","setZoomAndCenter","error","zoomIn","zoomOut","addPolygon","_ref3","paths","_ref3$fillColor","fillColor","_ref3$strokeColor","strokeColor","_ref3$attributes","_ref3$style","style","_ref3$strokeWeight","strokeWeight","_ref3$label","polygon","Polygon","LngLat","strokeStyle","addPolyLine","_ref4","_ref4$attributes","_ref4$strokeColor","_ref4$width","width","polyline","Polyline","path","cap","lineJoin","addBoundary","_ref5","_ref5$weight","weight","_ref5$count","count","_ref5$color","_ref5$maskColor","maskColor","boundary","boundaryType","boundaryDefinition","boundarydistance","bounarycount","boundaryColor","Boundary","MaskBoundary","MonitorMap_monitor_map","render","_h","$createElement","_self","_c","attrs","id","staticRenderFns","Component","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"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","file":"static/js/7.d0ea0413c3a04b154142.js","sourcesContent":["<template>\n  <div id=\"mapContainer\" />\n</template>\n\n<script>\nconst {SMap, Plugins} = window\nexport default {\n  name: 'MonitorMap',\n  data() {\n    return {\n      map: null,\n    }\n  },\n  mounted() {\n    this.$nextTick(this.initMap)\n  },\n  computed: {\n    sizeRate() {\n      return Math.floor(screen.height * 1.48 / 100 / 11)\n    },\n  },\n  methods: {\n    initMap() {\n      this.map = new SMap.Map('mapContainer', {\n        viewMode: '2D',\n        // center: [0,0],\n        // zooms: [6, 9],\n        mapStyle: 'smap://styles/dark',\n      }).on(SMap.MapEvent.maploaded, () => {\n        // this.hideCommunity()\n        this.addListener()\n        // this.map.enableMouseEvent(false) // 禁用鼠标\n        this.$emit('complete')\n      })\n    },\n    hideCommunity() {\n      this.map.hideXQ_Poly()\n      this.map.hideXQ_Point()\n      this.map.hideMPZ()\n    },\n    showCommunity() {\n      this.map.showXQ_Poly()\n      this.map.showXQ_Point()\n      this.map.showMPZ()\n    },\n    addListener() { // 触发地图点击事件\n      this.map.on(SMap.MapEvent.click, (view, eventParamter) => {\n        const {x, y} = eventParamter.mapPoint\n        console.log([x, y])\n        view.hitTest(eventParamter).then(res => {\n          // const {x, y} = res.results[0].graphic.geometry.centroid\n          // console.log([x, y])\n          if (res.results && res.results.length > 0) {\n            // console.log('click', res)\n            this.$emit('event', res.results[0] && res.results[0].graphic.attributes)\n          }\n        })\n      })\n    },\n\n    // 添加点\n    addPoint({key, data, labelKey = null, icon = 'test.png', size = 14, color}) {\n      if (!this.map) return\n      const points = this.getMapPoints({data, key, labelKey, icon, size, color})\n      this.map.add(points)\n      return points\n      // const overlayGroup = new SMap.OverlayGroup(points)\n      // this.map.add(overlayGroup)\n      // return overlayGroup\n    },\n\n    // 删除点\n    remove(points) {\n      if (!this.map || !points) return\n      this.map.remove(points)\n    },\n    setFilter(arr) {\n      const valid = arr.map(name => {\n        return `sect_name_ = '${name}'`\n        // return `sect_guid = '${name}'`\n      })\n      // console.log('id---', valid.join(' or '))\n      this.map.setFilter('wg_gis_xq_point', valid.join(' or '))\n      this.map.setFilter('wg_gis_mpz', valid.join(' or '))\n      this.map.setFilter('wg_gis_xq_poly', valid.join(' or '))\n    },\n    // 将数据转换为符合地图的点数组\n    getMapPoints({data = [], key, labelKey, icon, size, color = '#47B3FF'}) {\n      return data.map(item => {\n        const result = {\n          icon: new SMap.Icon({\n            size: Array.isArray(item.size || size) ? new SMap.Size(item.size[0] || size[0], item.size[1] || size[1]) : new SMap.Size(item.size || size, item.size || size),\n            image: require(`@/assets/images/${item.icon || icon}`),\n          }),\n          attributes: {key, ...item},\n          position: [item.communityMinx || item.X || item.x || item.gpsx, item.communityMiny || item.Y || item.y || item.gpsy, 0],\n        }\n        if (labelKey) {\n          result.label = new SMap.Label({\n            text: (item[labelKey] || item[key]) + '',\n            size,\n            color,\n          })\n        }\n        return new SMap.Marker(result)\n      })\n    },\n\n    /**\n     * ------  聚焦点位 -------\n     * @param {String} x [必填 - x坐标]\n     * @param {String} y [必填 - y坐标]\n     * @param {Number} zoom [可选 - 放大比例（默认为6）]\n     */\n    focus(x, y, zoom = 6) {\n      if (!this.map || !x || !y ) {\n        console.error('传入的坐标点不能为空')\n        return\n      }\n      this.map.setZoomAndCenter(zoom, [x, y])\n    },\n\n    /**\n     * ------  放大 -------\n     */\n    zoomIn() {\n      this.map.zoomIn()\n    },\n\n    /**\n     * ------  缩小 -------\n     */\n    zoomOut() {\n      this.map.zoomOut()\n    },\n    // 添加面\n    addPolygon({paths, fillColor = 'rgba(255,255,255,.3)', strokeColor = 'transparent', attributes = {}, style = 'solid', strokeWeight = 1, label = null}) {\n      const polygon = new SMap.Polygon({\n        paths: paths.map(item => new SMap.LngLat(item[0], item[1])),\n        attributes,\n        fillColor,\n        style,\n        strokeColor,\n        strokeStyle: style,\n        strokeWeight,\n        label,\n      })\n      this.map.add(polygon)\n      return polygon\n    },\n    // 添加线状覆盖物\n    addPolyLine({paths, attributes = {}, strokeColor = 'rgba(51,145,255,.6)', width = 2}) {\n      const polyline = new SMap.Polyline({\n        path: paths.map(item => new SMap.LngLat(item[0], item[1])),\n        attributes,\n        cap: 'square',\n        strokeColor,\n        style: 'solid',\n        lineJoin: 'round',\n        width,\n      })\n      this.map.add(polyline)\n      return polyline\n    },\n    // 添加边界\n    addBoundary({name, weight = 10, count = 10, color = 'rgba(51,145,255,.6)', maskColor = [0, 17, 33, 0.9]}) {\n      const boundary = {\n        boundaryType: 'jd_boundary',\n        boundaryDefinition: `name like '%${name}%'`,\n        boundarydistance: weight,\n        bounarycount: count,\n        boundaryColor: color,\n        maskColor: maskColor,\n      }\n      const Boundary = new Plugins.MaskBoundary(this.map.view)\n      Boundary.add(boundary)\n      return Boundary\n    },\n  },\n}\n</script>\n\n<style lang=\"stylus\">\n  .esri-component.esri-attribution.esri-widget\n    display none !important\n</style>\n<style lang=\"stylus\" scoped>\n#mapContainer\n  width 100%\n  height 100vh\n  background-color #001021\n  position fixed\n  top 0\n  left 0\n  right 0\n  bottom 0\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorMap/monitor-map.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"mapContainer\"}})}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-29c2630c\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/MonitorComponents/MonitorMap/monitor-map.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n  require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true,\\\"publicPath\\\":\\\"../../\\\"}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-29c2630c\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!stylus-loader?{\\\"import\\\":[\\\"/Users/MrGuo/Workspace/east-nanjing/src/assets/css/variables.styl\\\"],\\\"path\\\":[\\\"/Users/MrGuo/Workspace/east-nanjing/src/assets\\\",\\\"/Users/MrGuo/Workspace/east-nanjing/\\\"],\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./monitor-map.vue\")\n  require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true,\\\"publicPath\\\":\\\"../../\\\"}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-29c2630c\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!stylus-loader?{\\\"import\\\":[\\\"/Users/MrGuo/Workspace/east-nanjing/src/assets/css/variables.styl\\\"],\\\"path\\\":[\\\"/Users/MrGuo/Workspace/east-nanjing/src/assets\\\",\\\"/Users/MrGuo/Workspace/east-nanjing/\\\"],\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=1!./monitor-map.vue\")\n}\nvar normalizeComponent = require(\"!../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-map.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-map.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-29c2630c\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./monitor-map.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-29c2630c\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/MonitorComponents/MonitorMap/monitor-map.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}
\ No newline at end of file
--- a/dist/static/js/app.22d639f47cfa07342a02.js
+++ b/dist/static/js/app.22d639f47cfa07342a02.js
--- a/dist/static/js/app.22d639f47cfa07342a02.js.map
+++ b/dist/static/js/app.22d639f47cfa07342a02.js.map
--- a/dist/static/js/app.315e4e31ad1fe207d395.js
+++ b/dist/static/js/app.315e4e31ad1fe207d395.js
--- a/dist/static/js/app.315e4e31ad1fe207d395.js.map
+++ b/dist/static/js/app.315e4e31ad1fe207d395.js.map
--- a/dist/static/js/manifest.4a2448573f8458d0d93f.js
+++ b/dist/static/js/manifest.4a2448573f8458d0d93f.js
-!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,o){for(var f,d,b,i=0,u=[];i<r.length;i++)d=r[i],t[d]&&u.push(t[d][0]),t[d]=0;for(f in c)Object.prototype.hasOwnProperty.call(c,f)&&(e[f]=c[f]);for(n&&n(r,c,o);u.length;)u.shift()();if(o)for(i=0;i<o.length;i++)b=a(a.s=o[i]);return b};var r={},t={25:0};function a(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,a),t.l=!0,t.exports}a.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,a){n=t[e]=[r,a]});n[2]=r;var c=document.getElementsByTagName("head")[0],o=document.createElement("script");o.type="text/javascript",o.charset="utf-8",o.async=!0,o.timeout=12e4,a.nc&&o.setAttribute("nonce",a.nc),o.src=a.p+"static/js/"+e+"."+{0:"d67c1b54497bca5732c1",1:"3dab2f03f71b0f0b1713",2:"ad27f749f3b321530af7",3:"ad4ee5a96965c56d8caf",4:"a46e55b2b83af355e6c8",5:"8d38d044dc9e96d56699",6:"b4bee5960cbbfd744133",7:"d0ea0413c3a04b154142",8:"8a6b22163b5bfcc9466a",9:"2e90654263237c67e337",10:"87620061e05ff5870743",11:"a46d5ac57625764ad2be",12:"d6456664f1e4baa71c20",13:"ae1e82db8885c816fd6b",14:"cb69db1f9056d9e7b17f",15:"353d417a5ed863ccb3d2",16:"f7a75116f7b71310e271",17:"fff71e6a37ad22903519",18:"c4d6f4db971fd6a53de5",21:"5fe24bc860088be1b528",22:"c26ff53165d90faf9c4f",23:"795fee1c52905a188792",24:"ec1d710a9e7c95e61e7b"}[e]+".js";var f=setTimeout(d,12e4);function d(){o.onerror=o.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return o.onerror=o.onload=d,c.appendChild(o),r},a.m=e,a.c=r,a.d=function(e,n,r){a.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},a.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(n,"a",n),n},a.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},a.p="./",a.oe=function(e){throw console.error(e),e}}([]);
+!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,o){for(var f,d,b,i=0,u=[];i<r.length;i++)d=r[i],t[d]&&u.push(t[d][0]),t[d]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,o);u.length;)u.shift()();if(o)for(i=0;i<o.length;i++)b=c(c.s=o[i]);return b};var r={},t={25:0};function c(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,c),t.l=!0,t.exports}c.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,c){n=t[e]=[r,c]});n[2]=r;var a=document.getElementsByTagName("head")[0],o=document.createElement("script");o.type="text/javascript",o.charset="utf-8",o.async=!0,o.timeout=12e4,c.nc&&o.setAttribute("nonce",c.nc),o.src=c.p+"static/js/"+e+"."+{0:"d67c1b54497bca5732c1",1:"3dab2f03f71b0f0b1713",2:"52ff46b6b15222e043d6",3:"ad4ee5a96965c56d8caf",4:"a46e55b2b83af355e6c8",5:"8d38d044dc9e96d56699",6:"b4bee5960cbbfd744133",7:"2adc06a626d61874b5da",8:"8a6b22163b5bfcc9466a",9:"2e90654263237c67e337",10:"87620061e05ff5870743",11:"a46d5ac57625764ad2be",12:"d6456664f1e4baa71c20",13:"ae1e82db8885c816fd6b",14:"cb69db1f9056d9e7b17f",15:"353d417a5ed863ccb3d2",16:"f7a75116f7b71310e271",17:"fff71e6a37ad22903519",18:"c4d6f4db971fd6a53de5",21:"5fe24bc860088be1b528",22:"c26ff53165d90faf9c4f",23:"795fee1c52905a188792",24:"ec1d710a9e7c95e61e7b"}[e]+".js";var f=setTimeout(d,12e4);function d(){o.onerror=o.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return o.onerror=o.onload=d,a.appendChild(o),r},c.m=e,c.c=r,c.d=function(e,n,r){c.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},c.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(n,"a",n),n},c.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},c.p="./",c.oe=function(e){throw console.error(e),e}}([]);
-//# sourceMappingURL=manifest.4a2448573f8458d0d93f.js.map
+//# sourceMappingURL=manifest.3dc1820374cd7ed2f9ef.js.map
\ No newline at end of file
--- a/dist/static/js/manifest.4a2448573f8458d0d93f.js.map
+++ b/dist/static/js/manifest.4a2448573f8458d0d93f.js.map
-{"version":3,"sources":["webpack:///webpack/bootstrap ce612fa2b599b539b5b3"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","25","exports","module","l","e","installedChunkData","Promise","resolve","promise","reject","head","document","getElementsByTagName","script","createElement","type","charset","async","timeout","nc","setAttribute","src","p","0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","21","22","23","24","setTimeout","onScriptComplete","onerror","onload","clearTimeout","chunk","Error","undefined","appendChild","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","oe","err","console","error"],"mappings":"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","file":"static/js/manifest.4a2448573f8458d0d93f.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t25: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tvar installedChunkData = installedChunks[chunkId];\n \t\tif(installedChunkData === 0) {\n \t\t\treturn new Promise(function(resolve) { resolve(); });\n \t\t}\n\n \t\t// a Promise means \"currently loading\".\n \t\tif(installedChunkData) {\n \t\t\treturn installedChunkData[2];\n \t\t}\n\n \t\t// setup Promise in chunk cache\n \t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n \t\t});\n \t\tinstalledChunkData[2] = promise;\n\n \t\t// start chunk loading\n \t\tvar head = document.getElementsByTagName('head')[0];\n \t\tvar script = document.createElement('script');\n \t\tscript.type = \"text/javascript\";\n \t\tscript.charset = 'utf-8';\n \t\tscript.async = true;\n \t\tscript.timeout = 120000;\n\n \t\tif (__webpack_require__.nc) {\n \t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t}\n \t\tscript.src = __webpack_require__.p + \"static/js/\" + chunkId + \".\" + {\"0\":\"d67c1b54497bca5732c1\",\"1\":\"3dab2f03f71b0f0b1713\",\"2\":\"ad27f749f3b321530af7\",\"3\":\"ad4ee5a96965c56d8caf\",\"4\":\"a46e55b2b83af355e6c8\",\"5\":\"8d38d044dc9e96d56699\",\"6\":\"b4bee5960cbbfd744133\",\"7\":\"d0ea0413c3a04b154142\",\"8\":\"8a6b22163b5bfcc9466a\",\"9\":\"2e90654263237c67e337\",\"10\":\"87620061e05ff5870743\",\"11\":\"a46d5ac57625764ad2be\",\"12\":\"d6456664f1e4baa71c20\",\"13\":\"ae1e82db8885c816fd6b\",\"14\":\"cb69db1f9056d9e7b17f\",\"15\":\"353d417a5ed863ccb3d2\",\"16\":\"f7a75116f7b71310e271\",\"17\":\"fff71e6a37ad22903519\",\"18\":\"c4d6f4db971fd6a53de5\",\"21\":\"5fe24bc860088be1b528\",\"22\":\"c26ff53165d90faf9c4f\",\"23\":\"795fee1c52905a188792\",\"24\":\"ec1d710a9e7c95e61e7b\"}[chunkId] + \".js\";\n \t\tvar timeout = setTimeout(onScriptComplete, 120000);\n \t\tscript.onerror = script.onload = onScriptComplete;\n \t\tfunction onScriptComplete() {\n \t\t\t// avoid mem leaks in IE.\n \t\t\tscript.onerror = script.onload = null;\n \t\t\tclearTimeout(timeout);\n \t\t\tvar chunk = installedChunks[chunkId];\n \t\t\tif(chunk !== 0) {\n \t\t\t\tif(chunk) {\n \t\t\t\t\tchunk[1](new Error('Loading chunk ' + chunkId + ' failed.'));\n \t\t\t\t}\n \t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t}\n \t\t};\n \t\thead.appendChild(script);\n\n \t\treturn promise;\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"./\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap ce612fa2b599b539b5b3"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///webpack/bootstrap 020dfe09d7a84fd4458d"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","25","exports","module","l","e","installedChunkData","Promise","resolve","promise","reject","head","document","getElementsByTagName","script","createElement","type","charset","async","timeout","nc","setAttribute","src","p","0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","21","22","23","24","setTimeout","onScriptComplete","onerror","onload","clearTimeout","chunk","Error","undefined","appendChild","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","oe","err","console","error"],"mappings":"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","file":"static/js/manifest.3dc1820374cd7ed2f9ef.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t25: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tvar installedChunkData = installedChunks[chunkId];\n \t\tif(installedChunkData === 0) {\n \t\t\treturn new Promise(function(resolve) { resolve(); });\n \t\t}\n\n \t\t// a Promise means \"currently loading\".\n \t\tif(installedChunkData) {\n \t\t\treturn installedChunkData[2];\n \t\t}\n\n \t\t// setup Promise in chunk cache\n \t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n \t\t});\n \t\tinstalledChunkData[2] = promise;\n\n \t\t// start chunk loading\n \t\tvar head = document.getElementsByTagName('head')[0];\n \t\tvar script = document.createElement('script');\n \t\tscript.type = \"text/javascript\";\n \t\tscript.charset = 'utf-8';\n \t\tscript.async = true;\n \t\tscript.timeout = 120000;\n\n \t\tif (__webpack_require__.nc) {\n \t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t}\n \t\tscript.src = __webpack_require__.p + \"static/js/\" + chunkId + \".\" + {\"0\":\"d67c1b54497bca5732c1\",\"1\":\"3dab2f03f71b0f0b1713\",\"2\":\"52ff46b6b15222e043d6\",\"3\":\"ad4ee5a96965c56d8caf\",\"4\":\"a46e55b2b83af355e6c8\",\"5\":\"8d38d044dc9e96d56699\",\"6\":\"b4bee5960cbbfd744133\",\"7\":\"2adc06a626d61874b5da\",\"8\":\"8a6b22163b5bfcc9466a\",\"9\":\"2e90654263237c67e337\",\"10\":\"87620061e05ff5870743\",\"11\":\"a46d5ac57625764ad2be\",\"12\":\"d6456664f1e4baa71c20\",\"13\":\"ae1e82db8885c816fd6b\",\"14\":\"cb69db1f9056d9e7b17f\",\"15\":\"353d417a5ed863ccb3d2\",\"16\":\"f7a75116f7b71310e271\",\"17\":\"fff71e6a37ad22903519\",\"18\":\"c4d6f4db971fd6a53de5\",\"21\":\"5fe24bc860088be1b528\",\"22\":\"c26ff53165d90faf9c4f\",\"23\":\"795fee1c52905a188792\",\"24\":\"ec1d710a9e7c95e61e7b\"}[chunkId] + \".js\";\n \t\tvar timeout = setTimeout(onScriptComplete, 120000);\n \t\tscript.onerror = script.onload = onScriptComplete;\n \t\tfunction onScriptComplete() {\n \t\t\t// avoid mem leaks in IE.\n \t\t\tscript.onerror = script.onload = null;\n \t\t\tclearTimeout(timeout);\n \t\t\tvar chunk = installedChunks[chunkId];\n \t\t\tif(chunk !== 0) {\n \t\t\t\tif(chunk) {\n \t\t\t\t\tchunk[1](new Error('Loading chunk ' + chunkId + ' failed.'));\n \t\t\t\t}\n \t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t}\n \t\t};\n \t\thead.appendChild(script);\n\n \t\treturn promise;\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"./\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 020dfe09d7a84fd4458d"],"sourceRoot":""}
\ No newline at end of file
--- a/src/components/MonitorComponents/MonitorMap/monitor-map.vue
+++ b/src/components/MonitorComponents/MonitorMap/monitor-map.vue
@@ -27,7 +27,7 @@ export default {
        // zooms: [6, 9],
        mapStyle: 'smap://styles/dark',
      }).on(SMap.MapEvent.maploaded, () => {
-        // this.hideCommunity()
+        this.hideCommunity()
        this.addListener()
        // this.map.enableMouseEvent(false) // 禁用鼠标
        this.$emit('complete')
@@ -75,6 +75,7 @@ export default {
      this.map.remove(points)
    },
    setFilter(arr) {
+      if (arr.length === 0) return
      const valid = arr.map(name => {
        return `sect_name_ = '${name}'`
        // return `sect_guid = '${name}'`

--- a/src/store/mutations.js
+++ b/src/store/mutations.js
@@ -2,6 +2,9 @@ export default {
  SET_LOADING(state, val) {
    state.showLoading = val
  },
+  SET_CURRENT_AREA(state, name) {
+    state.curWorkArea = 'workArea' + name
+  },
  SET_CURDATE(state, date) {
    state.curDate = date
  },

--- a/src/store/state.js
+++ b/src/store/state.js
+import moment from 'moment'
+const yesterday = moment().subtract(1, 'days').format('YYYY-MM-DD')
 export default {
  showLoading: false,
  curDate: null,
  themeName: '主屏',
  nonLivingList: [],
-  workspaceA: [-130.35033934740738, -661.862835054121],
+  curWorkArea: 'workArea1',
-  workspaceB: [382.4793321452691, 678.9654976442117],
+  workArea1: {
-  workspaceC: [-57.84609277641425, 261.561716873108],
+    workStation: {name: '第一', address: '武胜路481号', x: -136.67, y: -660.07},
+    center: [1141.75319496382872, -480.0854532701907],
+    paths: [
+      [-448.329953822261, -293.460812442785],
+      [-431.7521211874291, -671.2658974800385],
+      [-424.4347237401342, -721.1895650357069],
+      [-398.89824688593046, -803.6322429418965],
+      [-365.2547551197802, -867.1158334507442],
+      [-392.5813071687177, -874.8011678318296],
+      [-403.0902474574316, -1077.6749785273678],
+      [-353.7288206095779, -1071.1265279304666],
+      [-235.53838240578477, -1022.8565095154296],
+      [-110.56798272540209, -1153.1351229372399],
+      [-93.69249324525651, -1138.2894877772196],
+      [-68.09400454827903, -1119.6983373136686],
+      [108.32141989715319, -1078.5720831861604],
+      [162.94558513506695, -1051.8780519335146],
+      [319.4097326987787, -1005.952081175323],
+      [764.5059353911838, -763.8371763725968],
+      [632.5075268631167, -531.321704831237],
+      [456.02595645205906, -245.14531867638112],
+      [265.6661356282508, 118.08284918620457],
+      [171.38332987513922, 95.29556402830092],
+      [107.25481620144524, 61.96213147601915],
+      [43.56451955001853, 9.376088803933783],
+      [6.621997748308331, -34.25957789448293],
+      [-61.673711759777404, 39.489039654835494],
+      [-84.91161630850314, 43.66450373493032],
+      [-117.17844516507756, 35.95023049388385],
+      [-268.3674519701745, -19.099749397742613],
+      [-336.6383567411507, -44.7065063404232],
+      [-412.38375562778185, -44.284825809562136],
+      [-452.45167430528585, -55.794223828358156],
+      [-462.21647248071554, -56.90216875258136],
+      [-480.70426987297697, -84.93978993199039],
+      [-448.329953822261, -293.460812442785],
+    ],
+    community: [
+      '南京街道顺天邨2小区',
+      '南京街道顺天邨1小区',
+      '南京东路街道江阴小区',
+      '黄浦区威海苑',
+      '黄浦区宏泰公寓',
+      '长发大厦',
+      '黄浦区长发大厦',
+      '宏泰公寓',
+      '南京街道均乐小区',
+      '南京街道振兴（大）1小区',
+      '黄浦区文海大楼',
+      '黄浦区紫华大楼',
+      '南京街道振兴小区',
+      '南京东路街道振兴小区',
+      '南京街道重庆小区',
+      '广场街道139街坊ab5-1396小区',
+      '南京东路街道均乐1小区',
+      '南京街道新昌售小区',
+      '南京东路街道祥康里小区',
+      '南京街道新昌1小区',
+      '南京东路街道长江（大）2小区'
+    ],
+    areas: {
+      jiangyin: [
+        [-265.73166753193834, -19.6103135699113],
+        [-246.0780474955316, -61.358753186582206],
+        [-221.12654902482632, -101.26750813430043],
+        [-184.38246511999182, -139.4130596858202],
+        [-146.2617183055816, -182.81514844312272],
+        [-139.54583573319144, -218.23011185117454],
+        [-144.81563520508178, -282.03616394244546],
+        [-113.85932329245793, -373.52016852503795],
+        [-203.7144834715283, -428.83473227916545],
+        [-235.70019197419526, -414.85726291797675],
+        [-274.3211676536466, -436.61928560868876],
+        [-324.31098117494037, -445.96240325325743],
+        [-278.88110515893834, -553.9415580136503],
+        [-248.97899457346716, -642.1513372977922],
+      ],
+      renmindadao: [
+        [-427.0604705280855, -662.3506615506074],
+        [-301.8544258451628, -649.8325375560261],
+        [-255.3538120106018, -647.3520638450786],
+        [-201.48619125452694, -651.1141156400156],
+        [-84.11430937534647, -654.7397413808504],
+        [36.90800298177817, -659.4154343259863],
+        [-5.475024492610032, -589.2759060260963],
+        [452.3460083369556, -245.20112933487624],
+      ],
+      chongqingbeilu: [
+        [-205.5128269119649, -652.3460842497868],
+        [-144.95206125918355, -832.5070239987497],
+        [-136.47710941344656, -846.8855032765414],
+        [-129.37055223158222, -915.458199015683],
+        [-123.07428312862737, -959.9082879158607],
+        [-234.600515295675, -1019.7331797010611],
+      ],
+    }
+  },
+  workArea2: {
+    workStation: {name: '第二', address: '', x: 382.4793321452691, y: 678.9654976442117},
+    center: [1141.75319496382872, -480.0854532701907],
+    paths: [
+      [62.564369398678764, 740.5887328698475],
+      [137.63177213765096, 581.9293660719472],
+      [265.9218724678516, 118.00636791345084],
+      [633.5446129216658, -540.7909132227782],
+      [1009.9399620665309, -314.1334937621058],
+      [1093.7138275309285, -280.9447555096293],
+      [964.1008078882224, 10.568783246614885],
+      [884.0476529902461, -20.486747614446926],
+      [826.2691520165776, 82.29581472151119],
+      [899.6994421063242, 120.57779232713301],
+      [826.2278107880617, 251.71216917922004],
+      [705.7015931731263, 615.2007867814553],
+      [689.5206363320461, 675.2447870777893],
+      [684.3364462761659, 756.2487902316288],
+      [534.3504692208784, 845.4714296144077],
+      [483.33539323239313, 867.770888275825],
+      [418.098934634476, 876.5269604754694],
+      [339.3025530833796, 879.3795052430589],
+      [278.7872627819655, 867.1094286195723],
+      [216.4694949172632, 843.7681709995571],
+      [158.20316744710817, 810.0089237935626],
+      [69.50142754362844, 745.9134831026813],
+      [62.564369398678764, 740.5887328698475],
+    ],
+    community: [],
+    areas: {}
+  },
+  workArea3: {
+    workStation: {name: '第三', address: '', x: -57.84609277641425, y: 261.561716873108},
+    center: [1141.75319496382872, -480.0854532701907],
+    paths: [
+      [-827.6197677404292, 863.6615701613555],
+      [-708.507420140734, 529.087007783064],
+      [-544.6473267955473, 184.59055056098282],
+      [-523.8857618349174, 124.25716166503844],
+      [-451.3484422811116, -294.9842367135918],
+      [-152.79862643148, -277.8524316166481],
+      [-122.5120424208119, -268.7160201146585],
+      [-84.99074341988057, -211.12768879216264],
+      [-63.923253368233645, -138.51595502702844],
+      [-34.306397259521646, -87.17841745611986],
+      [38.478969665379054, 8.683623226294912],
+      [107.08887251018473, 60.05423378001592],
+      [158.0543390244511, 92.77168202741245],
+      [264.45839297839234, 119.5525298599415],
+      [171.40755583505143, 467.1165062378942],
+      [134.7709591243579, 587.717138064158],
+      [81.23406819640945, 702.8193864978215],
+      [60.116968670543656, 737.5046772225696],
+      [-52.52134254357884, 666.753298740646],
+      [-117.37746183915078, 641.493808117498],
+      [-151.4095611533494, 632.9609785518389],
+      [-186.334631003489, 628.7524414889315],
+      [-237.86233822557006, 637.5911961456075],
+      [-301.7758775109821, 657.7822521527194],
+      [-467.37230245383194, 765.9722471785428],
+      [-527.2261330989933, 795.6221762700677],
+      [-676.0132145273228, 855.6165670921827],
+      [-733.4857904099746, 866.563724403164],
+      [-791.5950212117696, 868.8044189887198],
+      [-827.6197677404292, 863.6615701613555],
+    ],
+    community: [],
+    areas: {}
+  },
  streetPath: [
    [
      686.2960205078125,
@@ -404,124 +573,34 @@ export default {
      758.91943359375
    ]
  ],
-  areaAPath: [
-    [-448.329953822261, -293.460812442785],
-    [-431.7521211874291, -671.2658974800385],
-    [-424.4347237401342, -721.1895650357069],
-    [-398.89824688593046, -803.6322429418965],
-    [-365.2547551197802, -867.1158334507442],
-    [-392.5813071687177, -874.8011678318296],
-    [-403.0902474574316, -1077.6749785273678],
-    [-353.7288206095779, -1071.1265279304666],
-    [-235.53838240578477, -1022.8565095154296],
-    [-110.56798272540209, -1153.1351229372399],
-    [-93.69249324525651, -1138.2894877772196],
-    [-68.09400454827903, -1119.6983373136686],
-    [108.32141989715319, -1078.5720831861604],
-    [162.94558513506695, -1051.8780519335146],
-    [319.4097326987787, -1005.952081175323],
-    [764.5059353911838, -763.8371763725968],
-    [632.5075268631167, -531.321704831237],
-    [456.02595645205906, -245.14531867638112],
-    [265.6661356282508, 118.08284918620457],
-    [171.38332987513922, 95.29556402830092],
-    [107.25481620144524, 61.96213147601915],
-    [43.56451955001853, 9.376088803933783],
-    [6.621997748308331, -34.25957789448293],
-    [-61.673711759777404, 39.489039654835494],
-    [-84.91161630850314, 43.66450373493032],
-    [-117.17844516507756, 35.95023049388385],
-    [-268.3674519701745, -19.099749397742613],
-    [-336.6383567411507, -44.7065063404232],
-    [-412.38375562778185, -44.284825809562136],
-    [-452.45167430528585, -55.794223828358156],
-    [-462.21647248071554, -56.90216875258136],
-    [-480.70426987297697, -84.93978993199039],
-    [-448.329953822261, -293.460812442785],
-  ],
-  areaBPath: [
-    [-827.6197677404292, 863.6615701613555],
-    [-708.507420140734, 529.087007783064],
-    [-544.6473267955473, 184.59055056098282],
-    [-523.8857618349174, 124.25716166503844],
-    [-451.3484422811116, -294.9842367135918],
-    [-152.79862643148, -277.8524316166481],
-    [-122.5120424208119, -268.7160201146585],
-    [-84.99074341988057, -211.12768879216264],
-    [-63.923253368233645, -138.51595502702844],
-    [-34.306397259521646, -87.17841745611986],
-    [38.478969665379054, 8.683623226294912],
-    [107.08887251018473, 60.05423378001592],
-    [158.0543390244511, 92.77168202741245],
-    [264.45839297839234, 119.5525298599415],
-    [171.40755583505143, 467.1165062378942],
-    [134.7709591243579, 587.717138064158],
-    [81.23406819640945, 702.8193864978215],
-    [60.116968670543656, 737.5046772225696],
-    [-52.52134254357884, 666.753298740646],
-    [-117.37746183915078, 641.493808117498],
-    [-151.4095611533494, 632.9609785518389],
-    [-186.334631003489, 628.7524414889315],
-    [-237.86233822557006, 637.5911961456075],
-    [-301.7758775109821, 657.7822521527194],
-    [-467.37230245383194, 765.9722471785428],
-    [-527.2261330989933, 795.6221762700677],
-    [-676.0132145273228, 855.6165670921827],
-    [-733.4857904099746, 866.563724403164],
-    [-791.5950212117696, 868.8044189887198],
-  ],
-  areaCPath: [
-    [62.564369398678764, 740.5887328698475],
-    [137.63177213765096, 581.9293660719472],
-    [265.9218724678516, 118.00636791345084],
-    [633.5446129216658, -540.7909132227782],
-    [1009.9399620665309, -314.1334937621058],
-    [1093.7138275309285, -280.9447555096293],
-    [964.1008078882224, 10.568783246614885],
-    [884.0476529902461, -20.486747614446926],
-    [826.2691520165776, 82.29581472151119],
-    [899.6994421063242, 120.57779232713301],
-    [826.2278107880617, 251.71216917922004],
-    [705.7015931731263, 615.2007867814553],
-    [689.5206363320461, 675.2447870777893],
-    [684.3364462761659, 756.2487902316288],
-    [534.3504692208784, 845.4714296144077],
-    [483.33539323239313, 867.770888275825],
-    [418.098934634476, 876.5269604754694],
-    [339.3025530833796, 879.3795052430589],
-    [278.7872627819655, 867.1094286195723],
-    [216.4694949172632, 843.7681709995571],
-    [158.20316744710817, 810.0089237935626],
-    [69.50142754362844, 745.9134831026813],
-  ],
  gridList: [
-    {id: '2012220102000340', time: '2021-01-11 10:41:20', method: '一般上报', discover: '主动发现', type: '事件-市容环卫-乱晾晒', event: '乱晾晒', address: '延安东路 1322号 上海信加联通讯设备维修服务有限公司黄埔分公司', from: '监督员上报', grid: '01003', submitor: '游博林', status: '待处置', current: 3},
+    {id: '2012220102000340', time: yesterday + ' 10:41:20', method: '一般上报', discover: '主动发现', type: '事件-市容环卫-乱晾晒', event: '乱晾晒', address: '延安东路 1322号 上海信加联通讯设备维修服务有限公司黄埔分公司', from: '监督员上报', grid: '01003', submitor: '游博林', status: '待处置', current: 3},
-    {id: '2012220102000330', time: '2021-01-11 10:35:47', method: '自报自处', discover: '主动发现', type: '事件-街面秩序-机动车乱停放、非机动车乱停放', event: '机动车乱停放、非机动车乱停放', address: '重庆北路 167号', from: '监督员上报', grid: '01003', submitor: '游博林', status: '已结案', current: 5},
+    {id: '2012220102000330', time: yesterday + ' 10:35:47', method: '自报自处', discover: '主动发现', type: '事件-街面秩序-机动车乱停放、非机动车乱停放', event: '机动车乱停放、非机动车乱停放', address: '重庆北路 167号', from: '监督员上报', grid: '01003', submitor: '游博林', status: '已结案', current: 5},
-    {id: '2012220102000326', time: '2021-01-11 10:34:31', method: '自报自处', discover: '主动发现', type: '事件-市容环卫-暴露垃圾', event: '暴露垃圾', address: '重庆北路 151号', from: '监督员上报', grid: '01003', submitor: '游博林', status: '已结案', current: 5},
+    {id: '2012220102000326', time: yesterday + ' 10:34:31', method: '自报自处', discover: '主动发现', type: '事件-市容环卫-暴露垃圾', event: '暴露垃圾', address: '重庆北路 151号', from: '监督员上报', grid: '01003', submitor: '游博林', status: '已结案', current: 5},
-    {id: '2012220102000324', time: '2021-01-11 10:33:43', method: '自报自处', discover: '主动发现', type: '事件-市容环卫-暴露垃圾', event: '暴露垃圾', address: '重庆北路 110号', from: '监督员上报', grid: '01003', submitor: '游博林', status: '已结案', current: 5},
+    {id: '2012220102000324', time: yesterday + ' 10:33:43', method: '自报自处', discover: '主动发现', type: '事件-市容环卫-暴露垃圾', event: '暴露垃圾', address: '重庆北路 110号', from: '监督员上报', grid: '01003', submitor: '游博林', status: '已结案', current: 5},
-    {id: '2012220102000319', time: '2021-01-11 10:31:57', method: '一般上报', discover: '主动发现', type: '事件-设施管理-道路破损', event: '道路破损', address: '重庆北路 196号', from: '监督员上报', grid: '01003', submitor: '游博林', status: '待派遣', current: 2},
+    {id: '2012220102000319', time: yesterday + ' 10:31:57', method: '一般上报', discover: '主动发现', type: '事件-设施管理-道路破损', event: '道路破损', address: '重庆北路 196号', from: '监督员上报', grid: '01003', submitor: '游博林', status: '待派遣', current: 2},
-    {id: '2012220102000113', time: '2021-01-11 09:10:00', method: '自报自处', discover: '主动发现', type: '事件-市容环卫-暴露垃圾', event: '暴露垃圾', address: '延安东路 1234号 上海市黄浦区司法局', from: '监督员上报', grid: '01003', submitor: '游博林', status: '已结案', current: 5},
+    {id: '2012220102000113', time: yesterday + ' 09:10:00', method: '自报自处', discover: '主动发现', type: '事件-市容环卫-暴露垃圾', event: '暴露垃圾', address: '延安东路 1234号 上海市黄浦区司法局', from: '监督员上报', grid: '01003', submitor: '游博林', status: '已结案', current: 5},
-    {id: '2012220102000100', time: '2021-01-11 08:37:35', method: '自报自处', discover: '主动发现', type: '事件-街面秩序-机动车乱停放、非机动车乱停放', event: '机动车乱停放、非机动车乱停放', address: '重庆北路 235号', from: '监督员上报', grid: '01003', submitor: '游博林', status: '已结案', current: 5},
+    {id: '2012220102000100', time: yesterday + ' 08:37:35', method: '自报自处', discover: '主动发现', type: '事件-街面秩序-机动车乱停放、非机动车乱停放', event: '机动车乱停放、非机动车乱停放', address: '重庆北路 235号', from: '监督员上报', grid: '01003', submitor: '游博林', status: '已结案', current: 5},
-    {id: '2012220102000067', time: '2021-01-11 08:19:54', method: '自报自处', discover: '主动发现', type: '事件-街面秩序-擅自占用道路堆物、施工', event: '擅自占用道路堆物、施工', address: '重庆北路 132号', from: '监督员上报', grid: '01003', submitor: '游博林', status: '已结案', current: 5},
+    {id: '2012220102000067', time: yesterday + ' 08:19:54', method: '自报自处', discover: '主动发现', type: '事件-街面秩序-擅自占用道路堆物、施工', event: '擅自占用道路堆物、施工', address: '重庆北路 132号', from: '监督员上报', grid: '01003', submitor: '游博林', status: '已结案', current: 5},
-    {id: '2012220102000064', time: '2021-01-11 08:18:39', method: '自报自处', discover: '主动发现', type: '事件-街面秩序-擅自占用道路堆物、施工', event: '擅自占用道路堆物、施工', address: '重庆北路 130号', from: '监督员上报', grid: '01003', submitor: '游博林', status: '已结案', current: 5},
+    {id: '2012220102000064', time: yesterday + ' 08:18:39', method: '自报自处', discover: '主动发现', type: '事件-街面秩序-擅自占用道路堆物、施工', event: '擅自占用道路堆物、施工', address: '重庆北路 130号', from: '监督员上报', grid: '01003', submitor: '游博林', status: '已结案', current: 5},
-    {id: '2012220102000059', time: '2021-01-11 08:16:15', method: '一般上报', discover: '主动发现', type: '事件-街面秩序-机动车乱停放、非机动车乱停放', event: '机动车乱停放、非机动车乱停放', address: '重庆北路 151号', from: '监督员上报', grid: '01003', submitor: '游博林', status: '待上报核查', current: 4},
+    {id: '2012220102000059', time: yesterday + ' 08:16:15', method: '一般上报', discover: '主动发现', type: '事件-街面秩序-机动车乱停放、非机动车乱停放', event: '机动车乱停放、非机动车乱停放', address: '重庆北路 151号', from: '监督员上报', grid: '01003', submitor: '游博林', status: '待上报核查', current: 4},
-    {id: '延安东路1234号路边', address: '延安东路1234号路边', time: '2021-01-11 17:00:00', method: '自报自处', discover: '主动发现', type: '坠物', event: '国旗脱落', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
+    {id: '延安东路1234号路边', address: '延安东路1234号路边', time: yesterday + ' 17:00:00', method: '自报自处', discover: '主动发现', type: '坠物', event: '国旗脱落', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
-    {id: '大沽路100号边上', address: '大沽路100号边上', time: '2021-01-11 18:30:00', method: '自报自处', discover: '主动发现', type: '坠物', event: '街面垃圾桶吹到', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
+    {id: '大沽路100号边上', address: '大沽路100号边上', time: yesterday + ' 18:30:00', method: '自报自处', discover: '主动发现', type: '坠物', event: '街面垃圾桶吹到', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
-    {id: '大沽路197号2楼', address: '大沽路197号2楼', time: '2021-01-11 9:15:00', method: '自报自处', discover: '主动发现', type: '水管爆裂', event: '水管破裂漏水，路面结冰', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
+    {id: '大沽路197号2楼', address: '大沽路197号2楼', time: yesterday + ' 9:15:00', method: '自报自处', discover: '主动发现', type: '水管爆裂', event: '水管破裂漏水，路面结冰', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
-    {id: '南京西路226-2号（大光明）2楼', address: '南京西路226-2号（大光明）2楼', time: '2021-01-11 12:30:00', method: '自报自处', discover: '主动发现', type: '坠物', event: '围栏一金属装饰性圆球掉落至南京西路上', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
+    {id: '南京西路226-2号（大光明）2楼', address: '南京西路226-2号（大光明）2楼', time: yesterday + ' 12:30:00', method: '自报自处', discover: '主动发现', type: '坠物', event: '围栏一金属装饰性圆球掉落至南京西路上', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
-    {id: '南京西路226-2号门前', address: '南京西路226-2号门前', time: '2021-01-11 12:30:00', method: '自报自处', discover: '主动发现', type: '坠物', event: '行道树摇晃松动', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
+    {id: '南京西路226-2号门前', address: '南京西路226-2号门前', time: yesterday + ' 12:30:00', method: '自报自处', discover: '主动发现', type: '坠物', event: '行道树摇晃松动', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
-    {id: '延安东路1310弄', address: '延安东路1310弄', time: '2021-01-11 14:39:00', method: '自报自处', discover: '主动发现', type: '消防爆裂', event: '弄堂消防管爆裂', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
+    {id: '延安东路1310弄', address: '延安东路1310弄', time: yesterday + ' 14:39:00', method: '自报自处', discover: '主动发现', type: '消防爆裂', event: '弄堂消防管爆裂', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
-    {id: '南京西路215号', address: '南京西路215号', time: '2021-01-11 15:08:00', method: '自报自处', discover: '主动发现', type: '消防爆裂', event: '消防栓漏水', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
+    {id: '南京西路215号', address: '南京西路215号', time: yesterday + ' 15:08:00', method: '自报自处', discover: '主动发现', type: '消防爆裂', event: '消防栓漏水', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
-    {id: '江阴路83弄二楼', address: '江阴路83弄二楼', time: '2021-01-11 15:10:00', method: '自报自处', discover: '主动发现', type: '水管爆裂', event: '居民水管爆裂', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
+    {id: '江阴路83弄二楼', address: '江阴路83弄二楼', time: yesterday + ' 15:10:00', method: '自报自处', discover: '主动发现', type: '水管爆裂', event: '居民水管爆裂', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
-    {id: '成都北路140弄69号3楼', address: '成都北路140弄69号3楼', time: '2021-01-11 17:16:00', method: '自报自处', discover: '主动发现', type: '消防爆裂', event: '驱赶盲流', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
+    {id: '成都北路140弄69号3楼', address: '成都北路140弄69号3楼', time: yesterday + ' 17:16:00', method: '自报自处', discover: '主动发现', type: '消防爆裂', event: '驱赶盲流', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
-    {id: '威海路176号', address: '威海路176号', time: '2021-01-11 17:17:00', method: '自报自处', discover: '主动发现', type: '消防爆裂', event: '消防管道破裂，', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
+    {id: '威海路176号', address: '威海路176号', time: yesterday + ' 17:17:00', method: '自报自处', discover: '主动发现', type: '消防爆裂', event: '消防管道破裂，', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
-    {id: '江阴路23号2楼', address: '江阴路23号2楼', time: '2021-01-11 19:50:00', method: '自报自处', discover: '主动发现', type: '消防爆裂', event: '消防管道破裂', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
+    {id: '江阴路23号2楼', address: '江阴路23号2楼', time: yesterday + ' 19:50:00', method: '自报自处', discover: '主动发现', type: '消防爆裂', event: '消防管道破裂', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
-    {id: '大沽路195号二楼', address: '大沽路195号二楼', time: '2021-01-11 8:59:00', method: '自报自处', discover: '主动发现', type: '水管爆裂', event: '漏水', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
+    {id: '大沽路195号二楼', address: '大沽路195号二楼', time: yesterday + ' 8:59:00', method: '自报自处', discover: '主动发现', type: '水管爆裂', event: '漏水', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
-    {id: '黄陂北路55号对面', address: '黄陂北路55号对面', time: '2021-01-11 14:00:00', method: '自报自处', discover: '主动发现', type: '水管爆裂', event: '水管爆裂', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
+    {id: '黄陂北路55号对面', address: '黄陂北路55号对面', time: yesterday + ' 14:00:00', method: '自报自处', discover: '主动发现', type: '水管爆裂', event: '水管爆裂', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
-    {id: '江阴路65号', address: '江阴路65号', time: '2021-01-11 16:14:00', method: '自报自处', discover: '主动发现', type: '水管爆裂', event: '水管爆裂', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
+    {id: '江阴路65号', address: '江阴路65号', time: yesterday + ' 16:14:00', method: '自报自处', discover: '主动发现', type: '水管爆裂', event: '水管爆裂', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
-    {id: '南京西路67号', address: '南京西路67号', time: '2021-01-11 19:45 :00', method: '自报自处', discover: '主动发现', type: '路面积水', event: '落水管流水至人行道', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
+    {id: '南京西路67号', address: '南京西路67号', time: yesterday + ' 19:45 :00', method: '自报自处', discover: '主动发现', type: '路面积水', event: '落水管流水至人行道', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
-    {id: '延安东路1256弄门口2楼', address: ' 延安东路1256弄门口2楼', time: '2021-01-11 14:30:00', method: '自报自处', discover: '主动发现', type: '水管爆裂', event: '水管破裂', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
+    {id: '延安东路1256弄门口2楼', address: ' 延安东路1256弄门口2楼', time: yesterday + ' 14:30:00', method: '自报自处', discover: '主动发现', type: '水管爆裂', event: '水管破裂', from: '监督员上报', grid: '1', submitor: '无', status: '待上报核查', current: 4},
-    {id: '延安东路老成都路高架下、轨道交通人民广场站17号口', address: '延安东路老成都路高架下、轨道交通人民广场站17号口', time: '2021-01-11 20:21:00', method: '自报自处', discover: '主动发现', type: '流浪乞讨', event: '流浪乞讨', grid: '1', submitor: '无', status: '待上报核查', current: 4},
+    {id: '延安东路老成都路高架下、轨道交通人民广场站17号口', address: '延安东路老成都路高架下、轨道交通人民广场站17号口', time: yesterday + ' 20:21:00', method: '自报自处', discover: '主动发现', type: '流浪乞讨', event: '流浪乞讨', grid: '1', submitor: '无', status: '待上报核查', current: 4},
  ],
  coldList: [
    {address: '延安东路1234号路边', photo: ['c1.jpeg', 'c2.jpeg'], committee: '均乐', event: '国旗脱落', department: '液光', type: '坠物', date: '12月30日', time: '17:00', x: 38.789, y: -844.795},

--- a/src/views/main.vue
+++ b/src/views/main.vue
@@ -10,7 +10,7 @@
    :complete="complete"
  >
    <m-map ref="map" @complete="mapComplete" @event="handleMapClick"/>
-    <m-title area="title" :bgImg="require('@/assets/images/title-bg-left.png')">南东城运第一综合网格工作站</m-title>
+    <m-title area="title" :bgImg="require('@/assets/images/title-bg-left.png')">南东城运{{$store.state[curWorkArea].workStation.name}}综合网格工作站</m-title>
    <!-- <m-animate enter="fadeInLeft" leave="fadeOutLeft">
      <div v-show="themeName === '主屏'" area="left" class="wrapper">
        <HomeScreen  />
@@ -43,10 +43,10 @@
    <!-- <m-modal title="详情" v-model="normalModal">
      <m-form :label-width=".6" :model="normalData" :layout="normalLayout"/>
    </m-modal> -->
-    <m-drawer title="详情" v-model="normalModal" @close="fullView = false" right="0.1rem" width="49vw" height="auto">
+    <!-- <m-drawer title="详情" v-model="normalModal" @close="fullView = false" right="0.1rem" width="49vw" height="auto">
      <m-form class="form" :label-width=".6" :model="normalData" :layout="normalLayout"/>
      <img v-if="normalData.photo" :src="require(`@/assets/images/${normalData.photo}`)" style="width:100%;max-height:70vh;" />
-    </m-drawer>
+    </m-drawer> -->
    <m-drawer title="美丽街区-美丽家园" v-model="beautyModal" @close="closeBeauty">
      <div class="beauty-list">
        <p :class="{on: curBeautyId === item.id}" v-for="item in beautyData" :key="item.name" :title="item.name" @click="handleSelectBeauty(item)">{{item.name}}</p>
@@ -89,7 +89,7 @@ export default {
      complete: false,
      fullView: false,
      boundary: null,
-      workspaceA: null,
+      workStation: null,
      nonLivingPoints: null,
      gridModal: false,
      steps: [
@@ -234,6 +234,7 @@ export default {
  },
  computed: {
    ...mapState([
+      'curWorkArea',
      'themeName',
      'nonLivingList',
      'beautyList',
@@ -241,6 +242,10 @@ export default {
      'coldList',
    ])
  },
+  beforeCreate() {
+    const {name} = this.$route.query
+    this.$store.commit('SET_CURRENT_AREA', name || 1)
+  },
  methods: {
    ...mapActions([
      'initData'
@@ -252,126 +257,39 @@ export default {
    },
    initMap() {
      const {map} = this.$refs
-      // map.focus(97.87804679686496, -40.686071867261035, 6) // 南京东路街道
+      const {center, paths, community, areas, workStation} = this.$store.state[this.curWorkArea]
-      // map.focus(41.75319496382872, -480.0854532701907, 7) // 市政府区域
+      document.querySelector('title').innerText = `南东城运${workStation.name}综合网格工作站`
-      // map.focus(-189.37734542225144, 305.3152060727947, 6) // 市政府北边区域
+      map.focus(...center, 7) // 市政府偏移点
-      // map.focus(573.7817329792392, 158.7688192300202, 6) // 市政府东边区域
-      map.focus(1141.75319496382872, -480.0854532701907, 7) // 市政府偏移点
      map.addPolyLine({
-        paths: this.$store.state.areaAPath,
+        paths,
        strokeColor: '#ffce34',
      })
-      this.addAreaLines()
+      this.addAreaLines(areas)
-      this.addWorkSpacePoint()
+      this.addWorkStationPoint(workStation)
-      map.setFilter([
+      map.setFilter(community)
-        '南京街道顺天邨2小区',
-        '南京街道顺天邨1小区',
-        '南京东路街道江阴小区',
-        '黄浦区威海苑',
-        '黄浦区宏泰公寓',
-        '长发大厦',
-        '黄浦区长发大厦',
-        '宏泰公寓',
-        '南京街道均乐小区',
-        '南京街道振兴（大）1小区',
-        '黄浦区文海大楼',
-        '黄浦区紫华大楼',
-        '南京街道振兴小区',
-        '南京东路街道振兴小区',
-        '南京街道重庆小区',
-        '广场街道139街坊ab5-1396小区',
-        '南京东路街道均乐1小区',
-        '南京街道新昌售小区',
-        '南京东路街道祥康里小区',
-        '南京街道新昌1小区',
-        '南京东路街道长江（大）2小区'
-      ])
-      // map.addPolyLine({
-      //   paths: this.$store.state.areaBPath,
-      //   strokeColor: 'rgba(51,145,255,1)',
-      // })
-      // map.addPolyLine({
-      //   paths: this.$store.state.areaCPath,
-      //   strokeColor: 'rgba(51,145,255,1)',
-      // })
-      // map.addPolygon({
-      //   paths: this.$store.state.areaAPath,
-      //   // fillColor: 'rgba(51,145,255,.3)',
-      //   fillColor: 'transparent',
-      //   attributes: {
-      //     key: 'areaA',
-      //     name: '区域A',
-      //     test: 'hahahhaha'
-      //   }
-      // })
-      // map.addPolygon({paths: this.$store.state.areaBPath, fillColor: 'rgba(65,217,199,.3)'})
-      // map.addPolygon({paths: this.$store.state.areaCPath, fillColor: 'rgba(240,72,100,.3)'})
-      // map.addPolygon({paths: this.$store.state.streetPath, fillColor: 'rgba(51,145,255,.3)'})
      this.boundary = map.addBoundary({name: '南京东路街道', color: 'rgba(0,0,0,0)'})
    },
-    addAreaLines() {
+    addAreaLines(areas) {
      const {map} = this.$refs
-      const jiangyin = [
+      Object.keys(areas).forEach(key => {
-        [-265.73166753193834, -19.6103135699113],
+        map.addPolyLine({
-        [-246.0780474955316, -61.358753186582206],
+          paths: areas[key],
-        [-221.12654902482632, -101.26750813430043],
+          strokeColor: '#FF6161',
-        [-184.38246511999182, -139.4130596858202],
+        })
-        [-146.2617183055816, -182.81514844312272],
-        [-139.54583573319144, -218.23011185117454],
-        [-144.81563520508178, -282.03616394244546],
-        [-113.85932329245793, -373.52016852503795],
-        [-203.7144834715283, -428.83473227916545],
-        [-235.70019197419526, -414.85726291797675],
-        [-274.3211676536466, -436.61928560868876],
-        [-324.31098117494037, -445.96240325325743],
-        [-278.88110515893834, -553.9415580136503],
-        [-248.97899457346716, -642.1513372977922],
-      ]
-      const renmindadao = [
-        [-427.0604705280855, -662.3506615506074],
-        [-301.8544258451628, -649.8325375560261],
-        [-255.3538120106018, -647.3520638450786],
-        [-201.48619125452694, -651.1141156400156],
-        [-84.11430937534647, -654.7397413808504],
-        [36.90800298177817, -659.4154343259863],
-        [-5.475024492610032, -589.2759060260963],
-        [452.3460083369556, -245.20112933487624],
-      ]
-      const chongqingbeilu = [
-        [-205.5128269119649, -652.3460842497868],
-        [-144.95206125918355, -832.5070239987497],
-        [-136.47710941344656, -846.8855032765414],
-        [-129.37055223158222, -915.458199015683],
-        [-123.07428312862737, -959.9082879158607],
-        [-234.600515295675, -1019.7331797010611],
-      ]
-      map.addPolyLine({
-        paths: jiangyin,
-        strokeColor: '#FF6161',
-      })
-      map.addPolyLine({
-        paths: renmindadao,
-        strokeColor: '#FF6161',
-      })
-      map.addPolyLine({
-        paths: chongqingbeilu,
-        strokeColor: '#FF6161',
      })
    },
-    addWorkSpacePoint() {
+    addWorkStationPoint(workStation) {
      const {addPoint, remove} = this.$refs.map
-      remove(this.workspaceA)
+      remove(this.workStation)
-      this.workspaceA = addPoint({
+      this.workStation = addPoint({
-        key: 'workspaceA',
+        key: 'workStation',
        size: 20,
        icon: 'workspace.png',
-        data: [{name: '第一工作站', address: '武胜路481号', x: -136.67, y: -660.07}]
+        data: [workStation]
      })
    },
    handleMapClick(data) {
-      const {map} = this.$refs
+      if (data.key === 'workStation') {
-      if (data.key === 'workspaceA') {
        this.workspaceModal = true
        return
      }
@@ -383,14 +301,14 @@ export default {
        this.coldModal = false
        return
      }
-      if (data.key === 'areaA-points') {
+      // if (data.key === 'areaA-points') {
-        this.normalData = data
+      //   this.normalData = data
-        this.normalModal = true
+      //   this.normalModal = true
-        this.codeModal = false
+      //   this.codeModal = false
-        this.fullView = true
+      //   this.fullView = true
-        this.nonLivingModal = false
+      //   this.nonLivingModal = false
-        return
+      //   return
-      }
+      // }
      if (data.key === 'beauty') {
        if (this.curBeautyId) {
          this.beautyDetail = data
@@ -398,15 +316,7 @@ export default {
        }
        return
      }
-      if (data.key === 'areaA') {
+      if (data.key === 'coldPoints') {
-        this.boundary.hide()
-        map.addPolyLine({
-          paths: this.$store.state.areaAPath,
-          strokeColor: 'rgba(51,145,255,1)',
-        })
-        map.focus(41.75319496382872, -480.0854532701907, 7)
-      }
-      if (data.key === 'codePoints') {
        this.normalModal = false
        this.nonLivingModal = false
        this.coldData = data
@@ -487,7 +397,7 @@ export default {
      if (keys.some(key => key === 'cold')) {
        if (!this.coldPoints) {
          this.coldPoints = addPoint({
-            key: 'codePoints',
+            key: 'coldPoints',
            size: 20,
            icon: 'cold.png',
            data: this.coldList,