SQ12345_Web/WebChartBigOld/js/index.js

var index="2";
var key_index="";
var startTime="2019-07-01"
var endTime="2019-07-31"
$(function () {
	var mySwiper = new Swiper('.swiper-container', {
		loop: true,
		autoplay: {
			delay: 3000,
		},
		pagination: { /* 分页器*/
			el: '.swiper-pagination',
			clickable: true,
		},
		navigation: {
			nextEl: '.swiper-button-next',
			prevEl: '.swiper-button-prev',
		},
		//				followFinger : false,
		//				speed:800,
		on: {
			init: function() {
				swiperAnimateCache(this); //隐藏动画元素 
				swiperAnimate(this); //初始化完成开始动画
			},
			transitionEnd: function() {
				swiperAnimate(this); //每个slide切换结束时也运行当前slide动画

			},
		}
	})
	$(".ssgd").Scroll({
		line: 1,
		speed: 500,
		timer: 3000
	});
	$(".ssgdtj").Scroll({
		line: 1,
		speed: 500,
		timer: 3000
	});
	$(".scroll_table").Scroll({
		line: 1,
		speed: 500,
		timer: 3000
	});
	$(".area_l").Scroll({
		line: 1,
		speed: 500,
		timer: 3000
	});
	$(".area_r").Scroll({
		line: 1,
		speed: 500,
		timer: 3000
	});
	
})
//按钮点击事件
$('.channel_btn').click(function() {
	$(this).addClass('active').siblings().removeClass('active');
	index=$(this).attr("index")
	if (index=="1") {
		startTime="2019-05-23"
		endTime="2019-05-23"
		ajax1();
		dataAjax(startTime,endTime);
	}else if (index=="2") {
		startTime="2019-05-01"
		endTime="2019-05-31"
		ajax2();
		dataAjax(startTime,endTime);
	}else if(index=="3"){
		startTime="2018-05-23"
		endTime="2019-05-31"
		ajax3();
		dataAjax(startTime,endTime);
	}
});


$('.key_top ul li').click(function() {
	$(".active1").hide();
	$(this).children(".active1").show();
	key_index=$(this).attr("index");
});

function ajax1(){
	
	$("#syqText").text("睢阳区");
	$("#syqRate").text("29%");
	
	$("#lyqText").text("梁园区");
	$("#lyqRate").text("26%");
	
	$("#ycqText").text("民权县");
	$("#ycqRate").text("8%");
	
	$("#ycsText").text("虞城县");
	$("#ycsRate").text("9%");
	
	$("#sfqText").text("示范区");
	$("#sfqRate").text("19%");
	
	$("#zcxText").text("柘城县");
	$("#zcxRate").text("7");
	
	$(".SYQ_num").html("56");
	$(".LYQ_num").html("51")
	$(".MQ_num").html("16")
	$(".SX_num").html("3")
	$(".NL_num").html("2")
	$(".ZC_num").html("7")
	$(".YCX_num").html("17")
	$(".XYX_num").html("1")
	$(".yc_num").html("4")
	$(".KFQ_num").html("36")
	
	// 地图下方
	$("#allJARate").text("99.12%");
	$("#allMYRate").text("98.07%");
	$("#allPJRate").text("193");
	$("#allSLCount").text("193");
	$("#allJACount").text("192");
	//	满意度
	//	商丘
	
	$(".keyWord1").text("市城市管理局");
	$(".sq_sl").text("12");
	$(".sq_wj").text("11");
	$(".sq_my").text("100%");
	//郑州
	$(".keyWord2").text("市工商局");
	$(".zz_sl").text("19");
	$(".zz_wj").text("19");
	$(".zz_my").text("100%");
	//南阳
	$(".keyWord3").text("市住建局");
	$(".ny_sl").text("15");
	$(".ny_wj").text("14");
	$(".ny_my").text("100%");
	//开封
	$(".keyWord4").text("睢阳区区政府");
	$(".kf_sl").text("11");
	$(".kf_wj").text("10");
	$(".kf_my").text("100%");
	//洛阳
	$(".keyWord5").text("城乡一体化示范区管委会");
	$(".ly_sl").text("10");
	$(".ly_wj").text("9");
	$(".ly_my").text("100%");
	//平顶山
	$(".keyWord6").text("中国移动商丘市分公司");
	$(".pds_sl").text("4");
	$(".pds_wj").text("4");
	$(".pds_my").text("100%");
	//安阳
	$(".keyWord7").text("市环保局");
	$(".ay_sl").text("4");
	$(".ay_wj").text("3");
	$(".ay_my").text("100%");
	//鹤壁
	$(".keyWord8").text("市卫生健康委员会");
	$(".hb_sl").text("2");
	$(".hb_wj").text("2");
	$(".hb_my").text("100%");
}

