|
@ -20,21 +20,25 @@ new Vue({
|
|
|
siWangData:[],
|
|
|
skipShow:0,
|
|
|
lineHeightIndex:null,
|
|
|
reqUrl:[],
|
|
|
isClickMap:true
|
|
|
},
|
|
|
mounted: function() {
|
|
|
this.bindEvents();
|
|
|
this.initData();
|
|
|
// this.getJsonData();
|
|
|
},
|
|
|
methods: {
|
|
|
initData:function(){
|
|
|
var vm = this,townStr="",viewMapJsonGXY = null,viewMapJsonTNB = null,viewMapJsonYCF = null,viewMapJsonGL = null,zhongDianViewCodeMonth="",zhongDianViewCodeYear="";
|
|
|
var vm = this,townStr="",viewMapJsonGXY = null,viewMapJsonTNB = null,viewMapJsonYCF = null,viewMapJsonGL = null,zhongDianViewCodeMonth="",zhongDianViewCodeJi="",zhongDianViewCodeYear="";
|
|
|
$(".div-mask-layer").show();
|
|
|
var currentDate = new Date();
|
|
|
//封装参数
|
|
|
vm.cityVal!="0"?townStr = "town="+vm.cityVal+";":townStr = "";//vm.cityVal=0 查询整个市
|
|
|
var diseaseLinkAgeFliter = "quotaDate >= '" + getLastMonthStartDate() + "' and quotaDate <= '" + getLastMonthEndDate() + "';";//疾病列表参数(上个月数据)
|
|
|
var zhongDianLinkageFilter = "quotaDate >= '" + getLastYearMonthArray()[11] + "' and quotaDate <= '" + getLastYearMonthArray()[0] + "';";//重点人群参数(过去12个月数据)
|
|
|
var zhongDianLinkageFilter = "quotaDate >= '" + getLastYearMonthArray()[12] + "' and quotaDate <= '" + getLastMonthEndDate() + "';";//重点人群参数(过去12个月数据)
|
|
|
var zhongDianLinkageFilterJi = "quotaDate >= '" + getThirdJiDate(currentDate.getFullYear(),(currentDate.getMonth()+1)) + "' and quotaDate <= '" + getLastMonthEndDate() + "';";
|
|
|
var gaoFaLinkageFilterMonth = "quotaDate >= '" + getMonthStartDate() + "' and quotaDate <= '" + getMonthEndDate() + "';";//高发疾病参数(本月数据)
|
|
|
var gaoFaLinkageFilterJi = "quotaDate >= '" + getQuarterStartDate() + "' and quotaDate <= '" + getQuarterEndDate() + "';";//高发疾病参数(本季数据)
|
|
|
var gaoFaLinkageFilterYear = "quotaDate >= '" + getYearStartDate() + "' and quotaDate <= '" + getYearEndDate() + "';";//高发疾病参数(本年数据)
|
|
|
viewMapJsonGXY = {VIEW_13_0013:townStr,VIEW_13_0036:townStr+diseaseLinkAgeFliter,VIEW_13_0037:townStr+diseaseLinkAgeFliter};//高血压
|
|
|
viewMapJsonTNB = {VIEW_13_0026:townStr,VIEW_13_0034:townStr+diseaseLinkAgeFliter,VIEW_13_0027:townStr+diseaseLinkAgeFliter};//糖尿病
|
|
@ -42,18 +46,22 @@ new Vue({
|
|
|
viewMapJsonGL = {VIEW_15_0001:townStr,VIEW_15_0011:townStr+diseaseLinkAgeFliter,VIEW_15_0008:townStr+diseaseLinkAgeFliter};//65岁以上
|
|
|
if(vm.type==0){//高血压
|
|
|
zhongDianViewCodeMonth = "VIEW_13_0017";//重点人群+按月
|
|
|
zhongDianViewCodeJi = "VIEW_13_0045";//重点人群+按季度
|
|
|
zhongDianViewCodeYear = "VIEW_13_0022";//重点人群+按年
|
|
|
}else if(vm.type==1){//糖尿病
|
|
|
zhongDianViewCodeMonth = "VIEW_13_0028";//重点人群+按月
|
|
|
zhongDianViewCodeJi = "VIEW_13_0046";//重点人群+按季度
|
|
|
zhongDianViewCodeYear = "VIEW_13_0029";//重点人群+按年
|
|
|
}else if(vm.type==2){//孕产妇
|
|
|
zhongDianViewCodeMonth = "VIEW_16_0004";//重点人群+按月
|
|
|
zhongDianViewCodeJi = "VIEW_16_0012";//重点人群+按季度
|
|
|
zhongDianViewCodeYear = "VIEW_16_0005";//重点人群+按年
|
|
|
}else if(vm.type==3){//65岁以上
|
|
|
zhongDianViewCodeMonth = "VIEW_15_0009";//重点人群+按月
|
|
|
zhongDianViewCodeJi = "VIEW_15_0012";//重点人群+按季度
|
|
|
zhongDianViewCodeYear = "VIEW_15_0010";//重点人群+按年
|
|
|
}
|
|
|
//整理请求参数集合
|
|
|
//整理请求参数集合(初始化加载所有)
|
|
|
var reqUrl = [
|
|
|
{url: bigDataAPI.getCityArea,reqType: 'get',data: {}},
|
|
|
{url:bigDataAPI.getMapJingWeiDuInfo,reqType: 'get',data:{}},//上饶地图经纬度数据
|
|
@ -62,11 +70,28 @@ new Vue({
|
|
|
{url:bigDataAPI.getMoreNoChartTemplateData,reqType: 'get',data:{viewMapJson:JSON.stringify(viewMapJsonYCF)}},//孕产妇疾病数据+地图
|
|
|
{url:bigDataAPI.getMoreNoChartTemplateData,reqType: 'get',data:{viewMapJson:JSON.stringify(viewMapJsonGL)}},//65岁以上疾病数据+地图
|
|
|
{url: bigDataAPI.getTemplateDataByViewCode,reqType: 'get',data: {viewCode: zhongDianViewCodeMonth,linkageFilter:zhongDianLinkageFilter+townStr}},//重点人群+按月
|
|
|
{url: bigDataAPI.getTemplateDataByViewCode,reqType: 'get',data: {viewCode: zhongDianViewCodeYear,linkageFilter:zhongDianLinkageFilter+townStr}},//重点人群+按年
|
|
|
{url: bigDataAPI.getTemplateDataByViewCode,reqType: 'get',data: {viewCode: "VIEW_13_0007",linkageFilter:gaoFaLinkageFilterMonth+townStr,limitCondition:10}},//高发疾病排行----筛选条件:全部+本月(默认),其他情况数据在组件里请求数据
|
|
|
{url: bigDataAPI.getTemplateDataByViewCode,reqType: 'get',data: {viewCode: "VIEW_13_0007",linkageFilter:gaoFaLinkageFilterYear+townStr,limitCondition:10}},//高发疾病排行----筛选条件:全部+本年(默认),其他情况数据在组件里请求数据
|
|
|
{url: bigDataAPI.getTemplateDataByViewCode,reqType: 'get',data: {viewCode: zhongDianViewCodeJi,linkageFilter:zhongDianLinkageFilterJi+townStr}},//重点人群+按季度
|
|
|
{url: bigDataAPI.getTemplateDataByViewCode,reqType: 'get',data: {viewCode: zhongDianViewCodeYear,linkageFilter:townStr}},//重点人群+按年
|
|
|
{url: bigDataAPI.getTemplateDataByViewCode,reqType: 'get',data: {viewCode: "VIEW_13_0007",linkageFilter:gaoFaLinkageFilterMonth+townStr,limitCondition:10}},//高发疾病排行----筛选条件:全部+本月
|
|
|
{url: bigDataAPI.getTemplateDataByViewCode,reqType: 'get',data: {viewCode: "VIEW_13_0007",linkageFilter:gaoFaLinkageFilterYear+townStr,limitCondition:10}},//高发疾病排行----筛选条件:全部+本年
|
|
|
{url: bigDataAPI.getTemplateDataByViewCode,reqType: 'get',data: {viewCode: "VIEW_13_0024",linkageFilter:gaoFaLinkageFilterYear+townStr,limitCondition:10}},//高发疾病排行----筛选条件:全部+本季度
|
|
|
{url: bigDataAPI.getTemplateDataByViewCode,reqType: 'get',data: {viewCode: "VIEW_13_0008",linkageFilter:townStr}},//死亡原因
|
|
|
];
|
|
|
|
|
|
if(!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)}},//高血压疾病数据+地图
|
|
|
{url:bigDataAPI.getMoreNoChartTemplateData,reqType: 'get',data:{viewMapJson:JSON.stringify(viewMapJsonTNB)}},//糖尿病疾病数据+地图
|
|
|
{url:bigDataAPI.getMoreNoChartTemplateData,reqType: 'get',data:{viewMapJson:JSON.stringify(viewMapJsonYCF)}},//孕产妇疾病数据+地图
|
|
|
{url:bigDataAPI.getMoreNoChartTemplateData,reqType: 'get',data:{viewMapJson:JSON.stringify(viewMapJsonGL)}},//65岁以上疾病数据+地图
|
|
|
{url: bigDataAPI.getTemplateDataByViewCode,reqType: 'get',data: {viewCode: zhongDianViewCodeMonth,linkageFilter:zhongDianLinkageFilter+townStr}},//重点人群+按月
|
|
|
{url: bigDataAPI.getTemplateDataByViewCode,reqType: 'get',data: {viewCode: zhongDianViewCodeJi,linkageFilter:zhongDianLinkageFilter+townStr}},//重点人群+按季度
|
|
|
{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]);
|
|
@ -83,10 +108,13 @@ new Vue({
|
|
|
}else if(vm.type==3){//65岁以上
|
|
|
vm.setMapData(datas[5]);
|
|
|
}
|
|
|
vm.zhongDianData = [datas[6],datas[7]];//重点人群+按月、重点人群+按年
|
|
|
vm.gaoFaData = [datas[8],datas[9]];//高发疾病排行----筛选条件:本月(默认)、本年
|
|
|
vm.siWangData = datas[10];//死亡原因
|
|
|
vm.zhongDianData = [datas[6],datas[7],datas[8]];//重点人群+按月、重点人群+按季度、重点人群+按年
|
|
|
if(vm.isClickMap){//点击地图,则高发和死亡原因数据重新加载
|
|
|
vm.gaoFaData = [datas[9],datas[10],datas[11]];//高发疾病排行----筛选条件:本月(默认)、本年、本季度
|
|
|
vm.siWangData = datas[12];//死亡原因
|
|
|
}
|
|
|
$(".div-mask-layer").hide();
|
|
|
vm.isClickMap = false;
|
|
|
})
|
|
|
},
|
|
|
setMapData: function(data) {
|
|
@ -107,7 +135,7 @@ new Vue({
|
|
|
if(item.firstColumn != "合计") {
|
|
|
optionData.push({
|
|
|
name: item.townName,
|
|
|
value: parseInt(item.HC_15_1006)
|
|
|
value: parseInt(item.HC_13_0017)
|
|
|
})
|
|
|
}
|
|
|
})
|
|
@ -117,7 +145,7 @@ new Vue({
|
|
|
if(item.firstColumn != "合计") {
|
|
|
optionData.push({
|
|
|
name: item.townName,
|
|
|
value: parseInt(item.HC_15_1006)
|
|
|
value: parseInt(item.HC_13_0033)
|
|
|
})
|
|
|
}
|
|
|
})
|
|
@ -138,20 +166,10 @@ new Vue({
|
|
|
index: this.lineHeightIndex
|
|
|
};
|
|
|
},
|
|
|
getJsonData:function(){
|
|
|
var vm = this;
|
|
|
bigDataAPI.getJsonData(this.jsonUrl).then(function(res){
|
|
|
vm.jsonData = res;
|
|
|
var options = _.map(res.town,function(item,idx){
|
|
|
var it = {name:item.townName,value:item.result}
|
|
|
return it;
|
|
|
})
|
|
|
vm.mapData ={data:options,zoom:1,index:vm.lineHeightIndex};
|
|
|
})
|
|
|
},
|
|
|
bindEvents:function(){
|
|
|
var vm = this;
|
|
|
EventBus.$on("refresh-json-data", function(arg) {
|
|
|
vm.isClickMap = false;
|
|
|
vm.type = arg.type;//0:高血压 1:糖尿病 2:孕产妇 3:65岁以上老年人人数
|
|
|
vm.initData();
|
|
|
});
|
|
@ -161,20 +179,6 @@ new Vue({
|
|
|
},
|
|
|
clickMap:function(res){
|
|
|
this.city = res.name;
|
|
|
},
|
|
|
refreshAllData:function(cityVal){
|
|
|
var vm = this;
|
|
|
cityVal = parseInt(cityVal)
|
|
|
switch(cityVal){
|
|
|
case 0: vm.jsonUrl = "../../../dataJson/jumingHealthJson/高血压人群.json"; break;//贵港市
|
|
|
case 26531: vm.jsonUrl = "../../../dataJson/jumingHealthJson/港北区.json"; break;//港北区
|
|
|
case 25634: vm.jsonUrl = "../../../dataJson/jumingHealthJson/港南区.json";break;//港南区
|
|
|
case 113485: vm.jsonUrl = "../../../dataJson/jumingHealthJson/桂平市.json"; break;//桂平市
|
|
|
case 74128: vm.jsonUrl = "../../../dataJson/jumingHealthJson/平南县.json"; break;//平南县
|
|
|
case 12587:vm.jsonUrl = "../../../dataJson/jumingHealthJson/覃塘区.json"; break;//覃塘区
|
|
|
default:break;
|
|
|
}
|
|
|
vm.getJsonData();
|
|
|
},
|
|
|
skipClick:function(){
|
|
|
console.log(222)
|
|
@ -182,9 +186,6 @@ new Vue({
|
|
|
}
|
|
|
},
|
|
|
watch:{
|
|
|
jsonData:function(data){
|
|
|
this.jsonData = data;
|
|
|
},
|
|
|
city:function(value){
|
|
|
var vm =this;
|
|
|
vm.lineHeightIndex =value;
|
|
@ -193,6 +194,7 @@ new Vue({
|
|
|
vm.cityVal = v.id;
|
|
|
}
|
|
|
})
|
|
|
vm.isClickMap = true;
|
|
|
vm.initData();
|
|
|
}
|
|
|
}
|