AnYang_UI/WebChartNewest/js/newIndex.js

/*
	一级大屏
*/
var img = './image/frame.png';
var numscroll = [];
var numscroll1 = [];
var trafficState = 0
var trafficData = [];
//时段话务
$('.act').html('当日数据')
gettraffic() //话务量
getHotline() //热线
getHotThings() //重大事件
getKeyWord(); //热搜词
getworkOrder() //工单类型
timeTable() //办理时限
getHotlineAccept() //热线受理
getNowFormatDate()//现在的时间
//每个三十秒刷新一次
setInterval(function () {
	gettraffic() //话务量
	getHotline() //热线
	getHotThings() //重大事件
	getKeyWord(); //热搜词
	getworkOrder() //工单类型
	timeTable() //办理时限
	getHotlineAccept() //热线受理
}, 30000)
//关闭按钮
$('.close_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')
	}
})
//关闭按钮退回工单列表
$('.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'); // 最外层元素
	if (!e.path.includes(t)) {
		$('.keyWrap').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: ''
		},
		callBack: function (res) {
			res.forEach(function (v, n) {
				nameData.push(v.name.replace(/[0-9]+/g,""));
				conNum.push(v.count)
				secData.push({
					level: v.name,
					landArea: v.count
				})
				// }
			})
			console.log(nameData)
			for (var i = 0; i < secData.length; i++) {
				maxNum.push(Math.max.apply(null, conNum) + 200);
			}
			hotThingsChart('hotThings', nameData, conNum, maxNum)
		}
	});
}

function gettraffic() {
	// let nameD = ['登陆坐席数量', '呼叫排队数量', '话务量', '呼入接通量'];
	// hotThingsChart('timeTraffic', nameD, JSON.parse(localStorage.callDate), 100)
	$('.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('话务数据统计')
					$('.act').html(`<label data-pos="1">
							今日<span class="month active"></span>
						</label><br>
						<label data-pos="2">
							本月<span class="day"></span>
						</label> `)
					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])
						}
					});
					//话务点击
					$('.dataT').click(function (e) {
						if (!e.isPropagationStopped()) {//确定stopPropagation是否被调用过
							if (e.target.tagName == 'LABEL') {
								if ($(e.target).attr('data-pos') == '1') {
									$('.month').addClass('active');
									$('.day').removeClass('active')
									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])
										}
									});
									trafficState = 0;

								} else if ($(e.target).attr('data-pos') == '2') {
									$('.day').addClass('active');
									$('.month').removeClass('active')
									new doAjax({
										url: huayi.config.callcenter_url + "InfoNew/GetHWCountMonthByNow",
										data: {},
										callBack: function (res) {
											trafficChart(res.data.days, res.data.hwcount[0], res.data.jtcount[0])
										}
									});
									trafficState = 1;
								}
							}
						}
						e.stopPropagation();
					})
				}
			}
		}
		e.stopPropagation();
	})
}

function getHotline() {
	let datas = [];
	new doAjax({
		url: huayi.config.callcenter_url + "/InfoNew/GetHotline",
		
		data: {},
		callBack: function (res) {
			res.data.forEach(function (v, n) {
				datas.push({
					value: v.count,
					name: v.name,
					percent: v.bili
				})
			})
			hotlineChart(datas)
		}
	});
}

