1 line
9.6 KiB
JavaScript
1 line
9.6 KiB
JavaScript
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-4205b856"],{"0987":function(t,e,a){"use strict";a("5e13")},"5e13":function(t,e,a){},ef95:function(t,e,a){"use strict";a.r(e);var l=function(){var t=this,e=t._self._c;return e("div",{staticClass:"page"},[e("div",{staticClass:"menuSearch"},[e("el-date-picker",{attrs:{"value-format":"yyyy-MM",type:"monthrange","range-separator":"至","start-placeholder":"开始月份","end-placeholder":"结束月份"},on:{change:t.dateChange},model:{value:t.date,callback:function(e){t.date=e},expression:"date"}}),e("el-button",{attrs:{type:"primary",round:""},on:{click:t.search}},[e("i",{staticClass:"iconfont iconchaxun"}),t._v("查询")])],1),e("div",{staticClass:"main"},[e("div",{staticClass:"left"},[e("Echarts",{key:t.echartObjKey,attrs:{events:t.events,echartObj:t.echartMap}})],1),e("div",{staticClass:"right"},[e("div",{staticClass:"t"},[e("p",[t._v("北京市各区社会稳定指数")]),e("dv-border-box-7",{attrs:{color:["#15369F","#fff"]}},[e("Echarts",{key:t.echartObjKey,attrs:{echartObj:t.echartObj1}})],1)],1),e("div",{staticClass:"b"},[e("ul",[e("li",[e("p",[t._v("北京市各区分项指标对比")]),e("div",{attrs:{id:"tab"}},[e("p",{class:0==t.activeIndex?"active":"",on:{click:function(e){t.activeIndex=0}}},[e("i",{staticClass:"iconfont iconzhishu-ziranzaihai"}),e("span",[t._v("自然灾害")])]),e("p",{class:1==t.activeIndex?"active":"",on:{click:function(e){t.activeIndex=1}}},[e("i",{staticClass:"iconfont iconzhishu-huanjing"}),e("span",[t._v("生态环境")])]),e("p",{class:2==t.activeIndex?"active":"",on:{click:function(e){t.activeIndex=2}}},[e("i",{staticClass:"iconfont iconzhishu-weisheng"}),e("span",[t._v("公共卫生")])]),e("p",{class:3==t.activeIndex?"active":"",on:{click:function(e){t.activeIndex=3}}},[e("i",{staticClass:"iconfont iconzhishu-shehui"}),e("span",[t._v("社会")])]),e("p",{class:4==t.activeIndex?"active":"",on:{click:function(e){t.activeIndex=4}}},[e("i",{staticClass:"iconfont iconzhishu-jingji"}),e("span",[t._v("经济")])]),e("p",{class:5==t.activeIndex?"active":"",on:{click:function(e){t.activeIndex=5}}},[e("i",{staticClass:"iconfont iconzhishu-zhengzhi"}),e("span",[t._v("政治")])]),e("p",{class:6==t.activeIndex?"active":"",on:{click:function(e){t.activeIndex=6}}},[e("i",{staticClass:"iconfont iconzhishu-renkou"}),e("span",[t._v("人口")])])]),e("dv-border-box-7",{attrs:{color:["#15369F","#fff"]}},[e("div",{staticClass:"mybox"},[e("el-checkbox-group",{model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}},[e("el-checkbox",{attrs:{label:"东城区"}}),e("el-checkbox",{attrs:{label:"西城区"}}),e("el-checkbox",{attrs:{label:"朝阳区"}}),e("el-checkbox",{attrs:{label:"海淀区"}}),e("el-checkbox",{attrs:{label:"丰台区"}}),e("el-checkbox",{attrs:{label:"石景山区"}}),e("el-checkbox",{attrs:{label:"大兴区"}}),e("el-checkbox",{attrs:{label:"通州区"}}),e("el-checkbox",{attrs:{label:"顺义区"}}),e("el-checkbox",{attrs:{label:"昌平区"}}),e("el-checkbox",{attrs:{label:"房山区"}}),e("el-checkbox",{attrs:{label:"门头沟区"}}),e("el-checkbox",{attrs:{label:"怀柔区"}}),e("el-checkbox",{attrs:{label:"平谷区"}}),e("el-checkbox",{attrs:{label:"密云区"}}),e("el-checkbox",{attrs:{label:"延庆区"}})],1),e("Echarts",{key:t.echartObjKey,staticStyle:{flex:"1"},attrs:{echartObj:t.echartObj2}})],1)])],1),e("li",[e("p",[t._v("北京市各区社会稳定指数排名")]),e("dv-border-box-7",{attrs:{color:["#15369F","#fff"]}},[e("div",{staticClass:"table"},[e("el-table",{staticClass:"table_header shwdzspm",attrs:{height:t.tableHeight,data:t.tableData},on:{"cell-mouse-enter":t.mouseEnter,"row-click":t.rowClick}},[e("el-table-column",{attrs:{prop:"t1",width:"80",label:"排名",align:"center"},scopedSlots:t._u([{key:"default",fn:function(a){return[e("span",{class:1==a.row.t1?"one":2==a.row.t1?"two":3==a.row.t1?"three":"",staticStyle:{color:"#fe8e3c"}},[t._v(t._s(a.row.t1))])]}}])}),e("el-table-column",{attrs:{prop:"t2",label:"区",align:"center"}}),e("el-table-column",{attrs:{prop:"t3",label:"指数得分",align:"center"}}),e("el-table-column",{attrs:{prop:"t4",label:"环比",align:"center"}})],1)],1)])],1)])])])])])},i=[],c=a("bd29"),o={data:function(){return{echartObjKey:"echartObjKey",param:{startYear:"",endYear:"",type:""},date:"",activeIndex:0,checkList:["东城区","西城区","朝阳区","海淀区"],tableHeight:.6*(window.innerHeight-76-92)-50-40,tableData:[{t1:"1",t2:"东城区",t3:"88.28",t4:"0.00%"},{t1:"2",t2:"西城区",t3:"88.72",t4:"11.38%"},{t1:"3",t2:"朝阳区",t3:"85.36",t4:"5.21%"},{t1:"4",t2:"海淀区",t3:"84.23",t4:"24.16%"},{t1:"5",t2:"石景山区",t3:"84.13",t4:"9.56%"},{t1:"6",t2:"丰台区",t3:"83.72",t4:"0.41%"},{t1:"7",t2:"门头沟区",t3:"83.38",t4:"10.61%"},{t1:"8",t2:"房山区",t3:"83.06",t4:"4.25%"},{t1:"9",t2:"通州区",t3:"81.13",t4:"-2.23%"},{t1:"10",t2:"顺义区",t3:"81.21",t4:"0.00%"},{t1:"11",t2:"昌平区",t3:"79.47",t4:"-9.38%"},{t1:"12",t2:"大兴区",t3:"88.28",t4:"0.00%"},{t1:"13",t2:"怀柔区",t3:"78.74",t4:"7.33%"},{t1:"14",t2:"平谷区",t3:"78.28",t4:"3.02%"},{t1:"15",t2:"密云区",t3:"75.22",t4:"-3.34%"},{t1:"16",t2:"延庆区",t3:"74.91",t4:"4.92%"}],echartObj1:{tooltip:{trigger:"axis",position:"inside"},legend:{top:"10",right:"20",textStyle:{color:"#fff"}},grid:{top:"40",left:"20",right:"40",bottom:"10",containLabel:!0},xAxis:[{type:"category",boundaryGap:!0,data:["东城区","西城区","朝阳区","海淀区","丰台区","石景山区","大兴区","通州区","顺义区","昌平区","房山区","门头沟区","怀柔区","平谷区","密云区","延庆区"],axisLine:{lineStyle:{color:"#2dd4fc",width:2}},axisLabel:{show:!0,textStyle:{color:"#2dd4fc"},rotate:50,interval:0}}],yAxis:[{type:"value",axisLine:{lineStyle:{color:"#2dd4fc",width:2}},axisLabel:{show:!0,textStyle:{color:"#2dd4fc"}},splitLine:{show:!0,lineStyle:{color:"#355184",width:1}}}],series:[{name:"稳定指数",type:"bar",showBackground:!0,data:[84.23,84.01,83.72,79.22,81.13,83.38,87.71,78.74,83.01,88.28,79.47,81.24,85.36,76.71,75.38,67.84],label:{show:!0},itemStyle:{normal:{color:new this.$echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#2B71D9"},{offset:1,color:"#3CDAF2"}])}}},{name:"平均指数",type:"line",data:[77.29,68.24,49.49,75.29,66.01,68.18,52.19,68.38,52.82,59.28,55.38,66.31,59.31,55.25,66.28,77.91,49.37,75.27,66.83],showSymbol:!1,label:{show:!0},areaStyle:{color:new this.$echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"rgba(131,123,71,1)"},{offset:1,color:"rgba(24,70,151,0)"}])},itemStyle:{normal:{lineStyle:{color:"#827e4e"}}}}]},echartObj2:{tooltip:{trigger:"axis",position:"inside"},legend:{top:"10",right:"20",textStyle:{color:"#fff"},selected:{"东城区":!1}},grid:{top:"40",left:"20",right:"40",bottom:"10",containLabel:!0},xAxis:[{type:"category",boundaryGap:!0,data:["东城区","西城区","朝阳区","海淀区"],axisLine:{lineStyle:{color:"#2dd4fc",width:2}},axisLabel:{show:!0,textStyle:{color:"#2dd4fc"},rotate:50,interval:0}}],yAxis:[{type:"value",axisLine:{lineStyle:{color:"#2dd4fc",width:2}},axisLabel:{show:!0,textStyle:{color:"#2dd4fc"}},splitLine:{show:!0,lineStyle:{color:"#355184",width:1}}}],series:[{type:"bar",showBackground:!0,data:[64,23,46,32],barWidth:30,label:{show:!0},itemStyle:{normal:{color:new this.$echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#2B71D9"},{offset:1,color:"#3CDAF2"}])}}}]},echartMap:{tooltip:{trigger:"item",formatter:function(t){return t.data.name+"<br>社会稳定指数: "+t.data.value}},visualMap:{type:"continuous",right:"10",textStyle:{fontSize:14,color:"#fff"},realtime:!1,calculable:!0,inRange:{color:["#afdee4","#01a6ac","#2b92d4","#1d7ff7"]}},series:{type:"map",map:"北京",layoutCenter:["50%","50%"],layoutSize:"100%",label:{normal:{show:!0,textStyle:{color:"#fff"}},emphasis:{show:!0,textStyle:{color:"#fff"}}},itemStyle:{normal:{areaColor:"rgba(24,65,91,0.3)",borderColor:"#7cccdf",borderWidth:2,shadowColor:"#7cccdf",shadowBlur:20},emphasis:{areaColor:"#F89C40"}},data:[{name:"延庆区",value:67.84,lng:115.981186,lat:40.462706},{name:"怀柔区",value:85.36,lng:116.63853,lat:40.322563},{name:"密云区",value:75.38,lng:116.849551,lat:40.382999},{name:"昌平区",value:88.28,lng:116.237832,lat:40.226854},{name:"顺义区",value:83.01,lng:116.663242,lat:40.1362},{name:"平谷区",value:76.71,lng:117.128025,lat:40.147115},{name:"门头沟区",value:81.24,lng:116.108179,lat:39.94648},{name:"海淀区",value:79.22,lng:116.304872,lat:39.96553},{name:"石景山区",value:83.38,lng:116.229612,lat:39.912017},{name:"西城区",value:84.01,lng:116.372397,lat:39.918561},{name:"东城区",value:84.23,lng:116.42272,lat:39.934579},{name:"朝阳区",value:83.72,lng:116.449767,lat:39.927254},{name:"通州区",value:78.74,lng:116.662928,lat:39.917001},{name:"大兴区",value:87.71,lng:116.348053,lat:39.732833},{name:"房山区",value:79.47,lng:116.149892,lat:39.755039},{name:"丰台区",value:81.13,lng:116.293105,lat:39.865042}]}}}},components:{Echarts:c["a"]},created:function(){this.param={startYear:"",endYear:"",type:""},this.getData()},methods:{search:function(){this.getData()},getData:function(){},dateChange:function(t){t?(this.param.startYear=t[0],this.param.endYear=t[1]):(this.param.startYear="",this.param.endYear="")},mouseEnter:function(t,e,a,l){},rowClick:function(t){this.$router.push({path:"/socialStabilityIndex/areaAnalysis/".concat(t.t2)})},events:function(t,e,a){e.series.zoom=1,"北京"==this.province?(this.province=a.name,e.series.map=a.name,"顺义区"==a.name&&(e.series.zoom=.09)):(this.province="北京",e.series.map="北京"),this.param.type=this.province,this.getData()}}},n=o,s=(a("0987"),a("2877")),r=Object(s["a"])(n,l,i,!1,null,"f70a2e06",null);e["default"]=r.exports}}]); |