function ajax2(){
	
	$("#syqText").text("睢阳区");
	$("#syqRate").text("36%");
	
	$("#lyqText").text("梁园区");
	$("#lyqRate").text("31%");
	
	$("#ycqText").text("民权县");
	$("#ycqRate").text("6%");
	
	$("#ycsText").text("虞城县");
	$("#ycsRate").text("4%");
	
	$("#sfqText").text("示范区");
	$("#sfqRate").text("14%");
	
	$("#zcxText").text("柘城县");
	$("#zcxRate").text("3%");
	
	$(".SYQ_num").html("1768");
	$(".LYQ_num").html("1543")
	$(".MQ_num").html("307")
	$(".SX_num").html("103")
	$(".NL_num").html("35")
	$(".ZC_num").html("139")
	$(".YCX_num").html("205")
	$(".XYX_num").html("18")
	$(".yc_num").html("103")
	$(".KFQ_num").html("692")
	
	// 地图下方
	$("#allJARate").text("98.75%");
	$("#allMYRate").text("98.63%");
	$("#allPJRate").text("163");
	$("#allSLCount").text("4909");
	$("#allJACount").text("4904");
	
	//	满意度
	//	商丘
	$(".keyWord1").text("市人力资源和社会保障局");
	$(".sq_sl").text("38");
	$(".sq_wj").text("36");
	$(".sq_my").text("100%");
	//郑州
	$(".keyWord2").text("柘城县县政府");
	$(".zz_sl").text("55");
	$(".zz_wj").text("53");
	$(".zz_my").text("100%");
	//南阳
	$(".keyWord3").text("市环保局");
	$(".ny_sl").text("127");
	$(".ny_wj").text("123");
	$(".ny_my").text("100%");
	//开封
	$(".keyWord4").text("市教育体育局");
	$(".kf_sl").text("35");
	$(".kf_wj").text("34");
	$(".kf_my").text("100%");
	//洛阳
	$(".keyWord5").text("市工商局");
	$(".ly_sl").text("76");
	$(".ly_wj").text("73");
	$(".ly_my").text("98.65%");
	//平顶山
	$(".keyWord6").text("商丘市水务集团");
	$(".pds_sl").text("151");
	$(".pds_wj").text("149");
	$(".pds_my").text("96.13%");
	//安阳
	$(".keyWord7").text("梁园区区政府");
	$(".ay_sl").text("650");
	$(".ay_wj").text("653");
	$(".ay_my").text("95.47%");
	//鹤壁
	$(".keyWord8").text("商丘供电公司");
	$(".hb_sl").text("95");
	$(".hb_wj").text("99");
	$(".hb_my").text("93.4%");
	
}

