|
@ -21,7 +21,9 @@ new Vue({
|
|
|
skipShow:0,
|
|
|
lineHeightIndex:null,
|
|
|
reqUrl:[],
|
|
|
isClickMap:true
|
|
|
isInit:true,
|
|
|
isClickDisease:true,
|
|
|
isClickMap:false
|
|
|
},
|
|
|
mounted: function() {
|
|
|
this.bindEvents();
|
|
@ -29,7 +31,7 @@ new Vue({
|
|
|
},
|
|
|
methods: {
|
|
|
initData:function(){
|
|
|
var vm = this,townStr="",viewMapJsonGXY = null,viewMapJsonTNB = null,viewMapJsonYCF = null,viewMapJsonGL = null,zhongDianViewCodeMonth="",zhongDianViewCodeJi="",zhongDianViewCodeYear="";
|
|
|
var vm = this,reqUrl = [],townStr="",viewMapJsonGXY = null,viewMapJsonTNB = null,viewMapJsonYCF = null,viewMapJsonGL = null,zhongDianViewCodeMonth="",zhongDianViewCodeJi="",zhongDianViewCodeYear="";
|
|
|
$(".div-mask-layer").show();
|
|
|
var currentDate = new Date();
|
|
|
//封装参数
|
|
@ -61,8 +63,9 @@ new Vue({
|
|
|
zhongDianViewCodeJi = "VIEW_15_0012";//重点人群+按季度
|
|
|
zhongDianViewCodeYear = "VIEW_15_0010";//重点人群+按年
|
|
|
}
|
|
|
//整理请求参数集合(初始化加载所有)
|
|
|
var reqUrl = [
|
|
|
|
|
|
if(vm.isInit || vm.isClickMap){//整理请求参数集合(初始化加载所有)
|
|
|
reqUrl = [
|
|
|
{url: bigDataAPI.getCityArea,reqType: 'get',data: {}},
|
|
|
{url:bigDataAPI.getMapJingWeiDuInfo,reqType: 'get',data:{}},//上饶地图经纬度数据
|
|
|
{url:bigDataAPI.getMoreNoChartTemplateData,reqType: 'get',data:{viewMapJson:JSON.stringify(viewMapJsonGXY)}},//高血压疾病数据+地图
|
|
@ -76,9 +79,8 @@ new Vue({
|
|
|
{url: bigDataAPI.getTemplateDataByViewCode,reqType: 'get',data: {viewCode: "VIEW_13_0007",linkageFilter:gaoFaLinkageFilterYear+townStr,limitCondition:10}},//高发疾病排行----筛选条件:全部+本年
|
|
|
{url: bigDataAPI.getTemplateDataByViewCode,reqType: 'get',data: {viewCode: "VIEW_13_0007",linkageFilter:gaoFaLinkageFilterJi+townStr,limitCondition:10}},//高发疾病排行----筛选条件:全部+本季度
|
|
|
{url: bigDataAPI.getTemplateDataByViewCode,reqType: 'get',data: {viewCode: "VIEW_13_0008",linkageFilter:townStr}},//死亡原因
|
|
|
];
|
|
|
|
|
|
if(!vm.isClickMap){//点击疾病类型,则本月高发和死亡原因数据不变,不用重新请求
|
|
|
];
|
|
|
}else{//点击疾病类型,则本月高发和死亡原因数据不变,不用重新请求
|
|
|
reqUrl = [
|
|
|
{url: bigDataAPI.getCityArea,reqType: 'get',data: {}},
|
|
|
{url:bigDataAPI.getMapJingWeiDuInfo,reqType: 'get',data:{}},//上饶地图经纬度数据
|
|
@ -91,7 +93,6 @@ new Vue({
|
|
|
{url: bigDataAPI.getTemplateDataByViewCode,reqType: 'get',data: {viewCode: zhongDianViewCodeYear,linkageFilter:townStr}},//重点人群+按年
|
|
|
];
|
|
|
}
|
|
|
|
|
|
httpRequest.getReqPromises(reqUrl).then(function(datas) {
|
|
|
vm.town = [{"name": "上饶市","id": "0"}].concat(datas[0]);
|
|
|
echarts.registerMap('上饶',datas[1]);
|
|
@ -99,22 +100,24 @@ new Vue({
|
|
|
vm.diseaseData.push(datas[3]);
|
|
|
vm.diseaseData.push(datas[4]);
|
|
|
vm.diseaseData.push(datas[5]);
|
|
|
if(vm.type==0){//高血压
|
|
|
vm.setMapData(datas[2]);
|
|
|
}else if(vm.type==1){//糖尿病
|
|
|
vm.setMapData(datas[3]);
|
|
|
}else if(vm.type==2){//孕产妇
|
|
|
vm.setMapData(datas[4]);
|
|
|
}else if(vm.type==3){//65岁以上
|
|
|
vm.setMapData(datas[5]);
|
|
|
}
|
|
|
if(vm.isClickDisease){//点击疾病类型,则地图数据重新加载
|
|
|
if(vm.type==0){//高血压
|
|
|
vm.setMapData(datas[2]);
|
|
|
}else if(vm.type==1){//糖尿病
|
|
|
vm.setMapData(datas[3]);
|
|
|
}else if(vm.type==2){//孕产妇
|
|
|
vm.setMapData(datas[4]);
|
|
|
}else if(vm.type==3){//65岁以上
|
|
|
vm.setMapData(datas[5]);
|
|
|
}
|
|
|
}
|
|
|
vm.zhongDianData = [datas[6],datas[7],datas[8]];//重点人群+按月、重点人群+按季度、重点人群+按年
|
|
|
if(vm.isClickMap){//点击地图,则高发和死亡原因数据重新加载
|
|
|
if(vm.isClickMap || vm.isInit){//点击地图或初始化,则高发和死亡原因数据重新加载
|
|
|
vm.gaoFaData = [datas[9],datas[10],datas[11]];//高发疾病排行----筛选条件:本月(默认)、本年、本季度
|
|
|
vm.siWangData = datas[12];//死亡原因
|
|
|
}
|
|
|
vm.isInit = false;
|
|
|
$(".div-mask-layer").hide();
|
|
|
vm.isClickMap = false;
|
|
|
})
|
|
|
},
|
|
|
setMapData: function(data) {
|
|
@ -170,6 +173,7 @@ new Vue({
|
|
|
var vm = this;
|
|
|
EventBus.$on("refresh-json-data", function(arg) {
|
|
|
vm.isClickMap = false;
|
|
|
vm.isClickDisease = true;
|
|
|
vm.type = arg.type;//0:高血压 1:糖尿病 2:孕产妇 3:65岁以上老年人人数
|
|
|
vm.initData();
|
|
|
});
|
|
@ -178,6 +182,8 @@ new Vue({
|
|
|
this.city = item.name;
|
|
|
},
|
|
|
clickMap:function(res){
|
|
|
this.isClickMap = true;
|
|
|
this.isClickDisease = false;
|
|
|
this.city = res.name;
|
|
|
},
|
|
|
skipClick:function(){
|
|
@ -195,6 +201,7 @@ new Vue({
|
|
|
}
|
|
|
})
|
|
|
vm.isClickMap = true;
|
|
|
vm.isClickDisease = false;
|
|
|
vm.initData();
|
|
|
}
|
|
|
}
|