function getKeyWord() {
	new doAjax({
		url: huayi.config.callcenter_url + "/InfoNew/GetKeyCountByNow",
		// url: "http://192.168.8.9:1042/InfoNew/GetKeyCountByNow",
		data: {},
		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: {},
		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) {
	let hotThings = echarts.init(document.getElementById(dom));
	option = {
		"textStyle": {
			"color": "#c0c3cd",
			"fontSize": 11
		},
		grid: {
			top: '25%',
			bottom: '15%'
		},
		"xAxis": {
			"nameTextStyle": {
				"color": "#c0c3cd",
				"padding": [0, 0, -10, 0],
				"fontSize": 11
			},
			"axisLabel": {
				"color": "#c0c3cd",
				"fontSize": 11,
				"rotate": -45,
				"interval": 0,
			},
			"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
		},
		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) {
				if (params.data.name.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.name.substr(0, 10) + '<br>' + params.data.name.substr(10, params.data.name
							.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.name + '<br>' + params.data.percent + '</div></div>';
				}

			}
		},
		series: [{
			name: '访问来源',
			type: 'pie',
			radius: '75%',
			center: ['50%', '50%'],
			label: {
				show: true,
				position: 'outside',
				color: '#ddd',
				fontSize: 13,
				formatter: function (params) {
					let str;
					if (params.name == ' 国家移民管理局咨询服务热线') {
						str = 12367;
						return str + '：' + params.value
					} else if (params.name == ' 为老服务热线') {
						str = 12349;
						return str + '：' + params.value
					} else if (params.name == ' 残疾人维权服务电话') {
						str = 12385;
						return str + '：' + params.value
					} else if (params.name == ' 火灾隐患举报投诉电话') {
						str = 96119;
						return str + '：' + params.value
					} else if (params.name == ' 人口和计生咨询举报电话') {
						str = 12356;
						return str + '：' + params.value
					} else if (params.name == ' 全国统一自然资源违法举报电话') {
						str = 12336;
						return str + '：' + params.value
					} else if (params.name == ' 商务领域咨询举报电话') {
						str = 12312;
						return str + '：' + params.value
					} else if (params.name == ' 文化市场举报电话') {
						str = 12318;
						return str + '：' + 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'],
		// grid: {
		// 	left: -100,
		// 	top: 50,
		// 	bottom: 10,
		// 	right: 10,
		// 	containLabel: true
		// },
		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',
						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() {
	//表格滚动
	$('.test_rank .maquee ul').each(function (index, dom) {
		//将每个 的所有子级都复制一遍
		var rows = $(dom).children().clone();
		//再将新的到的加入原来的
		$(dom).append(rows);
	});
	//数据获取
	new doAjax({
		url: huayi.config.callcenter_url + "/InfoNew/GetDeptDayTime",
		data: {},
		callBack: function (res) {
			// res.reverse();
			let str = ''
			let num;
			res.forEach(function (v, n) {
				num = 1 + n
				if (n == 0) {
					str += '<li><div><img src="./image/No1.png" alt=""></div><div>' + v.deptname +
						'</div><div>' + v.timeday + 'h</div></li>'
				} else if (n == 1) {
					str += '<li><div><img src="./image/No2.png" alt=""></div><div>' + v.deptname +
						'</div><div>' + v.timeday + 'h</div></li>'
				} else if (n == 2) {
					str += '<li><div><img src="./image/No3.png" alt=""></div><div>' + v.deptname +
						'</div><div>' + v.timeday + 'h</div></li>'
				} else {
					str += '<li><div>' + num + '</div><div>' + v.deptname + '</div><div>' + v
						.timeday + 'h</div></li>'
				}
			})
			$('.test_rank ul').html(str);
		}
	});
}

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);
	// $('.statisticsTime').text(temp_time);
	// $('.nowTime li:nth-child(2)').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);
	// var a = getPreDatetime(3600 * 1000 * 24 * 30);
	$(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;
	// var a = getPreDatetime(3600 * 1000 * 24 * 30);
	$(dom).val(data + " ~ " + current)
	// //昨天的时间
	// var date1 = new Date(new Date(new Date().toLocaleDateString()).getTime());
	// var startTime = date1.getFullYear() +
	// "-" + ((date1.getMonth() + 1) < 10 ? "0" + (date1.getMonth() + 1):(date1.getMonth() + 1))+ 
	//"-" + (date1.getDate() < 10 ? "0" + date1.getDate():date1.getDate()) + 
	//" " + (date1.getHours()<10?"0"+date1.getHours():date1.getHours()) + 
	//":" + (date1.getMinutes()<10?"0"+date1.getMinutes():date1.getMinutes()) +
	// ":" + (date1.getSeconds()<10?"0"+date1.getSeconds():date1.getSeconds())
	// //今天的时间
	// var day2 = new Date();
	// day2.setTime(day2.getTime());
	// 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 s2 = day2.getFullYear() + "-" + (day2.getMonth() + 1) + "-" + day2.getDate()+' ' + hh + ':' + mf + ':' + ss;
	// $(dom).val(startTime + " ~ " + s2);
}
// function getPreDatetime(pdate) {
// 	var start = new Date()
// 	start.setTime(start.getTime() - pdate)
// 	start.getYear(); // 获取当前年份(2位)
// 	var YY = start.getFullYear() // 获取完整的年份(4位,1970-????)
// 	var MM = start.getMonth() + 1 // 获取当前月份(0-11,0代表1月)
// 	MM = MM > 9 ? MM : ('0' + MM);
// 	var DD = start.getDate() // 获取当前日(1-31)
// 	DD = DD > 9 ? DD : ('0' + DD)
// 	var lastmonth = YY + '-' + MM + '-' + DD+' ' + 00 + ':' + 00 + ':' + 00;
// 	return lastmonth;
// }
//二级页面点击
//二级办理时长统计
$('.test_rank').click(function () {
	$('.bulletFrame').show();
	$('.timeSta_wrap').show();
	$('.timeSta_wrap').siblings().hide()
	if ($('.bulletFrame').css('display') == 'block') {
		$('.body').css('opacity', '0.4')
	}
	timeSecTable();
})
//热线整合
$('.accept_statistics').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',
			// url: "http://192.168.8.9:1042/InfoNew/GetHotline",
			Type: 'get',
			data: {
				stime: value && value.split(' ~ ')[0],
				etime: value && value.split(' ~ ')[1]
			},
			callBack: function (res) {
				res.data.forEach(function (v, n) {
					secData.push({
						level: v.value,
						landArea: v.count
					})
				})
				getHonelineChart2(secData, 'hotline2')
			}
		});
	}
	e.stopPropagation()
})
//重大事件
$('.accept_channel').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]
				},
				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,""),
					landArea: v.count
				})
				// }
			})
			getHonelineChart2(eventsData, 'events')
		}
	});
	e.stopPropagation()
})
//受理工单类型
$('.time_statistics').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
				})
				// }
			})
			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) {
				console.log(res)
				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);
					}
					
				})
				trafficDayChart(qtphoneName, qtldcount, qtjtcount, qtwjcount, qtfqcount);
				getS(sphoneName, sldcount,sjtcount, swjcount, sfqcount)
			}
		});

	} 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()
	$.getJSON(huayi.config.callcenter_url + 'SeatMonitoring/getlist', {}, function (res) {
		user = res.data
		if (res.state.toLowerCase() == "success") {
			let str = ''
			res.data.forEach(function (v, n) {
				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" zx_item="0" xl_item="0"></i></div></div></li>'
			})
			$('.zx_people').html(str)
		}
	})
	new doAjax({
		url: huayi.config.callcenter_url + "/InfoNew/GetHWTypeCount24ByNow",
		// url: "http://192.168.8.9:1042/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;
		$(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();
		})
		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()
})