function ajax3(){
	$("#syqText").text("睢阳区");
	$("#syqRate").text("36%");
	
	$("#lyqText").text("梁园区");
	$("#lyqRate").text("28%");
	
	
	$("#ycqText").text("民权县");
	$("#ycqRate").text("7%");
	
	$("#ycsText").text("永城市");
	$("#ycsRate").text("3%");
	
	$("#sfqText").text("示范区");
	$("#sfqRate").text("18%");
	
	
	$("#zcxText").text("柘城县");
	$("#zcxRate").text("3%");
	
	$(".SYQ_num").html("19423");
	$(".LYQ_num").html("15485")
	$(".MQ_num").html("3721")
	$(".SX_num").html("1363")
	$(".NL_num").html("367")
	$(".ZC_num").html("1884")
	$(".YCX_num").html("855")
	$(".XYX_num").html("148")
	$(".yc_num").html("1436")
	$(".KFQ_num").html("9634")
	
	// 地图下方
	$("#allJARate").text("98.66%");
	$("#allMYRate").text("98.59%");
	$("#allPJRate").text("149");
	$("#allSLCount").text("54424");
	$("#allJACount").text("54419");
	
	//	满意度
	//	商丘
	$(".keyWord1").text("商丘公共交通有限公司");
	$(".sq_sl").text("398");
	$(".sq_wj").text("397");
	$(".sq_my").text("98.67%");
	//郑州
	$(".keyWord2").text("市环保局");
	$(".zz_sl").text("929");
	$(".zz_wj").text("929");
	$(".zz_my").text("97.95%");
	//南阳
	$(".keyWord3").text("虞城县县政府");
	$(".ny_sl").text("264");
	$(".ny_wj").text("262");
	$(".ny_my").text("95.48%");
	//开封
	$(".keyWord4").text("商丘市水务集团");
	$(".kf_sl").text("881");
	$(".kf_wj").text("879");
	$(".kf_my").text("94.99%");
	//洛阳
	$(".keyWord5").text("梁园区区政府");
	$(".ly_sl").text("3882");
	$(".ly_wj").text("3884");
	$(".ly_my").text("94.23%");
	//平顶山
	$(".keyWord6").text("市工商局");
	$(".pds_sl").text("345");
	$(".pds_wj").text("348");
	$(".pds_my").text("93.97%");
	//安阳
	$(".keyWord7").text("市公安局");
	$(".ay_sl").text("2397");
	$(".ay_wj").text("2396");
	$(".ay_my").text("92.7%");
	//鹤壁
	$(".keyWord8").text("商丘供电公司");
	$(".hb_sl").text("465");
	$(".hb_wj").text("467");
	$(".hb_my").text("91.43%");
}



