AnYang_UI/WebChartNewest/js/index.js

/*
	一级大屏
*/
var img = './image/frame.png';
var numscroll = [];
var numscroll1 = [];
var trafficState = 0
var trafficData = [];
var sourceCountId = [],
	seatData = [], 
	timeState = 1,
	hotlineDataType = 0,
	MajoreventsDataType=0,
	keyCountDataType=0,
	typeCountDataType=0
//时段话务
gettraffic() //话务量
getHotline() //热线
getHotThings() //重大事件
getKeyWord(); //热搜词
getworkOrder() //工单类型
timeTable() //办理时限
getHotlineAccept() //热线受理
getNowFormatDate()//现在的时间
//每个三十秒刷新一次
setInterval(function () {
	gettraffic() //话务量
	getHotline() //热线
	getHotThings() //重大事件
	getKeyWord(); //热搜词
	getworkOrder() //工单类型
	timeTable() //办理时限
	getHotlineAccept() //热线受理
}, 30000)
$(document).ready(function(){
	//热线整合
//$(".hotline").on("click","li",function(){
//  alert("段落被点击了");
//});
})
//关闭按钮
$('.close_icon').click(function () {
	console.log(11)
	$('.bulletFrame').hide();
	$('.bulletFrameT').hide();
	if ($('.bulletFrame').css('display') == 'none') {
		$('.body').css('opacity', '1')
	}
	if ($('.bulletFrameT').css('display') == 'none') {
		$('.body').css('opacity', '1')
	}
})
//关闭按钮退回工单列表
$('.backProcedure').click(function () {
	$('.workDetails').show();
	$('.workDetails').siblings().hide()
})
//返回按钮
$('.back_icon').click(function () {
	$('.bulletFrameT').hide();
	if ($('.bulletFrameT').css('display') == 'none') {
		$('.body').css('opacity', '1')
	}
})
//中间地图关闭按钮
$('.closeMap_icon').click(function () {
	$('.bulletFrame').hide();
	$('.bulletFrameT').hide();
	if ($('.bulletFrame').css('display') == 'none') {
		$('.body').css('opacity', '1')
	}
	if ($('.bulletFrameT').css('display') == 'none') {
		$('.body').css('opacity', '1')
	}
	$('.type').css({
		'background': 'url(./image/second/btn1.png)'
	})
	$('.classify').css({
		'background': 'url(./image/second/btn2.png)'
	})
	$('.secondLevel_map .regionMap').html('');
})
//
//热搜词移入，移入内容以外关闭出现页面
//document.addEventListener('mousemove', (e) => {
//	let t = document.getElementById('keyword'); // 最外层元素
//	let l = document.getElementById('hotline3');
//	if (!e.path.includes(t)) {
//		$('.keyWrap').css('display', 'none')
//	}
//	if (!e.path.includes(l)) {
//		$('.lineB').css('display', 'none')
//	}
//})
$("#keyword").mouseleave(function(){
    $('.keyWrap').css('display', 'none')
 });
 $("#hotline3").mouseleave(function(){
    $('.lineB').css('display', 'none')
 });
