SQNL12345_Web/WebChart/js/zhongxin.js

//类型工单统计

var slhw = echarts.init(document.getElementById('slhw'));
slhw.setOption({
	title: {
		text: '接听排行榜',
		x: 'center',
		textStyle: {
			color: '#fff',
			fontSize: 18,
			fontWeight: 'normal'
		}
	},
		legend: {
				//      orient: 'vertical',
				bottom: 'bottom',
				data: [],
				textStyle: {
					color: '#fff'
				}
			},
	tooltip: {
		trigger: 'item',
		formatter: "{a} <br/>{b} : {c} ({d}%)"
	},
	series: [{
		name: '接听数量',
		type: 'pie',
		radius: '60%',
		center: ['50%', '55%'],
		data: [],
		itemStyle: {
			emphasis: {
				shadowBlur: 10,
				shadowOffsetX: 0,
				shadowColor: 'rgba(0, 0, 0, 0.5)'
			},
			normal:{
				 label:{ 
                                   show: true, 
                                   formatter: '{b} : {c} ({d}%)' 
                                }, 
                                labelLine :{show:true}
			}
		},
		label: {
                normal: {
                    textStyle: {
                        color: '#fff'
                    }
                }
            }
	}]
	
	
	
	
	
});

//接通率报表
var jtv = echarts.init(document.getElementById('jtv_num'));
jtv.setOption({
	title: {
		text: '接通率统计',
		x: 'center',
		textStyle: {
			color: '#fff',
			fontSize: 18,
			fontWeight: 'normal'
		}
	},
	tooltip: {
		trigger: 'axis',
		axisPointer: {
			type: 'shadow',
			label: {
				show: true,
				backgroundColor: '#333'
			}
		},
		formatter: function(datas) 
              {
              var res = datas[0].name + '<br/>', val;
                  for(var i = 0, length = datas.length; i < length; i++) {
                        val = (datas[i].value) + '%';
                        res += datas[i].seriesName + '：' + val + '<br/>';
                    }
                    return res;
               }
	},
	legend: {
		top: 30,
		data: ['接通率'],
		textStyle: {
			color: '#fff'
		}
	},
	xAxis: {
		name: '时',
		data: [],
		axisLine: {
			lineStyle: {
				color: '#ccc'
			}
		},

	},
	yAxis: {
		name: '比率',
		splitLine: {
			show: false
		},
		axisLine: {
			lineStyle: {
				color: '#ccc'
			}
		}
	},
	series: [{
		name: '接通率',
		type: 'bar',
		barWidth: 8,
		itemStyle: {
			normal: {
				color: new echarts.graphic.LinearGradient(
					0, 0, 0, 1, [{
							offset: 0,
							color: '#14c8d4'
						},
						{
							offset: 1,
							color: '#43eec6'
						}
					]
				)
			}
		},
		data: []
	}]

});
//通话时长
var th_nums = echarts.init(document.getElementById('th_nums'));
th_nums.setOption({
	title: {
		text: '通话时长统计',
		x: 'center',
		textStyle: {
			color: '#fff',
			fontSize: 18,
			fontWeight: 'normal'
		}
	},
	tooltip: {
		trigger: 'axis',
		axisPointer: {
			type: 'shadow',
			label: {
				show: true,
				backgroundColor: '#333'
			}
		}
	
	},
	legend: {
		top: 30,
		data: ['平均通话时长统计'],
		textStyle: {
			color: '#fff'
		}
	},
	xAxis: {
		name: '时',
		data: [],
		axisLine: {
			lineStyle: {
				color: '#ccc'
			}
		},

	},
	yAxis: {
		name: '秒',
		splitLine: {
			show: false
		},
		axisLine: {
			lineStyle: {
				color: '#ccc'
			}
		}
	},
	series: [{
		name: '平均通话时长',
		type: 'line',
		smooth:true,
		showAllSymbol:true,
		symbol :"emptyCircle",
		symbolSize: 10,
		data: []
	}]
});
Ajax();
function Ajax(){
	$('.gdmap-r ul').html('');
	$('.gdmap-l ul').html('');
	var index = layer.load(1, { shade: [0.5,'#030303'] //0.1透明度的白色背景
	});
	$.ajax({
	type: "get",
	url: huayi.config.callcenter_url + "Info/GetCenterInfo",
	async: true,
	dataType: 'json',
	data: {

	},
	success: function(data) {
		if(data.message.toLowerCase()=='加载成功'){
				layer.close(index);
			var part1=data.data.d;
			var color=["z","l","a","t","y","g","w","b","1","2","3"];
			var dindex=Math.floor(Math.random()*10+1);
			$(part1).each(function(i,n){
				var dindex=Math.floor(Math.random()*10+1);
				if(n.AreaName.indexOf('鹿邑县')!=-1){
					$('<li>'+
					'<i class="xe-'+ color[dindex] +'"></i>'+
					'<span>'+n.AreaName+'</span>'+
//					'<span>市直单位</span>'+
					'<span>'+ n.Count+'</span>'+
					'</li>').appendTo('.gdmap-r ul')
				}if(n.AreaName.indexOf('太清宫')!=-1){
					$('<li>'+
					'<i class="yuc"></i>'+
					'<span>'+n.AreaName+'</span>'+
					'<span>'+ n.Count+'</span>'+
					'</li>').appendTo('.gdmap-r ul')
				}if(n.AreaName.indexOf('王皮溜')!=-1){
					$('<li>'+
					'<i class="mq"></i>'+
					'<span>'+n.AreaName+'</span>'+
					'<span>'+ n.Count+'</span>'+
					'</li>').appendTo('.gdmap-r ul')
				}if(n.AreaName.indexOf('试量')!=-1){
					$('<li>'+
					'<i class="sx"></i>'+
					'<span>'+n.AreaName+'</span>'+
					'<span>'+ n.Count+'</span>'+
					'</li>').appendTo('.gdmap-r ul')
				}if(n.AreaName.indexOf('辛集')!=-1){
					$('<li>'+
					'<i class="nl"></i>'+
					'<span>'+n.AreaName+'</span>'+
					'<span>'+ n.Count+'</span>'+
					'</li>').appendTo('.gdmap-r ul')
				}if(n.AreaName.indexOf('玄武')!=-1){
					$('<li>'+
					'<i class="lyq"></i>'+
					'<span>'+n.AreaName+'</span>'+
					'<span>'+ n.Count+'</span>'+
					'</li>').appendTo('.gdmap-r ul')
				}if(n.AreaName.indexOf('宋河')!=-1){
					$('<li>'+
					'<i class="syq"></i>'+
					'<span>'+n.AreaName+'</span>'+
					'<span>'+ n.Count+'</span>'+
					'</li>').appendTo('.gdmap-r ul')
				}if(n.AreaName.indexOf('马铺')!=-1){
					$('<li>'+
					'<i class="zc"></i>'+
					'<span>'+n.AreaName+'</span>'+
					'<span>'+ n.Count+'</span>'+
					'</li>').appendTo('.gdmap-r ul')
				}if(n.AreaName.indexOf('涡北')!=-1){
					$('<li>'+
					'<i class="xy"></i>'+
					'<span>'+n.AreaName+'</span>'+
					'<span>'+ n.Count+'</span>'+
					'</li>').appendTo('.gdmap-r ul')
				}if(n.AreaName.indexOf('张店')!=-1){
					$('<li>'+
					'<i class="yongc"></i>'+
					'<span>'+n.AreaName+'</span>'+
					'<span>'+ n.Count+'</span>'+
					'</li>').appendTo('.gdmap-r ul')
				}if(n.AreaName.indexOf('观堂')!=-1){
					$('<li>'+
					'<i class="xe-'+ color[dindex] +'"></i>'+
					'<span>'+n.AreaName+'</span>'+
					'<span>'+ n.Count+'</span>'+
					'</li>').appendTo('.gdmap-r ul')
				}if(n.AreaName.indexOf('杨湖口')!=-1){
					$('<li>'+
					'<i class="xe-'+ color[dindex] +'"></i>'+
					'<span>'+n.AreaName+'</span>'+
					'<span>'+ n.Count+'</span>'+
					'</li>').appendTo('.gdmap-r ul')
				}if(n.AreaName.indexOf('贾滩')!=-1){
					$('<li>'+
					'<i class="xe-'+ color[dindex] +'"></i>'+
					'<span>'+n.AreaName+'</span>'+
					'<span>'+ n.Count+'</span>'+
					'</li>').appendTo('.gdmap-r ul')
				}if(n.AreaName.indexOf('生铁冢')!=-1){
					$('<li>'+
					'<i class="xe-'+ color[dindex] +'"></i>'+
					'<span>'+n.AreaName+'</span>'+
					'<span>'+ n.Count+'</span>'+
					'</li>').appendTo('.gdmap-r ul')
				}if(n.AreaName.indexOf('郑家集')!=-1){
					$('<li>'+
					'<i class="xe-'+ color[dindex] +'"></i>'+
					'<span>'+n.AreaName+'</span>'+
					'<span>'+ n.Count+'</span>'+
					'</li>').appendTo('.gdmap-r ul')
				}if(n.AreaName.indexOf('赵村')!=-1){
					$('<li>'+
					'<i class="xe-'+ color[dindex] +'"></i>'+
					'<span>'+n.AreaName+'</span>'+
					'<span>'+ n.Count+'</span>'+
					'</li>').appendTo('.gdmap-r ul')
				}if(n.AreaName.indexOf('任集')!=-1){
					$('<li>'+
					'<i class="xe-'+ color[dindex] +'"></i>'+
					'<span>'+n.AreaName+'</span>'+
					'<span>'+ n.Count+'</span>'+
					'</li>').appendTo('.gdmap-r ul')
				}if(n.AreaName.indexOf('唐集')!=-1){
					$('<li>'+
					'<i class="xe-'+ color[dindex] +'"></i>'+
					'<span>'+n.AreaName+'</span>'+
					'<span>'+ n.Count+'</span>'+
					'</li>').appendTo('.gdmap-r ul')
				}if(n.AreaName.indexOf('高集')!=-1){
					$('<li>'+
					'<i class="xe-'+ color[dindex] +'"></i>'+
					'<span>'+n.AreaName+'</span>'+
					'<span>'+ n.Count+'</span>'+
					'</li>').appendTo('.gdmap-r ul')
				}if(n.AreaName.indexOf('邱集')!=-1){
					$('<li>'+
					'<i class="xe-'+ color[dindex] +'"></i>'+
					'<span>'+n.AreaName+'</span>'+
					'<span>'+ n.Count+'</span>'+
					'</li>').appendTo('.gdmap-r ul')
				}if(n.AreaName.indexOf('穆店')!=-1){
					$('<li>'+
					'<i class="xe-'+ color[dindex] +'"></i>'+
					'<span>'+n.AreaName+'</span>'+
					'<span>'+ n.Count+'</span>'+
					'</li>').appendTo('.gdmap-r ul')
				}if(n.AreaName.indexOf('当即')!=-1){
					$('<li>'+
					'<i class="xe-'+ color[dindex] +'"></i>'+
					'<span>'+n.AreaName+'</span>'+
					'<span>'+ n.Count+'</span>'+
					'</li>').appendTo('.gdmap-r ul')
				}
			})
			 var part1_left=data.data.e;
			 $(part1_left).each(function(i,n){
			 	if(n.TypeName.indexOf('总计')!=-1){
   	   			 		$('#total').html(n.Count);
   	   			 	}if(n.TypeName.indexOf('今日')!=-1){
   	   			 		$('#today').html(n.Count);
   	   			 	}
// 	   			 	if(!(n.TypeName.indexOf('总计')!=-1||n.TypeName.indexOf('今日')!=-1)){
// 	   			 		$('<li>'+
//						'<div>'+n.TypeName +'：<span>'+n.Count +'</span></div>'+
//					'</li>').appendTo('.gdmap-l ul');
// 	   			 	}
			 	
			 	
			 })
			
			
			var part2=data.data.a;
			var part2_legend = [];
			var part2_ser = [];
			var order_total=0;
			$(part2).each(function(i,n){
				var obj={};
				if(i==1){
					obj.value=n.con;
					obj.name=n.name;
					obj.selected=true;
				}else{
					obj.value=n.con;
					obj.name=n.name;
				}
				part2_legend.push(n);
				part2_ser.push(obj);
//				$('<li>'+
//						'<div>'+n +'</div>'+
//						'<span>'+part2.counts[i] +'</span>'+
//					'</li>').appendTo('.gdmap-l ul');
//					order_total+=part2.counts[i];
			})
//			$('<li style="margin-top:0;">'+
//						'<div>总计</div>'+
//						'<span>'+order_total+'</span>'+
//					'</li>').prependTo('.gdmap-l ul');
			slhw.setOption({
						legend: {
							data: part2_legend
						},
						series: [{
							data: part2_ser
						}]
			})
			
			var part3=data.data.b;
				jtv.setOption({
						xAxis: {
							data:part3.hours
						},
						series: [{
							data:part3.rates
						}]
						
				})
			var part4=data.data.c;
				th_nums.setOption({
						xAxis: {
							data:part4.hours
						},
						series: [{
							data:part4.avgtimes
						}]
						
				})
			
		}

	}
});
}

setInterval(Ajax, huayi.config.indextime);//Ajax调用函数