//渠道来源
function SourceFrom(startTime,endTime) {
	$.ajax({
		type: "get",
		url: huayi.config.callcenter_url + "info/GetSourcePercentByDate",
		async: true,
		dataType: 'json',
		data: {
			start: startTime,
			end: endTime
		},
		success: function(data) {
			if(data.state.toLowerCase() == 'success') {
				var con = data.data;
				var allNum=con[0].Count
				+con[1].Count
				+con[2].Count
				+con[3].Count
				+con[4].Count
				+con[5].Count
				+con[6].Count
				+con[7].Count
				if(con.length > 0) {
					$(con).each(function(i, n) {
						if(n.Source.indexOf('12345信箱') != -1) {
							$(".yx_num").html(n.Count);
							// 邮箱
							$("#zxRate").text(Math.round((n.Count/allNum)*100)/100*100+"%");
							$(".yx_zb").text(Math.round((n.Count/allNum)*100)/100*100+"%");
							$(".yx_lg").css("width",Math.round((n.Count/allNum)*100)/100*100+"%");
						}
						if(n.Source.indexOf('电话') != -1) {
							$(".tel_num").html(n.Count);
							$(".tel_zb").text(Math.round((n.Count/allNum)*100)/100*100+"%")
							$(".tel_lg").css("width",Math.round((n.Count/allNum)*100)/100*100+"%");
						}
						if(n.Source.indexOf('市县转单') != -1) {
							$(".sxzd_num").html(n.Count);
							// 市县转单
							$(".sxzd_zb").text(Math.round((n.Count/allNum)*100)/100*100+"%");
							$(".sxzd_lg").css("width",Math.round((n.Count/allNum)*100)/100*100+"%");
						}
						if(n.Source.indexOf('手机APP') != -1) {
							$(".APP_num").html(n.Count);
							//  app
							$(".APP_zb").text(Math.round((n.Count/allNum)*100)/100*100+"%");
							$(".APP_lg").css("width",Math.round((n.Count/allNum)*100)/100*100+"%");
						}
						if(n.Source.indexOf('网站') != -1) {
							$(".wz_num").html(n.Count);
							//  网站
							$(".wz_zb").text(Math.round((n.Count/allNum)*100)/100*100+"%");
							$(".wz_lg").css("width",Math.round((n.Count/allNum)*100)/100*100+"%");
						}
						if(n.Source.indexOf('微博') != -1) {
							$(".wb_num").html(n.Count);
							// 微博
							$(".wb_num").text(Math.round((n.Count/allNum)*100)/100*100+"%");
							$(".wb_lg").css("width",Math.round((n.Count/allNum)*100)/100*100+"%");
						}
						if(n.Source.indexOf('微信') != -1) {
							$(".wx_num").html(n.Count);
							//	微信
							$(".wx_zb").text(Math.round((n.Count/allNum)*100)/100*100+"%")
							$(".wx_lg").css("width",Math.round((n.Count/allNum)*100)/100*100+"%");
						}
						if(n.Source.indexOf('政务服务网') != -1) {
							$(".zww_num").html(n.Count);
							// 政务网
							$(".zww_zb").text(Math.round((n.Count/allNum)*100)/100*100+"%");
							$(".zww_lg").css("width",Math.round((n.Count/allNum)*100)/100*100+"%");
						}
					})
				} else {
					$('.tagcloud').html('');
				}

			}
		}
	});
}


//工单类型统计
function TypeFrom(startTime,endTime) {
	$.ajax({
		type: "get",
		url: huayi.config.callcenter_url + "info/GetTypeCountByDate",
		async: true,
		dataType: 'json',
		data: {
			start: startTime,
			end: endTime
		},
		success: function(data) {
			if(data.state.toLowerCase() == 'success') {
				debugger
				var con = data.data;
				$(con).each(function(j, n) {
					if(n.TypeName.indexOf('咨询') != -1) {
						$(".zxNum").text(n.Count)
					}
					if(n.TypeName.indexOf('投诉') != -1) {
						$(".tsNum").text(n.Count)
					}
					if(n.TypeName.indexOf('表扬') != -1) {
						$(".byNum").text(n.Count)
					}
					if(n.TypeName.indexOf('求助') != -1) {
						$(".qzNum").text(n.Count)
					}
					if(n.TypeName.indexOf('其他') != -1) {
						$(".tNum").text(n.Count)
					}
					if(n.TypeName.indexOf('建议') != -1) {
						$(".jyNum").text(n.Count)
					}
				})
				
			}
		}
	});
}