function getHotlineAccept() {
	new doAjax({
		url: huayi.config.callcenter_url + "/InfoNew/GetSourceCountBy",
		data: {},
		callBack: function (res) {
			let str = ''
			Object.keys(res[0]).forEach((key, n) => {
				if (n == 0) {
					if ($('#slw_num').text() != parseInt(res[0][key] % 100000 / 10000)) {
						$('#slw_num').text(parseInt(res[0][key] % 100000 / 10000))
						$('#slw_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}

					if ($('#slq_num').text() != parseInt(res[0][key] % 10000 / 1000)) {
						$('#slq_num').text(parseInt(res[0][key] % 10000 / 1000))
						$('#slq_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}

					if ($('#slb_num').text() != parseInt(res[0][key] % 1000 / 100)) {
						$('#slb_num').text(parseInt(res[0][key] % 1000 / 100))
						$('#slb_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}

					if ($('#sls_num').text() != parseInt((res[0][key] % 100) / 10)) {
						$('#sls_num').text(parseInt((res[0][key] % 100) / 10))
						$('#sls_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}

					if ($('#slg_num').text() != parseInt(res[0][key] % 10)) {
						$('#slg_num').text(parseInt(res[0][key] % 10))
						$('#slg_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
				}
				else if (n == 3) {
					if ($('#dxw_num').text() != parseInt(res[0][key] % 100000 / 10000)) {
						$('#dxw_num').text(parseInt(res[0][key] % 100000 / 10000))
						$('#dxw_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if ($('#dxq_num').text() != parseInt(res[0][key] % 10000 / 1000)) {
						$('#dxq_num').text(parseInt(res[0][key] % 10000 / 1000))
						$('#dxq_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if ($('#dxb_num').text() != parseInt(res[0][key] % 1000 / 100)) {
						$('#dxb_num').text(parseInt(res[0][key] % 1000 / 100))
						$('#dxb_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if ($('#dxs_num').text() != parseInt((res[0][key] % 100) / 10)) {
						$('#dxs_num').text(parseInt((res[0][key] % 100) / 10))
						$('#dxs_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if ($('#dxg_num').text() != parseInt(res[0][key] % 10)) {
						$('#dxg_num').text(parseInt(res[0][key] % 10))
						$('#dxg_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
				} else if (n == 1) {
					if ($('#szw_num').text() != parseInt(res[0][key] % 100000 / 10000)) {
						$('#szw_num').text(parseInt(res[0][key] % 100000 / 10000))
						$('#szw_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if ($('#szq_num').text() != parseInt(res[0][key] % 10000 / 1000)) {
						$('#szq_num').text(parseInt(res[0][key] % 10000 / 1000))
						$('#szq_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if ($('#szb_num').text() != parseInt(res[0][key] % 1000 / 100)) {
						$('#szb_num').text(parseInt(res[0][key] % 1000 / 100))
						$('#szb_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if ($('#szs_num').text() != parseInt((res[0][key] % 100) / 10)) {
						$('#szs_num').text(parseInt((res[0][key] % 100) / 10))
						$('#szs_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if ($('#szg_num').text() != parseInt(res[0][key] % 10)) {
						$('#szg_num').text(parseInt(res[0][key] % 10))
						$('#szg_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
				} else if (n == 5) {
					if ($('#wxw_num').text() != parseInt(res[0][key] % 100000 / 10000)) {
						$('#wxw_num').text(parseInt(res[0][key] % 100000 / 10000))
						$('#wxw_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if ($('#wxq_num').text() != parseInt(res[0][key] % 10000 / 1000)) {
						$('#wxq_num').text(parseInt(res[0][key] % 10000 / 1000))
						$('#wxq_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if ($('#wxb_num').text() != parseInt(res[0][key] % 1000 / 100)) {
						$('#wxb_num').text(parseInt(res[0][key] % 1000 / 100))
						$('#wxb_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if ($('#wxs_num').text() != parseInt((res[0][key] % 100) / 10)) {
						$('#wxs_num').text(parseInt((res[0][key] % 100) / 10))
						$('#wxs_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if ($('#wxg_num').text() != parseInt(res[0][key] % 10)) {
						$('#wxg_num').text(parseInt(res[0][key] % 10))
						$('#wxg_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
				} else if (n == 2) {
					if ($('#xxw_num').text() != parseInt(res[0][key] % 100000 / 10000)) {
						$('#xxw_num').text(parseInt(res[0][key] % 100000 / 10000))
						$('#xxw_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if ($('#xxq_num').text() != parseInt(res[0][key] % 10000 / 1000)) {
						$('#xxq_num').text(parseInt(res[0][key] % 10000 / 1000))
						$('#xxq_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if ($('#xxb_num').text() != parseInt(res[0][key] % 1000 / 100)) {
						$('#xxb_num').text(parseInt(res[0][key] % 1000 / 100))
						$('#xxb_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if ($('#xxs_num').text() != parseInt((res[0][key] % 100) / 10)) {
						$('#xxs_num').text(parseInt((res[0][key] % 100) / 10))
						$('#xxs_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if ($('#xxg_num').text() != parseInt(res[0][key] % 10)) {
						$('#xxg_num').text(parseInt(res[0][key] % 10))
						$('#xxg_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
				} else if (n == 4) {
					if ($('#zww_num').text() != parseInt(res[0][key] % 100000 / 10000)) {
						$('#zww_num').text(parseInt(res[0][key] % 100000 / 10000))
						$('#zww_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if ($('#zwq_num').text() != parseInt(res[0][key] % 10000 / 1000)) {
						$('#zwq_num').text(parseInt(res[0][key] % 10000 / 1000))
						$('#zwq_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if ($('#zwb_num').text() != parseInt(res[0][key] % 1000 / 100)) {
						$('#zwb_num').text(parseInt(res[0][key] % 1000 / 100))
						$('#zwb_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if ($('#zws_num').text() != parseInt((res[0][key] % 100) / 10)) {
						$('#zws_num').text(parseInt((res[0][key] % 100) / 10))
						$('#zws_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if ($('#zwg_num').text() != parseInt(res[0][key] % 10)) {
						$('#zwg_num').text(parseInt(res[0][key] % 10))
						$('#zwg_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
				}
			})
		},
	})
	new doAjax({
		url: huayi.config.callcenter_url + "/InfoNew/GetVisitCount",
		data: {},
		callBack: function (res) {
			let visitCount = [];
			let str = ''
			Object.keys(res[0]).forEach((key, n) => {
				if (key == 'DHCOUNT') {
					visitCount.push({
						name: '电话回访',
						value: res[0][key]
					})
				} else if (key == 'DXCOUNT') {
					visitCount.push({
						name: '短信回访',
						value: res[0][key]
					})
				} else {
					visitCount.unshift({
						name: '回访总数',
						value: res[0][key]
					})
				}
			})
			visitCount.forEach(function (v, n) {
				if (n == 0) {
					if (parseInt(v.value % 100000 / 10000) != $('#zsw_num').text()) {
						$('#zsw_num').text(parseInt(v.value % 100000 / 10000))
						$('#zsw_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if (parseInt(v.value % 10000 / 1000) != $('#zsq_num').text()) {
						$('#zsq_num').text(parseInt(v.value % 10000 / 1000))
						$('#zsq_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if (parseInt(v.value % 1000 / 100) != $('#zsb_num').text()) {
						$('#zsb_num').text(parseInt(v.value % 1000 / 100))
						$('#zsb_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if (parseInt((v.value % 100) / 10) != $('#zss_num').text()) {
						$('#zss_num').text(parseInt((v.value % 100) / 10))
						$('#zss_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if (parseInt(v.value % 10) != $('#zsg_num').text()) {
						$('#zsg_num').text(parseInt(v.value % 10))
						$('#zsg_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}

				} else if (n == 1) {
					if (parseInt(v.value % 100000 / 10000) != $('#hfw_num').text()) {
						$('#hfw_num').text(parseInt(v.value % 100000 / 10000))
						$('#hfw_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if (parseInt(v.value % 10000 / 1000) != $('#hfq_num').text()) {
						$('#hfq_num').text(parseInt(v.value % 10000 / 1000))
						$('#hfq_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if (parseInt(v.value % 1000 / 100) != $('#hfb_num').text()) {
						$('#hfb_num').text(parseInt(v.value % 1000 / 100))
						$('#hfb_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if (parseInt((v.value % 100) / 10) != $('#hfs_num').text()) {
						$('#hfs_num').text(parseInt((v.value % 100) / 10))
						$('#hfs_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if (parseInt(v.value % 10) != $('#hfg_num').text()) {
						$('#hfg_num').text(parseInt(v.value % 10))
						$('#hfg_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
				} else if (n == 2) {
					if (parseInt(v.value % 100000 / 10000) != $('#dhw_num').text()) {
						$('#dhw_num').text(parseInt(v.value % 100000 / 10000))
						$('#dhw_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if (parseInt(v.value % 10000 / 1000) != $('#dhq_num').text()) {
						$('#dhq_num').text(parseInt(v.value % 10000 / 1000))
						$('#dhq_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if (parseInt(v.value % 1000 / 100) != $('#dhb_num').text()) {
						$('#dhb_num').text(parseInt(v.value % 1000 / 100))
						$('#dhb_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if (parseInt((v.value % 100) / 10) != $('#dhs_num').text()) {
						$('#dhs_num').text(parseInt((v.value % 100) / 10))
						$('#dhs_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
					if (parseInt(v.value % 10) != $('#dhg_num').text()) {
						$('#dhg_num').text(parseInt(v.value % 10))
						$('#dhg_num').counterUp({
							delay: 50,//每个数字动画的延迟时间，单位毫秒。
							time: 500//计数动画总的持续时间。
						});
					}
				}
			})
		}
	});
}

function getHotThings() {
	var nameData = [];
	var conNum = [];
	var maxNum = []
	var secData = [];
	new doAjax({
		url: huayi.config.callcenter_url + "/InfoNew/Majorevents",
		Type: 'get',
		data: {
			stime: '',
			etime: '',
			timetype:MajoreventsDataType
		},
		callBack: function (res) {
			res.forEach(function (v, n) {
				// if(v.name!='中毒'&&v.name!='地震'){ str.replace(/[0-9]+/g,"")
				nameData.push(v.name.replace(/[0-9]+/g,""));
				conNum.push(v.count)
				secData.push({
					level: v.name,
					landArea: v.count
				})
				// }
			})
			for (var i = 0; i < secData.length; i++) {
				maxNum.push(Math.max.apply(null, conNum) + 200);
			}
			hotThingsChart('hotThings', nameData, conNum, maxNum,-30)
		}
	});
}

function gettraffic() {
	$('.btn_time').click(function (e) {
		if (!e.isPropagationStopped()) {//确定stopPropagation是否被调用过
			if (e.target.tagName == 'SPAN') {
				if ($(e.target).attr('data-state') == '0') {
					$('.timeTraffic').css('display', 'none')
					$('.daySeat').css('display', 'inline-block')
					$('#traffic').css('display', 'block')
					$('#timeTraffic').css('display', 'none')
					$('.call_situation h2').text('话务数据统计')
					$(this).siblings(".act").children("label").attr("indexTitle","话务数据统计2")
					new doAjax({
						url: huayi.config.callcenter_url + "InfoNew/GetHWCount24ByNow",
						data: {},
						callBack: function (res) {
							trafficChart(res.data.hours, res.data.hwcount[0], res.data.jtcount[0])
						}
					});
					
				}
			}
		}
		e.stopPropagation();
	})
}

function getHotline() {
	let arr = [];
	let newArr = []
	new doAjax({
		url: huayi.config.callcenter_url + "/InfoNew/GetHotline",
		data: {
			timetype:hotlineDataType
		},
		callBack: function (res) {
			let str = '';
			res.data.forEach(function (v, n) {
				// arr.push(v.count)
				arr.push({
					name: v.value,
					count: v.count
				})
			})
			function compare(a, b) {
				return a.count - b.count;  //如果a>b,返回值大于0，交换a b，升序排列
			}
			newArr = arr.sort(compare);
			newArr.reverse()
			console.log(newArr)
			res.data.forEach(function (val, num) {
				arr.forEach(function (v, n) {
					if (n === 0 && v.name === val.value) {
						str += '<li onmouseover="getHotLineInfo(\'' + val.name + '\',\'' + val.bili + '\',\'' + n + '\')" style="background-image: url(./image/line/line' + n + '.png);"><div class="number">' + val.count + '</div><div class="hotCall">' + val.value + '</div></li>'
					} else if (n === 1 && v.name === val.value) {
						str += '<li onmouseover="getHotLineInfo(\'' + val.name + '\',\'' + val.bili + '\',\'' + n + '\')" style="background-image: url(./image/line/line' + n + '.png);"><div class="number">' + val.count + '</div><div class="hotCall">' + val.value + '</div></li>'
					} else if (n === 2 && v.name === val.value) {
						str += '<li onmouseover="getHotLineInfo(\'' + val.name + '\',\'' + val.bili + '\',\'' + n + '\')" style="background-image: url(./image/line/line' + n + '.png);"><div class="number">' + val.count + '</div><div class="hotCall">' + val.value + '</div></li>'
					} else if (n === 3 && v.name === val.value) {
						str += '<li onmouseover="getHotLineInfo(\'' + val.name + '\',\'' + val.bili + '\',\'' + n + '\')" style="background-image: url(./image/line/line' + n + '.png);"><div class="number">' + val.count + '</div><div class="hotCall">' + val.value + '</div></li>'
					} else if (n === 4 && v.name === val.value) {
						str += '<li onmouseover="getHotLineInfo(\'' + val.name + '\',\'' + val.bili + '\',\'' + n + '\')" style="background-image: url(./image/line/line' + n + '.png);"><div class="number">' + val.count + '</div><div class="hotCall">' + val.value + '</div></li>'
					} else if (n === 5 && v.name === val.value) {
						str += '<li onmouseover="getHotLineInfo(\'' + val.name + '\',\'' + val.bili + '\',\'' + n + '\')" style="background-image: url(./image/line/line' + n + '.png);"><div class="number">' + val.count + '</div><div class="hotCall">' + val.value + '</div></li>'
					} else if (n === 6 && v.name === val.value) {
						str += '<li onmouseover="getHotLineInfo(\'' + val.name + '\',\'' + val.bili + '\',\'' + n + '\')" style="background-image: url(./image/line/line' + n + '.png);"><div class="number">' + val.count + '</div><div class="hotCall">' + val.value + '</div></li>'
					} else if (n === 7 && v.name === val.value) {
						str += '<li onmouseover="getHotLineInfo(\'' + val.name + '\',\'' + val.bili + '\',\'' + n + '\')" style="background-image: url(./image/line/line' + n + '.png);"><div class="number">' + val.count + '</div><div class="hotCall">' + val.value + '</div></li>'
					} else if (n === 8 && v.name === val.value) {
						str += '<li onmouseover="getHotLineInfo(\'' + val.name + '\',\'' + val.bili + '\',\'' + n + '\')" style="background-image: url(./image/line/line' + n + '.png);"><div class="number">' + val.count + '</div><div class="hotCall">' + val.value + '</div></li>'
					} else if (n === 9 && v.name === val.value) {
						str += '<li onmouseover="getHotLineInfo(\'' + val.name + '\',\'' + val.bili + '\',\'' + n + '\')" style="background-image: url(./image/line/line' + n + '.png);"><div class="number">' + val.count + '</div><div class="hotCall">' + val.value + '</div></li>'
					} else if (n === 10 && v.name === val.value) {
						str += '<li onmouseover="getHotLineInfo(\'' + val.name + '\',\'' + val.bili + '\',\'' + n + '\')" style="background-image: url(./image/line/line' + n + '.png);"><div class="number">' + val.count + '</div><div class="hotCall">' + val.value + '</div></li>'
					} else if (n === 11 && v.name === val.value) {
						str += '<li onmouseover="getHotLineInfo(\'' + val.name + '\',\'' + val.bili + '\',\'' + n + '\')" style="background-image: url(./image/line/line' + n + '.png);"><div class="number">' + val.count + '</div><div class="hotCall">' + val.value + '</div></li>'
					} else if (n === 12 && v.name === val.value) {
						str += '<li onmouseover="getHotLineInfo(\'' + val.name + '\',\'' + val.bili + '\',\'' + n + '\')" style="background-image: url(./image/line/line' + n + '.png);"><div class="number">' + val.count + '</div><div class="hotCall">' + val.value + '</div></li>'
					} else if (n === 13 && v.name === val.value) {
						str += '<li onmouseover="getHotLineInfo(\'' + val.name + '\',\'' + val.bili + '\',\'' + n + '\')" style="background-image: url(./image/line/line' + n + '.png);"><div class="number">' + val.count + '</div><div class="hotCall">' + val.value + '</div></li>'
					}else if (n === 14 && v.name === val.value) {
						str += '<li onmouseover="getHotLineInfo(\'' + val.name + '\',\'' + val.bili + '\',\'' + n + '\')" style="background-image: url(./image/line/line' + n + '.png);"><div class="number">' + val.count + '</div><div class="hotCall">' + val.value + '</div></li>'
					}else if (n === 15 && v.name === val.value) {
						str += '<li onmouseover="getHotLineInfo(\'' + val.name + '\',\'' + val.bili + '\',\'' + n + '\')" style="background-image: url(./image/line/line' + n + '.png);"><div class="number">' + val.count + '</div><div class="hotCall">' + val.value + '</div></li>'
					}
				})
			})
			$('.hotline').html(str)
		}
	});
}

function getHotLineInfo(strName, bili, n) {
	$('.lineB').text(strName + '：' + bili);
	if (n == 8) {
		$('.lineB').css({
			'display': 'block',
			'top': '60px',
			'left': '-24px'
		})
	} else if (n == 11) {
		$('.lineB').css({
			'display': 'block',
			'top': '-24px',
			'left': '305px'
		})
	} else if (n == 4) {
		$('.lineB').css({
			'display': 'block',
			'top': '60px',
			'left': '380px'
		})
	} else if (n == 10) {
		$('.lineB').css({
			'display': 'block',
			'top': '-24px',
			'left': '380px'
		})
	} else if (n == 5) {
		$('.lineB').css({
			'display': 'block',
			'top': '144px',
			'left': '60px'
		})
	} else if (n == 3) {
		$('.lineB').css({
			'display': 'block',
			'top': '57px',
			'left': '306px'
		})
	} else if (n == 0) {
		$('.lineB').css({
			'display': 'block',
			'top': '57px',
			'left': '146px'
		})
	} else if (n == 2) {
		$('.lineB').css({
			'display': 'block',
			'top': '60px',
			'left': '60px'
		})
	} else if (n == 1) {
		$('.lineB').css({
			'display': 'block',
			'top': '57px',
			'left': '226px'
		})
	} else if (n == 7) {
		$('.lineB').css({
			'display': 'block',
			'top': '144px',
			'left': '225px'
		})
	} else if (n == 12) {
		$('.lineB').css({
			'display': 'block',
			'top': '-24px',
			'left': '225px'
		})
	} else if (n == 6) {
		$('.lineB').css({
			'display': 'block',
			'top': '144px',
			'left': '-24px'
		})
	} else if (n == 9) {
		$('.lineB').css({
			'display': 'block',
			'top': '144px',
			'left': '140px'
		})
	} else if (n == 13) {
		$('.lineB').css({
			'display': 'block',
			'top': '-24px',
			'left': '140px'
		})
	} else if (n == 15) {
		$('.lineB').css({
			'display': 'block',
			'top': '-24px',
			'left': '-25px'
		})
	} else if (n == 14) {
		$('.lineB').css({
			'display': 'block',
			'top': '-24px',
			'left': '60px'
		})
	}
}

function getKeyWord() {
	new doAjax({
		url: huayi.config.callcenter_url + "/InfoNew/GetKeyCountByNow",
		// url: "http://192.168.8.9:1042/InfoNew/GetKeyCountByNow",
		data: {
			timetype:keyCountDataType
		},
		callBack: function (res) {
			let str = '';
			let keyName;
			res.data.Date.forEach(function (v, n) {
				keyName = v.KeyName.substr(0, v.KeyName.length - 2)
				str += '<span onclick="getKeyClass(\'' + v.KeyId + '\',\'' + v.ClassCount + '\',\'' + v.KeyName + '\')" onmouseover="getKeyInfo(\'' + v.KeyId + '\',\'' + n + '\')">' +
					keyName + '：<label>' + v.Count + '</label></span>'
			})
			$('#keyword').html(str);
		}
	});
}

function getworkOrder() {
	let workOrderData = [];
	let workOrderName = []
	new doAjax({
		url: huayi.config.callcenter_url + "/InfoNew/GetTypeCount",
		data: {
			timetype:typeCountDataType
		},
		callBack: function (res) {
			res.data.forEach(function (v, n) {
				workOrderData.push({
					name: v.type,
					value: v.count
				})
				workOrderName.push(v.type);
			})
			workOrderName.reverse();
			workOrderChart(workOrderData, workOrderName)
		}
	});
}

function hotThingsChart(dom, data, count, count1,rotate=0) {
	let hotThings = echarts.init(document.getElementById(dom));
	window.onresize = function () {
		hotThings.resize()
	}
	option = {
		textStyle: {
			color: "#c0c3cd",
			fontSize: 11
		},
		grid: {
			top: '25%',
			bottom: '30%'
		},
		xAxis: {
			nameTextStyle: {
				color: "#c0c3cd",
				padding: [0, 0, -10, 0],
				fontSize: 11
			},
			axisLabel: {
				color: "#c0c3cd",
				fontSize: 11,
				rotate: rotate,
			},
			axisTick: {
				lineStyle: {
					color: "#8398c4",
					width: 1
				},
				show: false
			},
			minorTick: {
				length: 8
			},
			splitLine: {
				show: false
			},
			axisLine: {
				lineStyle: {
					color: "#8398c4",
					width: 1,
					type: "solid"
				},
				show: true
			},
			data: data,
			type: "category"
		},
		yAxis: {
			nameTextStyle: {
				color: "#c0c3cd",
				padding: [0, 0, 10, -5],
				fontSize: 11
			},
			axisLabel: {
				color: "#c0c3cd",
				fontSize: 11
			},
			axisTick: {
				lineStyle: {
					color: "#8398c4",
					width: 1
				},
				show: true
			},
			splitLine: {
				show: true,
				lineStyle: {
					color: "#8398c4",
					type: "dashed"
				}
			},
			axisLine: {
				lineStyle: {
					color: "#8398c4",
					width: 1,
					type: "solid"
				},
				show: true,
				// "symbol":['none', 'arrow'],
				symbol: ['none', 'path://M5, 20 L5, 5 L8, 8 L5, 2 L2, 8 L5, 5 L5.3, 6 L5.3,                  20'],
				symbolOffset: 5,
				symbolSize: [35, 38],
			},
			name: "条"
		},
		series: [{
			data: count,
			type: "bar",
			barMaxWidth: "auto",
			barWidth: 15,
			itemStyle: {
				color: {
					x: 0,
					y: 0,
					x2: 0,
					y2: 1,
					type: "linear",
					global: false,
					colorStops: [{
						offset: 0,
						color: "#ff4519"
					}, {
						offset: 1,
						color: "#fff500"
					}]
				},
				barBorderRadius: [30, 30, 0, 0]
			},
			label: {
				show: true,
				position: "top",
				distance: 10,
				color: "#fff"
			},
			emphasis: {
				itemStyle: {
					color: new echarts.graphic.LinearGradient(
						0, 0, 0, 1,
						[{
							offset: 0,
							color: '#fde301'
						},
						{
							offset: 1,
							color: '#0a2f3e'
						}
						]
					)
				}
			},
		}, {
			data: [1, 1, 1, 1, 1, 1],
			type: "pictorialBar",
			barMaxWidth: "20",
			symbol: "none",
		},
		{
			// "data": [1500, 1148, 756, 1395, 1750, 1148],
			type: "pictorialBar",
			barMaxWidth: "20",
			symbolPosition: "end",
			symbol: "none",
			symbolOffset: [0, "-50%"],
			symbolSize: [30, 12],
			zlevel: 1
		},
		{
			data: count1,
			type: "bar",
			barMaxWidth: "auto",
			barWidth: 15,
			barGap: "-100%",
			itemStyle: {
				color: '#234caf'
			},
			zlevel: -1
		}, {
			data: [1, 1, 1, 1, 1, 1],
			type: "pictorialBar",
			barMaxWidth: "20",
			symbol: "none",
			symbolOffset: [0, "50%"],
			symbolSize: [30, 15],
			zlevel: -2
		}, {
			data: count1,
			type: "pictorialBar",
			barMaxWidth: "20",
			symbolPosition: "end",
			symbol: "circle",
			symbolOffset: [0, "-60%"],
			symbolSize: [15, 12],
			itemStyle: {
				color: '#234caf'
			},
			zlevel: -1
		},
		]
	}
	hotThings.setOption(option);
}

function getKeyInfo(keyid, n) {
	$('.keyInfo').html('');
	new doAjax({
		url: huayi.config.callcenter_url + "/InfoNew/GetKeyArea",
		data: {
			pid: keyid,
			timetype:keyCountDataType
		},
		callBack: function (res) {
			let str = ''
			res.forEach(function (v, n) {
				if (n > 0) {
					str += '<li><label>' + v.area + '</label><span>' + v.count + '</span></li>'
				}
			})
			$('.keyInfo').html(str);
		}
	});
	if (n == 0) {
		$('.keyWrap').css({
			'display': 'block',
			'top': '95px',
			'left': '-80px'
		})
		$('.bar').css('margin', '0 auto')
	} else if (n == 1) {
		$('.keyWrap').css({
			'display': 'block',
			'top': '95px',
			'left': '100px'
		})
		$('.bar').css('margin', '0 auto')
	} else if (n == 2) {
		$('.keyWrap').css({
			'display': 'block',
			'top': '95px',
			'left': '185px'
		})
		$('.bar').css('margin', '0 0 0 250px')
	} else if (n == 5) {
		$('.keyWrap').css({
			'display': 'block',
			'top': '130px',
			'left': '185px'
		})
		$('.bar').css('margin', '0 0 0 250px')
	} else if (n == 4) {
		$('.keyWrap').css({
			'display': 'block',
			'top': '130px',
			'left': '100px'
		})
		$('.bar').css('margin', '0 auto')
	} else if (n == 3) {
		$('.keyWrap').css({
			'display': 'block',
			'top': '130px',
			'left': '-80px'
		})
		$('.bar').css('margin', '0 auto')
	} else if (n == 6) {
		$('.keyWrap').css({
			'display': 'block',
			'top': '170px',
			'left': '-80px'
		})
		$('.bar').css('margin', '0 auto')
	} else if (n == 7) {
		$('.keyWrap').css({
			'display': 'block',
			'top': '170px',
			'left': '100px'
		})
		$('.bar').css('margin', '0,auto')
	} else if (n == 10) {
		$('.keyWrap').css({
			'display': 'block',
			'top': '206px',
			'left': '100px'
		})
		$('.bar').css('margin', '0 auto')
	} else if (n == 12) {
		$('.keyWrap').css({
			'display': 'block',
			'top': '243px',
			'left': '-80px'
		})
		$('.bar').css('margin', '0 auto')
	} else if (n == 15) {
		$('.keyWrap').css({
			'display': 'block',
			'top': '278px',
			'left': '-110px'
		})
		$('.bar').css('margin', '0 auto')
	} else if (n == 8) {
		$('.keyWrap').css({
			'display': 'block',
			'top': '170px',
			'left': '185px'
		})
		$('.bar').css('margin', '0 0 0 250px')
	} else if (n == 9) {
		$('.keyWrap').css({
			'display': 'block',
			'top': '206px',
			'left': '-80px'
		})
		$('.bar').css('margin', '0 auto')
	} else if (n == 14) {
		$('.keyWrap').css({
			'display': 'block',
			'top': '243px',
			'left': '185px'
		})
		$('.bar').css('margin', '0 0 0 250px')
	} else if (n == 13) {
		$('.keyWrap').css({
			'display': 'block',
			'top': '243px',
			'left': '100px'
		})
		$('.bar').css('margin', '0 auto')
	} else if (n == 11) {
		$('.keyWrap').css({
			'display': 'block',
			'top': '206px',
			'left': '185px'
		})
		$('.bar').css('margin', '0 0 0 250px')
	} else if (n == 16) {
		$('.keyWrap').css({
			'display': 'block',
			'top': '279px',
			'left': '100px'
		})
		$('.bar').css('margin', '0 auto')
	}
}

function hotlineChart(datas) {
	console.log(datas)
	let hotline = echarts.init(document.getElementById('hotline'));
	let colors = ['#ffe000', '#ff8a00', '#3cff9c', '#03d844', '#ff69c8', '#d668ff', '#43b2ff', '#05c9d1'];
	let legendData = []
	for (var j = 0; j < datas.length; j++) {
		var data = {
			name: datas[j].name,
			icon: 'circle',
			textStyle: {
				fontSize: 18,
				color: colors[j]
			}
		}
		legendData.push(data)
	}
	let objData = array2obj(datas, 'name')
	option = {
		color: colors,
		tooltip: {
			trigger: 'item',
			textStyle: {
				color: '#fff',
				fontSize: '18',
				fontWeight: '500'
			},
			// itemStyle: {
			// 	color: '#ffe400'
			// },
			position: 'top',
			backgroundColor: 'rgba(250,250,250,0)',
			transitionDuration: 0.4,
			formatter: function (params) {
				console.log(params.data)
				console.log(params.data.name)
				if (params.data.name2.length > 9) {
					return '<div class="frame" style="background: url(image/hotline_pie.png) no-repeat;width:230px;height:100px;background-size: 100% 100%;text-align:center;top:20px;"><div class="frameC">' +
						params.data.name2.substr(0, 10) + '<br>' + params.data.name.substr(10, params.data.name2
							.length) + '：' + params.data.percent + '</div></div>';
				} else {
					return '<div class="frame" style="background: url(image/hotline_pie.png) no-repeat;width:220px;height:100px;background-size: 100% 100%;text-align:center;top:20px;"><div class="frameC">' +
						params.data.name2 + '<br>' + params.data.percent + '</div></div>';
				}

			}
		},
		series: [{
			name: '访问来源',
			type: 'pie',
			radius: '75%',
			center: ['50%', '50%'],
			label: {
				show: true,
				position: 'outside',
				color: '#ddd',
				fontSize: 16,
				formatter: function (params) {
					// console.log(params)
					return params.name + '：' + params.value
				},
				padding: [0, -70, -20, -67]
			},
			labelLine: {
				length: 13,
				length2: 65,
				show: true
			},
			data: datas,
			// roseType: 'area'
			// animationType: 'expansion',
			// animationEasing: 'elasticOut',
			// animationDelay: function(idx) {
			// 	return 200
			// }
		}]
	}
	function array2obj(array, key) {
		var resObj = {}
		for (var i = 0; i < array.length; i++) {
			resObj[array[i][key]] = array[i]
		}
		return resObj
	}

	hotline.setOption(option)
}

function trafficChart(hours, monthCount, dayCount) {
	let traffic = echarts.init(document.getElementById('traffic'));
	option = {
		tooltip: {
			trigger: 'axis',
			axisPointer: {
				show: true,
				type: 'line',
				lineStyle: {
					type: 'dashed',
					width: 2,
					color: '#fff'
				}
			},
			textStyle: {
				color: '#fff',
				fontSize: 15,
				fontWeight: '600',
			},
			// position: ['75%', '55%'],
			backgroundColor: 'rgba(250,250,250,0)',
			formatter: function (params) {
				let str = '<div style="background-image: url(image/key_frame.png);width:128px;height:90px;line-height:25px;background-size: 100% 100%;padding:7px 8px;">'
				let jtcount = params[1].value / params[0].value;
				if (isNaN(jtcount)) {
					jtcount = 0;
					str +=
						'<div><span style="color:#fff;width:75px;text-align: center;display: inline-block;">接通率：</span><span style:"width:55px;text-align: center;display: inline-block;">' +
						((jtcount) * 100).toFixed(0) + '%</span></div>'
				} else {
					str +=
						'<div><span style="color:#fff;width:75px;text-align: center;display: inline-block;">接通率：</span><span style:"width:55px;text-align: center;display: inline-block;">' +
						((jtcount) * 100).toFixed(0) + '%</span></div>'
				}
				params.forEach(function (v, n) {
					// if(v.seriesName!='上部1'){
					str +=
						'<div><span style="color:#fff;width:75px;text-align: center;display: inline-block;">' +
						v.seriesName +
						'：</span><span style:"width:55px;text-align: center;display: inline-block;">' +
						v.value + '</span></div>'
					// }

				})
				return str;


			}
		},
		grid: {
			top: '18%',
			bottom: '12%'
		},
		xAxis: [{
			type: "category",
			boundaryGap: false,
			scale: true,
			axisLabel: {
				formatter: '{value}',
				fontSize: 13,
				margin: 10,
				textStyle: {
					color: "#f4f4f8"
				}
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#525fa6"
				}
			},
			splitLine: {
				show: false,
				lineStyle: {
					color: "#243753"
				}
			},
			axisTick: {
				show: false
			},
			data: hours
		}],
		yAxis: [{
			boundaryGap: false,
			type: "value",
			// scale:true,
			axisLabel: {
				textStyle: {
					color: "#f4f4f8"
				}
			},
			nameTextStyle: {
				color: "#fff",
				fontSize: 12,
				lineHeight: 40
			},
			splitLine: {
				show: true,
				lineStyle: {
					color: "#516cb8",
					type: "dashed"
				}
			},
			axisLine: {
				lineStyle: {
					color: "#8393c8",
					width: 1,
					type: "solid"
				},
				show: true,
				// "symbol":['none', 'arrow'],
				symbol: ['none',
					'path://M5, 20 L5, 5 L8, 8 L5, 2 L2, 8 L5, 5 L5.3, 6 L5.3,                  20'
				],
				symbolOffset: 5,
				symbolSize: [35, 38],
			},
			name: "条"
		}],
		series: [{
			name: "话务量",
			type: "line",
			smooth: true,
			showSymbol: false,
			symbol: 'circle',
			symbolSize: 4,
			zlevel: 3,
			itemStyle: {
				color: '#06eff8'
			},
			lineStyle: {
				normal: {
					width: 2,
					color: "#06eff8",
				}
			},
			// label: {
			// 	show: true,
			// 	position: 'top',
			// 	color: '#fff',
			// 	fontSize: 14,
			// 	fontWeight: '600',
			// 	formatter: function (params) {
			// 		return params.seriesName + '：' + params.value
			// 	}
			// },
			areaStyle: {
				normal: {
					color: new echarts.graphic.LinearGradient(
						0,
						0,
						0,
						1,
						[{
							offset: 0,
							color: "#35b1bb"
						},
						{
							offset: 0.8,
							color: "#073492"
						}
						],
						false
					),
				}
			},
			emphasis: {
				itemStyle: {
					color: '#fff',
					shadowBlur: 10,
					shadowOffsetX: 1,
					shadowOffsetY: 1,
					shadowColor: 'rgb(250,250, 250)'
				}
			},
			data: monthCount
		}, {
			name: "接通量",
			type: "line",
			smooth: true,
			showSymbol: false,
			symbol: 'circle',
			symbolSize: 4,
			zlevel: 3,
			itemStyle: {
				color: '#38a4fa'
			},
			// label: {
			// 	show: true,
			// 	position: 'top',
			// 	color: '#fff',
			// 	fontSize: 14,
			// 	fontWeight: '600',
			// 	formatter: function (params) {
			// 		return params.seriesName + '：' + params.value
			// 	}
			// },
			lineStyle: {
				normal: {
					width: 2,
					color: "#38a4fa",
				}
			},
			areaStyle: {
				normal: {
					color: new echarts.graphic.LinearGradient(
						0,
						0,
						0,
						1,
						[{
							offset: 0,
							color: "#1682c4"
						},
						{
							offset: 0.8,
							color: "#1276aa"
						}
						],
						false
					),
				}
			},
			emphasis: {
				itemStyle: {
					color: '#fff',
					shadowBlur: 10,
					shadowOffsetX: 1,
					shadowOffsetY: 1,
					shadowColor: 'rgb(250,250, 250)'
				}
			},
			data: dayCount
		}]
	};
	traffic.setOption(option);
}

function workOrderChart(workOrderData, workOrderName) {
	let workOrder = echarts.init(document.getElementById('workOrder'));
	option = {
		color: ['#00f0ff', '#ff5a00', '#ffe000', '#fff59e', '#00ff78', '#ff00ff', '#ff97ff'],
		tooltip: {
			show: false
		},
		legend: {
			icon: "rect",
			orient: 'horizontal',
			width: 150,
			height: 15,
			itemWidth: 15,

			itemGap: 20,
			data: workOrderName,
			right: 70,
			top: 50,
			align: 'left',
			textStyle: {
				color: "#fff"
			},
			// itemGap: 10
		},
		toolbox: {
			show: false
		},
		polar: {
			radius: '65%'
		},
		angleAxis: {
			interval: 5,
			type: 'category',
			data: [],
			z: 20,
			axisLine: {
				show: true,
				lineStyle: {
					color: "#0556b8",
					width: 5,
					type: "solid"
				},
			},
			axisLabel: {
				interval: 0,
				show: true,
				color: "#0556b8",
				margin: 8,
				fontSize: 16
			},
		},
		radiusAxis: {
			min: 20,
			max: 100,
			interval: 20,
			axisLine: {
				show: false,
				lineStyle: {
					color: "#0B3E5E",
					width: 1,
					type: "solid"
				},
			},
			axisLabel: {
				formatter: '{value} %',
				show: false,
				padding: [0, 0, 20, 0],
				color: "#0B3E5E",
				fontSize: 16
			},
			splitLine: {
				lineStyle: {
					color: "#0556b8",
					width: 2,
					type: "solid"
				}
			}
		},
		calculable: true,
		series: [{
			type: 'pie',
			radius: ["0", "5%"],
			hoverAnimation: false,
			labelLine: {
				normal: {
					show: false,
					length: 30,
					length2: 55
				},
				emphasis: {
					show: false
				}
			},
			data: [{
				name: '',
				value: 0,
				itemStyle: {
					normal: {
						color: "#0B4A6B"
					}
				}
			}]
		}, {
			stack: 'a',
			type: 'pie',
			radius: '55%',
			roseType: 'area',
			zlevel: 10,
			itemStyle: {
				normal: {
					label: {
						show: true,
						position: 'outside',
						color: '#ddd',
						fontSize: 15,
						formatter: function (params) {
							var percent = 0;
							var total = 0;
							for (var i = 0; i < workOrderData.length; i++) {
								total += workOrderData[i].value;
							}
							percent = ((params.value / total) * 100).toFixed(2);
							if (params.name !== '') {
								return params.name + '：' + percent + '%';
							} else {
								return '';
							}
						},
					},
					labelLine: {
						// smooth:true,
						length: 15,
						length2: 25,
						show: true,
						color: '#00ffff'
					}
				}
			},
			data: workOrderData
		}]
	}
	workOrder.setOption(option)
}

function timeTable() {
	//绩效和平均时长来回切换
	$('.btn_rank').unbind("click").click(function (e) {
		if (e.target.tagName == 'SPAN') {
			if ($(e.target).attr('data-state') == '0') {
				$('.topRank_List .maquee ul').each(function (index, dom) {
					//将每个 的所有子级都复制一遍
					var rows = $(dom).children().clone();
					//再将新的到的加入原来的
					$(dom).append(rows);
				});
				$('.topRec_List').css('display', 'none')
				$('.topRank_List').css('display', 'block')
				$('.rank').css('display', 'none')
				$('.timeLength').css('display', 'inline-block')
				$('.responseLength').css('display', 'none')
				$('.test_rank h2').text('绩效考核排名')
				timeState = 1;
				getRankSwitch()
				e.stopPropagation()
			} else if ($(e.target).attr('data-state') == '1') {
				timeState = 2;
				$('.test_rank h2').text('平均响应时长')
				$('.topRec_List .qh').text('平均响应时长')
				$('.topRec_List').css('display', 'block')
				$('.topRank_List').css('display', 'none')
				$('.responseLength').css('display', 'inline-block')
				$('.rank').css('display', 'none')
				$('.timeLength').css('display', 'none')
				getTimeSwitch(1)
				e.stopPropagation()
			} else {
				//数据获取
				timeState = 0;
				$('.test_rank h2').text('平均办理时长')
				$('.topRec_List .qh').text('平均办理时长')
				$('.topRec_List').css('display', 'block')
				$('.topRank_List').css('display', 'none')
				$('.rank').css('display', 'inline-block')
				$('.timeLength').css('display', 'none')
				$('.responseLength').css('display', 'none')
				getTimeSwitch(0)
				e.stopPropagation()
			}
		}
		e.stopPropagation()
	})
	getRankSwitch()
	// getTimeSwitch(0)                                      
	function getTimeSwitch(type) {
		//表格滚动
		$('.topRec_List .maquee ul').each(function (index, dom) {
			//将每个 的所有子级都复制一遍
			var rows = $(dom).children().clone();
			//再将新的到的加入原来的
			$(dom).append(rows);
		});
		new doAjax({
			url: huayi.config.callcenter_url + "/InfoNew/GetDeptDayTime",
			data: {
				type: type
			},
			callBack: function (res) {
				// res.reverse();
				let testStr = ''
				let num;
				res.forEach(function (v, n) {
					num = 1 + n
					if (n == 0) {
						testStr += '<li><div><img src="./image/No1.png" alt=""></div><div>' + v.deptname +
							'</div><div>' + v.maxtime + '</div><div>' + v.mintime + '</div><div>' + v.timeday + 'h</div></li>'
					} else if (n == 1) {
						testStr += '<li><div><img src="./image/No2.png" alt=""></div><div>' + v.deptname +
							'</div><div>' + v.maxtime + '</div><div>' + v.mintime + '</div><div>' + v.timeday + 'h</div></li>'
					} else if (n == 2) {
						testStr += '<li><div><img src="./image/No3.png" alt=""></div><div>' + v.deptname +
							'</div><div>' + v.maxtime + '</div><div>' + v.mintime + '</div><div>' + v.timeday + 'h</div></li>'
					} else {
						testStr += '<li><div>' + num + '</div><div>' + v.deptname + '</div><div>' + v.maxtime + '</div><div>' + v.mintime + '</div><div>' + v
							.timeday + 'h</div></li>'
					}
				})
				$('.test_rank .topRec_List ul').html(testStr);
			}
		});
	}
	function getRankSwitch() {
		new doAjax({
			url: huayi.config.callcenter_url + "/InfoNew/GetDeptDeptAchievements",
			data: {},
			callBack: function (data) {
				var max;
				for (var i = 0; i < data.length; i++) {
					for (var j = i; j < data.length; j++) {
						if (data[i].total < data[j].total) {
							max = data[j];
							data[j] = data[i];
							data[i] = max;
						}
					}
				}
				let rankStr = ''
				let num;
				data.forEach(function (v, n) {
					num = 1 + n
					if (n == 0) {
						rankStr += '<li><div><img src="./image/No1.png" alt=""></div><div>' + v.deptname +
							'</div><div>' + v.total + '</div></li>'
					} else if (n == 1) {
						rankStr += '<li><div><img src="./image/No2.png" alt=""></div><div>' + v.deptname +
							'</div><div>' + v.total + '</div></li>'
					} else if (n == 2) {
						rankStr += '<li><div><img src="./image/No3.png" alt=""></div><div>' + v.deptname +
							'</div><div>' + v.total + '</div></li>'
					} else {
						rankStr += '<li><div>' + num + '</div><div>' + v.deptname + '</div><div>' + v
							.total + '</div></li>'
					}

				})
				$('.test_rank .topRank_List ul').html(rankStr);
			}
		});
	}

}

//时间
function getNowFormatDate() {
	var date = new Date();
	var year = date.getFullYear();
	var month = date.getMonth() + 1;
	var strDate = date.getDate();
	var Hour = date.getHours(); // 获取当前小时数(0-23)
	var Minute = date.getMinutes(); // 获取当前分钟数(0-59)
	var Second = date.getSeconds(); // 获取当前秒数(0-59)
	var show_day = new Array('星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六');
	var day = date.getDay();
	if (Hour < 10) {
		Hour = "0" + Hour;
	}
	if (Minute < 10) {
		Minute = "0" + Minute;
	}
	if (Second < 10) {
		Second = "0" + Second;
	}
	if (month >= 1 && month <= 9) {
		month = "0" + month;
	}
	if (strDate >= 0 && strDate <= 9) {
		strDate = "0" + strDate;
	}
	var HMS = Hour + ':' + Minute + ':' + Second;
	var temp_time = year + '-' + month + '-' + strDate + ' ' + HMS;
	$('.dataTime').text(temp_time);
	$('.secondLevel_map .time').text(year + '-' + month + '-' + strDate)
	setInterval(getNowFormatDate, 1000);
}

function getTimes(dom) {
	function p(s) {
		return s < 10 ? '0' + s : s;
	}
	var currentYear = new Date().getFullYear();
	var currentMonth = new Date().getMonth() + 1;
	var currentDate = new Date().getDate();
	var prevCurrentYear = 0;
	var prevCurrentMonth = 0;
	if (currentMonth == 1) {
		prevCurrentYear = currentYear - 1;
		prevCurrentMonth = 12;
	} else {
		prevCurrentYear = currentYear;
		prevCurrentMonth = currentMonth - 1;
	}
	let hh = new Date().getHours()
	let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date().getMinutes()
	let ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds() : new Date().getSeconds()
	var data = currentYear + "-" + p(currentMonth) + "-" + '01';
	var current = currentYear + "-" + p(currentMonth) + "-" + p(currentDate);
	$(dom).text(data + " ~ " + current)
}
function getNowTime(dom) {
	function p(s) {
		return s < 10 ? '0' + s : s;
	}
	var currentYear = new Date().getFullYear();
	var currentMonth = new Date().getMonth() + 1;
	var currentDate = new Date().getDate();
	var prevCurrentYear = 0;
	var prevCurrentMonth = 0;
	if (currentMonth == 1) {
		prevCurrentYear = currentYear - 1;
		prevCurrentMonth = 12;
	} else {
		prevCurrentYear = currentYear;
		prevCurrentMonth = currentMonth - 1;
	}
	let hh = new Date().getHours()
	let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date().getMinutes()
	let ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds() : new Date().getSeconds()
	var data = currentYear + "-" + p(currentMonth) + "-" + '01' + ' ' + '00' + ':' + '00' + ':' + '00';
	var current = currentYear + "-" + p(currentMonth) + "-" + p(currentDate) + ' ' + hh + ':' + mf + ':' + ss;
	$(dom).val(data + " ~ " + current)
	$('#keyDate').val(current);
}
// getNowTime('.time')
//二级页面点击
//二级办理时长统计
$('.test_rank .count-share').click(function (e) {
	$('.bulletFrame').show();
	if ($('.bulletFrame').css('display') == 'block') {
		$('.body').css('opacity', '0.4')
	}
	getNowTime('#rankDate')
	laydate.render({
		elem: '#rankDate',
		range: '~',
		type: 'datetime',
		done: function (value) {
			testSecTable('#orderlist2', 0, 8, value);
			testSecTable('#orderlist4', 1, 0, value);
			testSecTable('#orderlist5', 1, 1, value);
			testSecTable('#orderlist6', 2, 8, value);
		}
	});
	if (timeState == 0) {
		$('#rankDate').hide()
		$('.timeSta_wrap').show();
		$('.timeSta_wrap').siblings().hide()
		timeSecTable('#timeSecList', 0);
	} else if (timeState == 1) {
		$('#rankDate').show()
		$('.rank_wrap').show();
		$('.rank_wrap').siblings().hide()
		testSecTable('#orderlist2', 0, 8, $('#rankDate').val());
		testSecTable('#orderlist4', 1, 0, $('#rankDate').val());
		testSecTable('#orderlist5', 1, 1, $('#rankDate').val());
		testSecTable('#orderlist6', 2, 8, $('#rankDate').val());
	} else {
		$('#rankDate').hide()
		$('.timeSta1_wrap').show();
		$('.timeSta1_wrap').siblings().hide()
		timeSecTable('#timeSecList1', 1);
	}
	e.stopPropagation()
})

$('.accept_statistics ul').click(function (e) {
	$('.bulletFrame').show();
	$('.hotline_wrap').show();
	$('.hotline_wrap').siblings().hide()
	if ($('.bulletFrame').css('display') == 'block') {
		$('.body').css('opacity', '0.4')
	}
	getNowTime('#date')
	initHoneline($('#date').val())
	laydate.render({
		elem: '#date',
		range: '~',
		type: 'datetime',
		done: function (value) {
			initHoneline(value)
		}
	});
	function initHoneline(value) {
		var secData = [];
		new doAjax({
			url: huayi.config.callcenter_url + '/InfoNew/GetHotline',
			Type: 'get',
			data: {
				stime: value && value.split(' ~ ')[0],
				etime: value && value.split(' ~ ')[1],
				timetype:hotlineDataType
			},
			callBack: function (res) {
				res.data.forEach(function (v, n) {
					var obj = {}
					obj.level =  v.value
					obj.landArea =  v.count
					console.log(obj)
					secData.push(obj)
				})
				console.log(secData)
				getHonelineChart2(secData, 'hotline2')
			}
		});
	}
	e.stopPropagation()
})
//重大事件
$('.accept_channel #hotThings').click(function (e) {
	$('.bulletFrame').show();
	$('.events_wrap').show();
	$('.events_wrap').siblings().hide()
	if ($('.bulletFrame').css('display') == 'block') {
		$('.body').css('opacity', '0.4')
	}
	getNowTime('#date2')
	laydate.render({
		elem: '#date2',
		range: '~',
		type: 'datetime',
		done: function (value) {
			new doAjax({
				url: huayi.config.callcenter_url + "/InfoNew/Majorevents",
				Type: 'get',
				data: {
					stime: value && value.split(' ~ ')[0],
					etime: value && value.split(' ~ ')[1],
					timetype:MajoreventsDataType
				},
				callBack: function (res) {
					channelData = [];
					res.data.forEach(function (v, n) {
						channelData.push({
							level: v.TypeName,
							landArea: v.Count
						})
						// }
					})
					getHonelineChart2(channelData, 'channel')
				}
			});
		}
	});
	new doAjax({
		url: huayi.config.callcenter_url + "/InfoNew/Majorevents",
		Type: 'get',
		data: {
			stime: $('#date2').val() && $('#date2').val().split(' ~ ')[0],
			etime: $('#date2').val() && $('#date2').val().split(' ~ ')[1]
		},
		callBack: function (res) {
			let eventsData = []
			res.forEach(function (v, n) {
				eventsData.push({
					level: v.name.replace(/[0-9]+/g,""),
					key:v.F_Key,
					landArea: v.count
				})
			})
			getHonelineChart2(eventsData, 'events')
		}
	});
	e.stopPropagation()
})
//受理工单类型
$('.time_statistics #workOrder').click(function (e) {
	$('.bulletFrame').show();
	$('.acceptanceType_wrap').show();
	$('.acceptanceType_wrap').siblings().hide()
	if ($('.bulletFrame').css('display') == 'block') {
		$('.body').css('opacity', '0.4')
	}
	getAcceptanceType()
	e.stopPropagation()
})
//受理渠道
$('.hotlineAccept').click(function (e) {
	let channelData = []
	$('.bulletFrame').show();
	$('.channel_wrap').show();
	$('.channel_wrap').siblings().hide()
	if ($('.bulletFrame').css('display') == 'block') {
		$('.body').css('opacity', '0.4')
	}
	getNowTime('#date3')
	laydate.render({
		elem: '#date3',
		range: '~',
		type: 'datetime',
		done: function (value) {
			new doAjax({
				url: huayi.config.callcenter_url + "/InfoNew/GetSourceCountByNow",
				// url: "http://192.168.8.9:1042/InfoNew/GetSourceCountByNow",
				data: {
					stime: value && value.split(' ~ ')[0],
					etime: value && value.split(' ~ ')[1]
				},
				callBack: function (res) {
					channelData = [];
					res.data.forEach(function (v, n) {
						channelData.push({
							level: v.TypeName,
							landArea: v.Count
						})
						// }
					})
					getHonelineChart2(channelData, 'channel')
				}
			});
		}
	});
	new doAjax({
		url: huayi.config.callcenter_url + "/InfoNew/GetSourceCountByNow",
		// url: "http://192.168.8.9:1042/InfoNew/GetSourceCountByNow",
		data: {
			stime: $('#date3').val() && $('#date3').val().split(' ~ ')[0],
			etime: $('#date3').val() && $('#date3').val().split(' ~ ')[1]
		},
		callBack: function (res) {
			res.data.forEach(function (v, n) {
				channelData.push({
					level: v.TypeName,
					landArea: v.Count
				})
				sourceCountId.push({
					name: v.TypeName,
					id: v.ValueId
				})
			})
			getHonelineChart2(channelData, 'channel')
		}
	});
	e.stopPropagation()
})
//时段话务
$('#traffic').click(function () {
	$('.bulletFrame').show();
	if ($('.bulletFrame').css('display') == 'block') {
		$('.body').css('opacity', '0.4')
	}
	if (trafficState == 0) {
		let qtphoneName = [];
		let qtldcount = [];
		let qtjtcount = [];
		let qtwjcount = [];
		let qtfqcount = [];
		let sphoneName = [];
		let sldcount = [];
		let sjtcount = [];
		let swjcount = [];
		let sfqcount = [];
		$('.traffic2_wrap').show();
		$('.traffic2_wrap').siblings().hide()
		new doAjax({
			url: huayi.config.callcenter_url + "/InfoNew/GetDayparting",
			// url: "http://192.168.8.9:1042/InfoNew/GetDayparting",
			data: {},
			callBack: function (res) {
				res.splice(7, 0, res[1]);
				res.splice(1, 1)
				res.forEach(function (v, n) {
					if (v.name != '12345' && v.name != "归并热线小计") {
						qtphoneName.push(v.name)
						qtldcount.push(v.ldcount)
						qtjtcount.push(v.jtcount)
						qtwjcount.push(v.wjtcount)
						qtfqcount.push(v.zdfqcount);
					} else {
						sphoneName.push(v.name)
						sldcount.push(v.ldcount)
						sjtcount.push(v.jtcount)
						swjcount.push(v.wjtcount)
						sfqcount.push(v.zdfqcount);
					}
				})

				const trafficDayArr = {
					xdata: qtphoneName,
					result: [
						{ name: '未接通', data: qtwjcount },
						{ name: '接通量', data: qtjtcount },
						{ name: '主动放弃', data: qtfqcount },
						{ name: '来电量', data: qtldcount }
					]
				}
				const dataArr = {
					xdata: sphoneName,
					result: [
						{ name: '未接通', data: swjcount },
						{ name: '接通量', data: sjtcount },
						{ name: '主动放弃', data: sfqcount },
						{ name: '来电量', data: sldcount },
					]
				}
				trafficDayChart(trafficDayArr);
				getS(dataArr)
			}
		});

	} else if (trafficState == 1) {
		$('.traffic_wrap').show();
		$('.traffic_wrap').siblings().hide()
		new doAjax({
			url: huayi.config.callcenter_url + "InfoNew/GetHWCountMonthByNow",
			data: {},
			callBack: function (res) {
				trafficMonthChart(res.data.days, res.data.hwcount[0], res.data.jtcount[0])
			}
		});
	}
})
//坐席
$('#timeTraffic').click(function (e) {
	let zxNum = Math.floor(Math.random() * 10000 + 10000)
	let user;
	$('.bulletFrame').show();
	if ($('.bulletFrame').css('display') == 'block') {
		$('.body').css('opacity', '0.4')
	}
	$('.seatMonitor').show();
	$('.seatMonitor').siblings().hide()
	//坐席列表展示 GetSeatflagList
	$.getJSON(huayi.config.callcenter_url + 'SeatMonitoring/GetSeatGroupList', {}, function (res) {
		user = res.data
		if (res.state.toLowerCase() == "success") {
			let str = ''
			res.data.forEach(function (v, n) {
				if (v.F_WorkNumber != 8071 && v.F_WorkNumber != 8069 && v.F_WorkNumber != 8062) {
					var objSeat = {}
					objSeat.groupID =v.F_SeartGroupID
					objSeat.agentID =v.F_WorkNumber
					seatData.push(objSeat)
					str += '<li class="people_list ' + v.F_WorkNumber + 
					' "><div><div style="margin-right: 3px;"><span class="g-num">' + v.F_WorkNumber +
					'</span></div><div ><div class="bg_person"></div><p><span class="g-name">' + v.F_UserName+
					'</span> </p><i class="lx" zxGroup="'+v.F_SeartGroupID+'"  zx_item="0" xl_item="0"></i></div></div></li>'
				}
			})
			$('.zx_people').html(str)
		}
	})
	//实时话务统计
	new doAjax({
		url: huayi.config.callcenter_url + "/InfoNew/GetHWTypeCount24ByNow",
		data: {},
		callBack: function (res) {
			getRealTimeTraffi(res.data.hours, res.data.hrcount[0], res.data.hccount[0])
		}
	});
	//开始坐席监控
	$('.star_btn').click(function (e) {
		obj.AgentID = zxNum;
//		var a
		$(user).each(function (i, n) {
			obj.Type = "SubScribe";
			obj.SubParmer = n.F_WorkNumber * 1;
			obj.AgentExten = 1
			obj.SubType = "0";//根据工号订阅坐席状态
			Send();
			obj.SubType = "1";//根据工号订阅线路状态
			Send();
		})
//		obj.Type = "SubScribe";
//		obj.SubParmer = 8002 * 1;
//		obj.AgentExten = 1
//		obj.SubType = "0";//根据工号订阅坐席状态
//		Send();
////		obj.SubType = "1";//根据工号订阅线路状态
////		Send();
//		obj.Type = "SubScribe";
//		obj.SubParmer = 8003 * 1;
//		obj.AgentExten = 1
//		obj.SubType = "0";//根据工号订阅坐席状态
//		Send();
//		obj.SubType = "1";//根据工号订阅线路状态
//		Send();
		e.stopPropagation()
	})
	//关闭坐席监控
	$('.stop_btn').click(function (e) {
		$(user).each(function (i, n) {
			top.obj.Type = "SubScribeCancel";
			top.obj.SubParmer = "-1";
			top.obj.SubType = "0";//根据工号取消订阅坐席状态
			top.Send();
			top.obj.SubType = "1";//根据工号取消订阅线路状态
			top.Send();
		})
		e.stopPropagation()
	})
	//关闭坐席页面时结束坐席监控
	$('.close_zxicon').click(function (e) {
		$('.bulletFrame').hide();
		$('.bulletFrameT').hide();
		if ($('.bulletFrame').css('display') == 'none') {
			$('.body').css('opacity', '1')
		}
		if ($('.bulletFrameT').css('display') == 'none') {
			$('.body').css('opacity', '1')
		}
		$(user).each(function (i, n) {
			top.obj.Type = "SubScribeCancel";
			top.obj.SubParmer = "-1";
			top.obj.SubType = "0";//根据工号取消订阅坐席状态
			top.Send();
			top.obj.SubType = "1";//根据工号取消订阅线路状态
			top.Send();
		})
		e.stopPropagation()
	})
	e.stopPropagation()
})