YC12345_Web/WebChart_2.0/js/receiptDepar...

$(function() {
	laydate.render({
		elem: '#phone_time',
		eventElem:'.data-input-icon1',
		trigger:'click',
		range: '~',
		theme: '#114a97',
		done: function(value, date) {
			partTwo(value && value.split(' ~ ')[0], value && value.split(' ~ ')[1]);
			partThree(value && value.split(' ~ ')[0]);
		}
	});
	
	Ajax();
	$("#dep").change(function() {
		partTwo($('#phone_time').val() && $('#phone_time').val().split(' ~ ')[0], $('#phone_time').val() && $('#phone_time').val().split(' ~ ')[1])
	})
})
//part 1 //工单状态统计  对接完毕
var phoneTimeCount = echarts.init(document.getElementById('phoneTimeCount'));
phoneTimeCount.setOption({
	color: ['#69e1a9', '#6a91e0', '#ceba5f', '#f06e84', '#569d4e', '#7d55ba', '#ce5aba', '#345cdd', '#569d4e'],
	tooltip: {
		trigger: 'axis',
		axisPointer: {
			type: 'cross',
			label: {
				show: true,
				backgroundColor: '#333'
			}
		}
	},
	grid: {
		left: '2%',
		right: '5%',
		bottom: '6%',
		containLabel: true
	},
	legend: {
		top: 'top',
		left: '180px',
		data: [],
		textStyle: {
			color: '#00e9ff'
		}
	},
	xAxis: {
		name: '月份',
		data: [],
		axisLine: {
			lineStyle: {
				color: '#3061a2'
			}
		},
		axisTick: {
			alignWithLabel: true,
			show: false
		},
		axisLabel: { //横轴字体颜色
			show: true,
			textStyle: {
				color: '#eff0f4'
			}
		}
	},
	yAxis: {
		name: '（数量）',
		splitLine: {
			show: false
		},
		axisLine: {
			lineStyle: {
				color: '#3061a2'
			}
		},
		axisLabel: { //横轴字体颜色
			show: true,
			textStyle: {
				color: '#eff0f4'
			}
		}
	},
	series: []
});

function partOne() {
	$.ajax({
		type: "get",
		url: huayi.config.callcenter_url + "info/GetStateCountMonthByDate",
		async: true,
		dataType: 'json',
		success: function(data) {
			if(data.state.toLowerCase() == 'success') {
				//							layer.close(index);
				var con = data.data;
				//						var jieDans = result.data.a;
				var counts = con.counts;
				var sers = [];
				$(counts).each(function(i, n) {
					var obj = {};
					obj.name = con.cols[i];
					obj.type = "line";
					obj.smooth = true;
					obj.showAllSymbol = true;
					obj.symbol = "emptyCircle";
					obj.symbolSize = 10;
					obj.data = n;
					sers.push(obj)
				});
				phoneTimeCount.setOption({
					xAxis: {
						data: con.months
					},
					legend: {
						data: con.cols
					},
					series: sers
				});
			}
		}
	});
}

//part 2 //各部门工单情况
//部门下拉框
$.getJSON(huayi.config.callcenter_url + "info/GetDeptList ", function(result) {
	if(result.state.toLowerCase() == "success") {
		
		goodslist = result.data;
		bindseat($("#dep"));
	}
});
//下拉框
function bindseat(obj) {
	obj.empty();
	obj.append('<option value="" >请选择部门</option>');
	$(goodslist).each(function(i, n) {
		obj.append('<option value="' + n.F_DeptId + '">' + n.F_DeptName + '</option>');
	})
}

function partTwo(starts, ends) {
	$.ajax({
		type: "get",
		url: huayi.config.callcenter_url + "Info/GetDeptCountByDateNew",
		dataType: 'json',
		async: true,
		data: {
			start: starts,
			end: ends,
			deptid: $('#dep').val()
		},
		success: function(data) {
			if(data.state.toLowerCase() == 'success') {
				$('.thead tr').html('');
				$('#scroll_table tbody').html('');
				var con = data.data;
				var thead = con[0];
				$.each(thead, function(k, val) {
					$('<td>' + k + '</td>').appendTo('.thead tr');
				})
				$(con).each(function(j, n) {
					var str = '<tr>'
					$.each(thead, function(j, m) {
						console.log();
						$.each(n, function(k, val) {
							if(j == k) {
								if(val == '') {
									val = 0;
								}
								str += '<td>' + val + '</td>'
							}
						})
					})
					str += '</tr>';

					$('#scroll_table tbody').append(str);
				})
				$("#scroll_table").Scroll({
					line: 1,
					speed: 500,
					timer: 2000
				});
			}
		}
	});
}
// part3 工单处理时间分布
var sitProportion = echarts.init(document.getElementById('sitProportion')); //坐席闲忙比例
sitProportion.setOption({
	color: ['#4ab7c7', '#2484d9', '#2e39c1'],
	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) + '%';
				val = (datas[i].value);
				res += datas[i].seriesName + '：' + val + '<br/>';
			}
			return res;
		}
	},
	legend: {
		top: 'top',
		left: '165px',
		data: ['受理工单数', '处理工单数'],
		textStyle: {
			color: '#00e9ff'
		}
	},
	grid: {
		left: '2%',
		right: '5%',
		bottom: '5%',
		containLabel: true
	},
	xAxis: {
		name: '时',
		data: [],
		axisLine: {
			lineStyle: {
				color: '#3061a2'
			}
		},
		axisTick: {
			alignWithLabel: true,
			show: false
		},
		axisLabel: { //横轴字体颜色
			show: true,
			textStyle: {
				color: '#eff0f4'
			}
		}

	},
	yAxis: {
		name: '(数量)',
		splitLine: {
			show: false
		},
		axisLine: {
			lineStyle: {
				color: '#3061a2'
			}
		},
		axisLabel: { //横轴字体颜色
			show: true,
			textStyle: {
				color: '#eff0f4'
			}
		}
	},
	series: [{
		name: '受理工单数',
		type: 'bar',
		barGap: 0,
		data: []
	}, {
		name: '处理工单数',
		type: 'bar',
		data: []
	}]

});

function partThree(starts, ends) {
	$.ajax({
		type: "get",
		url: huayi.config.callcenter_url + "info/GetDealDate",
		dataType: 'json',
		async: true,
		data: {
			start: starts,
			end: ends,
		},
		success: function(data) {
			if(data.state.toLowerCase() == 'success') {
				var con = data.data;
				sitProportion.setOption({
					xAxis: {
						data: con.hours
					},
					series: [{
						data: con.acounts
					}, {
						data: con.fcounts
					}]
				});
			}
		}
	});
}
function Ajax() {
	partOne()
	partTwo($('#phone_time').val() && $('#phone_time').val().split(' ~ ')[0], $('#phone_time').val() && $('#phone_time').val().split(' ~ ')[1]);
	partThree($('#phone_time').val() && $('#phone_time').val().split(' ~ ')[0], $('#phone_time').val() && $('#phone_time').val().split(' ~ ')[1]);
}