//事发区域统计
function  AreaFrom(startTime,endTime) {
	$.ajax({
		type: "get",
		url: huayi.config.callcenter_url + "/info/GetAreaCountByDateNew",
		async: true,
		dataType: 'json',
		data: {
			start: startTime,
			end: endTime
		},
		success: function(data) {
			if(data.state.toLowerCase() == 'success') {
				var con = data.data;
				var allNum=con[0].SLCount
				+con[1].SLCount
				+con[2].SLCount
				+con[3].SLCount
				+con[4].SLCount
				+con[5].SLCount
				+con[6].SLCount
				+con[7].SLCount
				+con[8].SLCount
				+con[9].SLCount;
				$(con).each(function(i, n) {
					if(i<7){
						if (i==0) {
							$("#zxText").text(n.AreaName);
							//$("#zxRate").text(Math.round((n.SLCount/allNum)*100)/100*100+"%");
						}else if (i==1) {
							$("#tsText").text(n.AreaName);
							//$("#tsRate").text(Math.round((n.SLCount/allNum)*100)/100*100+"%");
						}else if (i==2) {
							$("#byText").text(n.AreaName);
							//$("#byRate").text(Math.round((n.SLCount/allNum)*100)/100*100+"%");
						}else if (i==3) {
							$("#qzText").text(n.AreaName);
							//$("#qzRate").text(Math.round((n.SLCount/allNum)*100)/100*100+"%");
						}else if (i==4) {
							$("#qtText").text(n.AreaName);
							//$("#qtRate").text(Math.round((n.SLCount/allNum)*100)/100*100+"%");
						}else if (i==5) {
							$("#jyText").text(n.AreaName);
							//$("#jyRate").text(Math.round((n.SLCount/allNum)*100)/100*100+"%");
						}
						
					}
					if(n.AreaName.indexOf('睢阳区') != -1) {
						$(".SYQ_num").html(n.SLCount)
					}
					if(n.AreaName.indexOf('梁园区') != -1) {
						$(".SYQ_num").html(n.SLCount)
						$(".LYQ_num").html(n.SLCount)
					}
					if(n.AreaName.indexOf('民权县') != -1) {
						$(".SYQ_num").html(n.SLCount)
						$(".LYQ_num").html(n.SLCount)
						$(".MQ_num").html(n.SLCount)
					}
					if(n.AreaName.indexOf('睢县') != -1) {
						$(".SYQ_num").html(n.SLCount)
						$(".LYQ_num").html(n.SLCount)
						$(".MQ_num").html(n.SLCount)
						$(".SX_num").html(n.SLCount)
					}
					if(n.AreaName.indexOf('宁陵县') != -1) {
						$(".SYQ_num").html(n.SLCount)
						$(".LYQ_num").html(n.SLCount)
						$(".MQ_num").html(n.SLCount)
						$(".SX_num").html(n.SLCount)
						$(".NL_num").html(n.SLCount)
					}
					if(n.AreaName.indexOf('柘城县') != -1) {
						$(".SYQ_num").html(n.SLCount)
						$(".LYQ_num").html(n.SLCount)
						$(".MQ_num").html(n.SLCount)
						$(".SX_num").html(n.SLCount)
						$(".NL_num").html(n.SLCount)
						$(".ZC_num").html(n.SLCount)
					}
					if(n.AreaName.indexOf('虞城县') != -1) {
						$(".SYQ_num").html(n.SLCount)
						$(".LYQ_num").html(n.SLCount)
						$(".MQ_num").html(n.SLCount)
						$(".SX_num").html(n.SLCount)
						$(".NL_num").html(n.SLCount)
						$(".ZC_num").html(n.SLCount)
						$(".YCX_num").html(n.SLCount)
					}
					if(n.AreaName.indexOf('夏邑县') != -1) {
						$(".SYQ_num").html(n.SLCount)
						$(".LYQ_num").html(n.SLCount)
						$(".MQ_num").html(n.SLCount)
						$(".SX_num").html(n.SLCount)
						$(".NL_num").html(n.SLCount)
						$(".ZC_num").html(n.SLCount)
						$(".YCX_num").html(n.SLCount)
						$(".XYX_num").html(n.SLCount)
					}
					if(n.AreaName.indexOf('永城市') != -1) {
						$(".SYQ_num").html(n.SLCount)
						$(".LYQ_num").html(n.SLCount)
						$(".MQ_num").html(n.SLCount)
						$(".SX_num").html(n.SLCount)
						$(".NL_num").html(n.SLCount)
						$(".ZC_num").html(n.SLCount)
						$(".YCX_num").html(n.SLCount)
						$(".XYX_num").html(n.SLCount)
						$(".yc_num").html(n.SLCount)
					}
					if(n.AreaName.indexOf('城乡一体化示范区') != -1) {
						$(".SYQ_num").html(n.SLCount)
						$(".LYQ_num").html(n.SLCount)
						$(".MQ_num").html(n.SLCount)
						$(".SX_num").html(n.SLCount)
						$(".NL_num").html(n.SLCount)
						$(".ZC_num").html(n.SLCount)
						$(".YCX_num").html(n.SLCount)
						$(".XYX_num").html(n.SLCount)
						$(".yc_num").html(n.SLCount)
						$(".KFQ_num").html(n.SLCount)
					}
//					if(n.AreaName.indexOf('总计') != -1) {
//						$("#allSLCount").html(n.SLCount); //受理量
//						$("#allJACount").html(n.JACount); //结案量
//						$("#allJARate").html(n.JARate); //结案率
//						$("#allMYRate").html(n.MYRate); //满意度
//					}
				})
			}
		}
	});
}

//	左侧关键词
function keyWord(startTime,endTime) {
	$.ajax({
		type: "get",
		url: huayi.config.callcenter_url + "info/GetKeyCountRankByDate",
		async: false,
		dataType: 'json',
		data: {
			start: startTime,
			end: endTime
		},
		success: function(data) {
			if(data.state.toLowerCase() == 'success') {
				//劳动社保
				var con = data.data;
				if(con.length > 0) {
					//$(".keyW_t").text(con[0].TypeName)
					$('.tagcloud').html('');
					$(con).each(function(k, j) {
						if(k==0){
							$(".key_word1").text(j.TypeName);
							$(".key_top1").text(j.Count);
							$(".key_top ul li").eq(0).attr("index",j.Id)
						}
						if(k==1){
							$(".key_word2").text(j.TypeName);
							$(".key_top2").text(j.Count);
							$(".key_top ul li").eq(1).attr("index",j.Id)
						}
						if(k==2){
							$(".key_word3").text(j.TypeName);
							$(".key_top3").text(j.Count);
							$(".key_top ul li").eq(2).attr("index",j.Id)
						}
					})
					//$(".key_top ul li:first-child").removeClass("tagcloud_bjShine");
					$(".key_top ul li:first-child").addClass("tagcloud_bjShine");
					keyWordDetail(startTime,endTime);
				} else {
					$('.tagcloud').html('');
				}

			}
		}
	});
}

//	右侧部门
function keyWordDetail(startTime,endTime) {
	$.ajax({
		type: "get",
		url: huayi.config.callcenter_url + "info/GetDeptKeyCountByDateNew",
		async: true,
		dataType: 'json',
		data: {
			start: startTime,
			end: endTime,
			keyid: $(".tagcloud_bjShine").eq(0).attr("index")
		},
		success: function(data) {
			if(data.state.toLowerCase() == 'success') {
				$('.scroll_table tbody').html('');
				var con = data.data;
				$(con).each(function(j, n) {
					var rate = '';
					if (j<11) {
						if(n.rate) {
							rate = n.rate;
						}
						var ph=j+1
						var str = '<tr><td style="width: 25%; color: #00e1ff;">' 
						+ n.deptname + '</td><td style="width: 25%; color: #00e1ff;">' 
						+ n.acceptcount + '</td><td style="width: 25%; color: #00c725;">' 
						+ rate + '</td><td style="width: 25%; color: #b50105;">' 
						+ ph + '</td></tr>'
						$('.scroll_table tbody').append(str);
					}
					
					
				})
				$(".scroll_table").Scroll({
					line: 1,
					speed: 500,
					timer: 2000
				});
			}
		}
	});
}

$(".key_top ul li").on("click", function() {
	$(".key_top ul li").removeClass("tagcloud_bjShine");
	$(this).addClass("tagcloud_bjShine");
	keyWordDetail(startTime,endTime);
});