AnYang_UI/WebChartNewest/js/second_index...

// 关键词
let keyidArr = [];
let keyid = 0;
let keyname = '';
let keylegend = [];
let nameK = ''
let reg = /\w\d+$/;
$('.closeKey_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')
	}
	keyidArr = [];
	keyid = 0
})
function getKeyClass(id, classId, con) {
	// keyidArr.push(id);

	$('.bulletFrame').show();
	$('.secondLevel_keyWord').show();
	$('.secondLevel_keyWord').siblings().hide()
	if ($('.bulletFrame').css('display') == 'block') {
		$('.body').css('opacity', '0.4')
	}
	if (classId == '1') {
		workTable(id);
	} else {
		getTimes('.statisticsTime')
		keyidArr.push({
			name: con,
			id: id
		})
		keyid = id
		$('.keyWordTitle').text(con + '问题分类')
		$('.head_title').text(con + '关键字数据分析')
		keyWordTable(id,con);
		
	}
}
$('.backKey_icon').click(function () {
	for (let i = 0; i < keyidArr.length; i++) {
		if (keyidArr[i].id == keyid) {
			console.log(keyidArr[i - 1].id)
			$('.keyWordTitle').text(keyidArr[i - 1].name + '问题分类')
			$('.head_title').text(keyidArr[i - 1].name + '关键字数据分析')
			keyWordTable(keyidArr[i - 1].id);
			keyidArr.pop(keyidArr[i].id)
			keyid = keyidArr[i - 1].id
		}
	}
	console.log(keyidArr)
	console.log(keyid)
})
function keyWordTable(id,con) {
	var $tableLeft = $('#keyWordlist');
	$tableLeft.bootstrapTable('destroy');
	//初始化表格,动态从服务器加载数据
	$tableLeft.bootstrapTable({
		method: "get", //使用get请求到服务器获取数据
		url: huayi.config.callcenter_url + "/InfoNew/GetKeyCountByNow",
		striped: false, //表格显示条纹
		pagination: false, //启动分页
		pageSize: 12, //每页显示的记录数
		pageNumber: 1, //当前第几页
		fixedColumns: false,
		fixedNumber: 3,
		pageList: [5, 10, 20, 50, 100], //记录数可选列表
		search: false, //是否启用查询
		showColumns: false, //显示下拉框勾选要显示的列
		showRefresh: false, //显示刷新按钮
		sidePagination: "server", //表示服务端请求
		//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
		//设置为limit可以获取limit, offset, search, sort, order
		queryParamsType: "undefined",
		queryParams: function queryParams(params) { //设置查询参数
			var param = {
				pid: id
			}
			return param
		},
		onLoadSuccess: function (data) { //加载成功时执行
			const newDataL = {};
			const piData = [];
			newDataL.state = data.state;
			newDataL.message = data.message;
			newDataL.rows = data.data.Date;

			data.data.Date.forEach(function (v, n) {
				piData.push({
					value: v.Count,
					name: v.KeyName.replace(reg, '')
				})
			})
			var nameArray = piData.map(item => {
				return item.name
			})
			keyword_chart('keywordPie', nameArray, piData,con);
			$('.total').text(data.data.Total)
			$('.classTotal').text(data.data.ClaseeCount)
			$('.prot').text(data.data.ClassTotal)
			$tableLeft.bootstrapTable('load', newDataL);
		},
		onLoadError: function () { //加载失败时执行
			layer.msg("加载数据失败", {
				time: 1500,
				icon: 2
			});
		}
	});
}
function keyword_chart(dom, nameArray, piData,con) {
	let keywordPieChart = echarts.init(document.getElementById(dom));
	let keywordNum = [];
	let keywordName = [];
	var rich = {
		percent: {
			color: "#FFF",
			align: 'right',
			fontSize: 15,
			fontWeight: '500',
			//padding: [0, 5]
		}
	}
	nameArray.forEach(function (v, n) {
		keywordNum.push({
			num: Number(v.substr(v.length - 2, 2)),
			value: v
		})
	})
	let max;
	for (let i = 0; i < keywordNum.length; i++) {
		for (let j = i; j < keywordNum.length; j++) {
			if (keywordNum[i].num < keywordNum[j].num) {
				max = keywordNum[j];
				keywordNum[j] = keywordNum[i];
				keywordNum[i] = max;
			}
		}
	}
	keywordNum.forEach(function (v, n) {
		keywordName.push(v.value.replace(reg, ''));
	})
	console.log(keywordName)
	keywordName.forEach(function (v, n) {
		if (v.length > 20) {
			keylegend = [{
				icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`,
				orient: 'vertical',
				top: '610',
				// data: keywordName.slice(0, 6),
				data: keywordName.slice(0, 1),
				width: 28,
				height: 25,
				textStyle: {
					color: '#fff',
					padding: [0, 5],
					fontSize: 15
				},
				padding: [5, 10]
			}, {
				icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`,
				orient: 'vertical',
				top: '620',
				// data: keywordName.slice(6, 12),
				data: keywordName.slice(1, 2),
				width: 28,
				height: 25,
				itemGap: 20,
				textStyle: {
					color: '#fff',
					padding: [0, 5],
					fontSize: 15
				},
				padding: [10, 10]
			}, {
				icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`,
				orient: 'vertical',
				top: '630',
				// data: keywordName.slice(12, keywordName.length),
				data: keywordName.slice(2, 3),
				width: 28,
				height: 25,
				textStyle: {
					color: '#fff',
					padding: [0, 5],
					fontSize: 15
				},
				padding: [20, 10]
			},
			{
				icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`,
				orient: 'vertical',
				top: '630',
				// data: keywordName.slice(12, keywordName.length),
				data: keywordName.slice(3, 4),
				width: 28,
				height: 25,
				textStyle: {
					color: '#fff',
					padding: [0, 5],
					fontSize: 15
				},
				padding: [40, 10]
			}, {
				icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`,
				orient: 'vertical',
				top: '630',
				// data: keywordName.slice(12, keywordName.length),
				data: keywordName.slice(4, 5),
				width: 28,
				height: 25,
				textStyle: {
					color: '#fff',
					padding: [0, 5],
					fontSize: 15
				},
				padding: [60, 10]
			}, {
				icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`,
				orient: 'vertical',
				top: '630',
				// data: keywordName.slice(12, keywordName.length),
				data: keywordName.slice(5, 6),
				width: 28,
				height: 25,
				textStyle: {
					color: '#fff',
					padding: [0, 5],
					fontSize: 15
				},
				padding: [80, 10]
			}, {
				icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`,
				orient: 'vertical',
				top: '630',
				// data: keywordName.slice(12, keywordName.length),
				data: keywordName.slice(6, keywordName.length),
				width: 28,
				height: 25,
				textStyle: {
					color: '#fff',
					padding: [0, 5],
					fontSize: 15
				},
				padding: [100, 10]
			}]
		}else{
			if (con == '营商管理03') {
				keylegend = [{
					icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`,
					orient: 'vertical',
					top: '610',
					// data: keywordName.slice(0, 6),
					data: keywordName.slice(0, 6),
					width: 28,
					height: 25,
					textStyle: {
						color: '#fff',
						padding: [0, 5],
						fontSize: 15
					},
					padding: [15, 10]
				}, {
					icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`,
					orient: 'vertical',
					top: '620',
					// data: keywordName.slice(6, 12),
					data: keywordName.slice(6, 12),
					width: 28,
					height: 25,
					itemGap: 20,
					textStyle: {
						color: '#fff',
						padding: [0, 5],
						fontSize: 15
					},
					padding: [40, 10]
				}, {
					icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`,
					orient: 'vertical',
					top: '630',
					// data: keywordName.slice(12, keywordName.length),
					data: keywordName.slice(12, 18),
					width: 28,
					height: 25,
					textStyle: {
						color: '#fff',
						padding: [0, 5],
						fontSize: 15
					},
					padding: [65, 10]
				},
				{
					icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`,
					orient: 'vertical',
					top: '630',
					// data: keywordName.slice(12, keywordName.length),
					data: keywordName.slice(18, keywordName.length),
					width: 30,
					height: 25,
					textStyle: {
						color: '#fff',
						padding: [0, 5],
						fontSize: 15
					},
					padding: [90, 10]
				}
				]
			} else {
				keylegend = [{
					icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`,
					orient: 'vertical',
					top: '610',
					// data: keywordName.slice(0, 6),
					data: keywordName.slice(0, 5),
					width: 28,
					height: 25,
					textStyle: {
						color: '#fff',
						padding: [0, 5],
						fontSize: 15
					},
					padding: [15, 10]
				}, {
					icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`,
					orient: 'vertical',
					top: '620',
					// data: keywordName.slice(6, 12),
					data: keywordName.slice(5, 10),
					width: 28,
					height: 25,
					itemGap: 20,
					textStyle: {
						color: '#fff',
						padding: [0, 5],
						fontSize: 15
					},
					padding: [40, 10]
				}, {
					icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`,
					orient: 'vertical',
					top: '630',
					// data: keywordName.slice(12, keywordName.length),
					data: keywordName.slice(10, 15),
					width: 28,
					height: 25,
					textStyle: {
						color: '#fff',
						padding: [0, 5],
						fontSize: 15
					},
					padding: [65, 10]
				},
				{
					icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`,
					orient: 'vertical',
					top: '630',
					// data: keywordName.slice(12, keywordName.length),
					data: keywordName.slice(15, keywordName.length),
					width: 30,
					height: 25,
					textStyle: {
						color: '#fff',
						padding: [0, 5],
						fontSize: 15
					},
					padding: [90, 10]
				}
				]
			}
		}
	})
	
	keywordName.reverse();
	option = {
		legend: keylegend,
		color: ['#008aff', '#88ffb7', '#00bba7', '#fddb6a', '#fb6a76',
			'#ff0000', '#e5a0ff', '#9b56ff', '#8200f0', '#68f6ff',
			'#FF8352', '#E271DE', '#F8456B', '#3751E6', '#FFC722',
			'#00BFA5', "#EAEA26"
		],
		series: [{
			name: '访问来源',
			type: 'pie',
			radius: '58%',
			data: piData,
			emphasis: {
				itemStyle: {
					shadowBlur: 10,
					shadowOffsetX: 0,
					shadowColor: 'rgba(0, 0, 0, 0.5)'
				}
			},
			label: {
				normal: {
					show: false,
					position: 'inner',
					formatter: params => {
						return (
							'{percent|' + params.percent.toFixed(0) + '%}'
						);
					},
					rich: rich,
				}
			},
			label: {
				normal: {
					show: false,
					formatter: function (params) {
						if (params.name.length > 9 && params.name.length < 35) {
							return params.name.substring(0, 20) + '\n' + params.name.substring(20, params.name.length) + '：' + params.value;
						} else if (params.name.length > 35) {
							return params.name.substring(0, 18) + '\n' + params.name.substring(18, 36) + '\n' + params.name.substring(36, params.name.length) + '：' + params.value;
						} else {
							return params.name + '：' + params.value;

						}
					},
				},
				emphasis: {
					position: 'left',
					show: true,
					textStyle: {
						color: '#fff',
						fontSize: '14',
						fontWeight: 'bold'
					},
					length: 1
				}
			},
		}]
	};
	keywordPieChart.setOption(option);
}
function Code(val, row, index) {
	let num = index + 1
	return "<span style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:50px;text-align: center;'>" +
		num + "</span>"
	// return index + 1;
}
function getKeyName(v, r) {
	for (let i = 0; i < keyidArr.length; i++) {
		if (keyidArr[i].id == keyid) {
			if (keyidArr[0].id == keyid) {
				console.log('1111', keyname)
				// $('.head_title').text(keyname+'关键字数据分析')
				$('.backKey_icon').css('display', 'none')
			} else {
				$('.backKey_icon').css('display', 'block')
			}
		}
	}
	return '<span class="workAct"  onclick="getKeyClass(\'' + r.KeyId + '\',\'' + r.ClassCount + '\',\'' + r.KeyName +
		'\')">' + v + '</span>'
}
function getcodeNum(v) {

}
//办理时长
function timeSecTable() {
	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)
	$('.dataTT').text(data + " ~ " + current)
	var $tableLeft = $('#timeSecList');
	$tableLeft.bootstrapTable('destroy');
	//初始化表格,动态从服务器加载数据
	$tableLeft.bootstrapTable({
		method: "get", //使用get请求到服务器获取数据
		url: huayi.config.callcenter_url + "/InfoNew/GetDeptDayTime",
		striped: false, //表格显示条纹
		pagination: false, //启动分页
		pageSize: 12, //每页显示的记录数
		pageNumber: 1, //当前第几页
		fixedColumns: false,
		fixedNumber: 3,
		pageList: [5, 10, 20, 50, 100], //记录数可选列表
		search: false, //是否启用查询
		showColumns: false, //显示下拉框勾选要显示的列
		showRefresh: false, //显示刷新按钮
		sidePagination: "server", //表示服务端请求
		//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
		//设置为limit可以获取limit, offset, search, sort, order
		queryParamsType: "undefined",
		queryParams: function queryParams(params) { //设置查询参数
		},
		onLoadSuccess: function (data) { //加载成功时执行
			// data.reverse();
			const newDataL = {};
			newDataL.state = "success";
			newDataL.message = "加载成功";
			newDataL.rows = data;
			$tableLeft.bootstrapTable('load', newDataL);
		},
		onLoadError: function () { //加载失败时执行
			layer.msg("加载数据失败", {
				time: 1500,
				icon: 2
			});
		}
	});
}
//操作
function getCompanyName(v, r) {
	return '<span class="workAct" onclick="workTable(\'' + '' + '\',\'' + r.deptid + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + ''
		+ '\',\'' + '' + '\',\'' + 0 + '\')">' + v + '</span>'
}
function trend(val, row) {
	var str = '';
	if (row.trend.substring(0, 1) == '-' && row.trend.length > 1) {
		str = '<ul class="tool_downs">' +
			'<li><img src="./image/second/down_arrow.png" alt="" style="vertical-align: middle;padding-right: 3px;">' + row
				.trend.substring(1) + '<li>' +
			'</ul>';
	} else if (row.trend.substring(0, 1) != '-' && row.trend.length > 1) {
		str = '<ul class="tool_downs">' +
			'<li><img src="./image/second/up_arrow.png" alt="" style="vertical-align: middle;padding-right: 3px;">' + row
				.trend + '<li>' +
			'</ul>';
	} else {
		str = '<ul class="tool_downs">' +
			'<li>' + row.trend + '<li>' +
			'</ul>';
	}
	return str
}
//热线整合受理情况&重大事件
function getHonelineChart2(data, dom) {
	let hotline2 = echarts.init(document.getElementById(dom));
	const CubeLeft = echarts.graphic.extendShape({
		shape: {
			x: 0,
			y: 0
		},
		buildPath: function (ctx, shape) {
			const xAxisPoint = shape.xAxisPoint
			const c0 = [shape.x, shape.y]
			const c1 = [shape.x - 20, shape.y - 4]
			const c2 = [xAxisPoint[0] - 20, xAxisPoint[1] - 4]
			const c3 = [xAxisPoint[0], xAxisPoint[1]]
			ctx.moveTo(c0[0], c0[1]).lineTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1])
				.closePath()
		}
	})
	const CubeRight = echarts.graphic.extendShape({
		shape: {
			x: 0,
			y: 0
		},
		buildPath: function (ctx, shape) {
			const xAxisPoint = shape.xAxisPoint
			const c1 = [shape.x, shape.y]
			const c2 = [xAxisPoint[0], xAxisPoint[1]]
			const c3 = [xAxisPoint[0] + 8, xAxisPoint[1] - 4]
			const c4 = [shape.x + 8, shape.y - 4]
			ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1])
				.closePath()
		}
	})
	const CubeTop = echarts.graphic.extendShape({
		shape: {
			x: 0,
			y: 0
		},
		buildPath: function (ctx, shape) {
			// 逆时针 角 y 负数向上  X 负数向左
			const c1 = [shape.x, shape.y]
			const c2 = [shape.x + 8, shape.y - 4]
			const c3 = [shape.x - 11, shape.y - 8]
			const c4 = [shape.x - 20, shape.y - 4]
			ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1])
				.closePath()
		}
	})
	echarts.graphic.registerShape('CubeLeft', CubeLeft)
	echarts.graphic.registerShape('CubeRight', CubeRight)
	echarts.graphic.registerShape('CubeTop', CubeTop)
	let MAX = []
	let VALUE = []
	let LEV = []
	let chartData = [].concat(data)
	chartData.forEach(item => {
		VALUE.push(item.landArea)
		LEV.push(item.level)
	})
	let maxItem = [].concat(VALUE).sort((a, b) => b - a)[0]

	let SUM = 0
	for (let item of VALUE) {
		SUM += item
		MAX.push(maxItem)
	}
	option = {
		tooltip: {
			trigger: 'item',
			textStyle: {
				color: '#ffe400',
				fontSize: '16',
				fontWeight: '500'
			},
			position: 'top',
			backgroundColor: 'rgba(250,250,250,0)',
			transitionDuration: 0.4,
			formatter: function (params) {
				return '<div style="background-image: url(image/second/reminder_box2.png);width:50px;height:33px;line-height:30px;background-size: 100% 100%;text-align:center;">' +
					VALUE[params.dataIndex] + '</div>';
			}
		},
		grid: {
			right: "5%",
			top: "20%",
			left: "5%",
			bottom: "5%",
			containLabel: true
		},
		xAxis: {
			type: 'category',
			data: LEV,
			axisLine: {
				show: true,
				lineStyle: {
					color: '#687e89'
				}
			},
			offset: 10,
			axisTick: {
				show: false
			},
			axisLabel: {
				fontSize: 14,
				color: '#fff'
			}
		},
		yAxis: [{
			nameTextStyle: {
				color: "#f4f5f5",
				padding: [0, 0, 10, -5],
				fontSize: 16
			},
			axisLabel: {
				color: "#f4f5f5",
				fontSize: 16
			},
			axisTick: {
				lineStyle: {
					color: "#687f8a",
					width: 1
				},
				show: true
			},
			splitLine: {
				show: true,
				lineStyle: {
					color: "#687f8a",
					type: "dashed"
				}
			},
			axisLine: {
				lineStyle: {
					color: "#687f8a",
					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: [{
			type: 'custom',
			renderItem: (params, api) => {
				const location = api.coord([api.value(0), api.value(1)])
				return {
					type: 'group',
					children: [{
						type: 'CubeLeft',
						shape: {
							api,
							xValue: api.value(0),
							yValue: api.value(1),
							x: location[0],
							y: location[1],
							xAxisPoint: api.coord([api.value(0), 0])
						},
						style: {
							fill: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
								offset: 0,
								color: '#3fffea'
							}, {
								offset: 1,
								color: '#007eff'
							}])
						},

					},
					{
						type: 'CubeRight',
						shape: {
							api,
							xValue: api.value(0),
							yValue: api.value(1),
							x: location[0],
							y: location[1],
							xAxisPoint: api.coord([api.value(0), 0])
						},
						style: {
							fill: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
								offset: 0,
								color: '#2fbeaf' // 顶部
							}, {
								offset: 1,
								color: '#015fbf' // 底部
							}])
						}
					}, {
						type: 'CubeTop',
						shape: {
							api,
							xValue: api.value(0),
							yValue: api.value(1),
							x: location[0],
							y: location[1],
							xAxisPoint: api.coord([api.value(0), 0])
						},
						style: {
							fill: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
								offset: 0,
								color: '#9ffff5'
							}, {
								offset: 1,
								color: '#9ffff5'
							}])
						},
					}
					]
				}
			},
			data: VALUE
		}, {
			type: 'bar',
			itemStyle: {
				color: 'rgba(255,255,255,0)'
			},
			emphasis: {
				itemStyle: {
					opacity: 0.2,
					color: 'rgb(60,118,77)'
				}
			},
			data: MAX
		},]
	}
	hotline2.setOption(option);
	if (dom == 'hotline2') {
		hotline2.on('click', function (params) {
			workTable('', '', '', params.name, '', '', '', '', 0)
		})
	} else if (dom == 'events') {
		hotline2.on('click', function (params) {
			// console.log(params)
			workTable('', '', '', '', params.name, '', '', '', 0)
		})
	}

}
//受理工单类型
function getAcceptanceType() {
	var $tableLeft = $('#acceptancelist');
	$tableLeft.bootstrapTable('destroy');
	//初始化表格,动态从服务器加载数据
	$tableLeft.bootstrapTable({
		method: "get", //使用get请求到服务器获取数据
		url: huayi.config.callcenter_url + "/InfoNew/GetTypeCount",
		striped: false, //表格显示条纹
		pagination: false, //启动分页
		pageSize: 12, //每页显示的记录数
		pageNumber: 1, //当前第几页
		fixedColumns: false,
		fixedNumber: 3,
		pageList: [5, 10, 20, 50, 100], //记录数可选列表
		search: false, //是否启用查询
		showColumns: false, //显示下拉框勾选要显示的列
		showRefresh: false, //显示刷新按钮
		sidePagination: "server", //表示服务端请求
		//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
		//设置为limit可以获取limit, offset, search, sort, order
		queryParamsType: "undefined",
		queryParams: function queryParams(params) { //设置查询参数
			// var param = {
			// }
			// return param
		},
		onLoadSuccess: function (data) { //加载成功时执行
			const newDataL = {};
			let handTotal = 0;
			newDataL.state = data.state;
			newDataL.message = data.message;
			newDataL.rows = data.data;
			$tableLeft.bootstrapTable('load', newDataL);
			new doAjax({
				url: huayi.config.callcenter_url + "/InfoNew/GetHandling",
				data: {},
				callBack: function (res) {
					let handingData = [{
						value: res[0].db,
						name: '督办'
					}, {
						value: res[0].zhib,
						name: '直办'
					}, {
						value: res[0].zub,
						name: '转办'
					},
					{
						value: res[0].cb,
						name: '催办'
					}
					]
					handTotal = res[0].db + res[0].zhib + res[0].zub + res[0].cb;
					$('.acceptanceType_wrap .total').text(handTotal);
					getTimes('.statisticsTime')
					getHandling(handingData);
				}
			});
		},
		onLoadError: function () { //加载失败时执行
			layer.msg("加载数据失败", {
				time: 1500,
				icon: 2
			});
		}
	});
}
function getHandling(data) {
	let sortPie = echarts.init(document.getElementById('acceptancePie'));
	option = {
		legend: [{
			icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`,
			orient: 'vertical',
			data: ['督办', '直办', '转办', '催办'],
			left: '80%',
			top: 'center',
			align: 'left',
			textStyle: {
				color: "#fff",
				fontSize: 18
			},
			padding: [10, 60],
			itemGap: 20
		}],
		color: ['#c046ff', '#00a8ff', '#00ffe4', '#f1b31e'],
		series: [{
			name: '访问来源',
			type: 'pie',
			radius: '76%',
			data: data,
			emphasis: {
				itemStyle: {
					shadowBlur: 10,
					shadowOffsetX: 0,
					shadowColor: 'rgba(0, 0, 0, 0.5)'
				}
			},
			label: {
				normal: {
					show: false,
					formatter: function (params) {
						return params.name + '：' + params.value
						// return 
					},
				},
				emphasis: {
					position: 'left',
					show: true,
					textStyle: {
						color: '#fff',
						fontSize: '18',
						fontWeight: 'bold'
					},
					length: 1
				}
			},
		}]
	};
	sortPie.setOption(option);
	sortPie.on('click', function (params) {
		console.log(params.name)
		if (params.name == '直办') {
			workTable('', '', '', '', '', '', '', '', 0, 2)
		} else if (params.name == '督办') {
			workTable('', '', '', '', '', '', '', '', 0, 1)
		} else if (params.name == '转办') {
			workTable('', '', '', '', '', '', '', '', 0, 3)
		} else {
			workTable('', '', '', '', '', '', '', '', 0, 4)
		}
	})
}
function getAcceptanceName(val, row) {
	if (row.type == '咨询') {
		return '<span class="workAct"  onclick="workTable(\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + 9 +
			'\',\'' + '' + '\',\'' + '' + '\',\'' + 0 + '\')">' + val + '</span>'
	} else if (row.type == '投诉') {
		return '<span class="workAct"  onclick="workTable(\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + 11 +
			'\',\'' + '' + '\',\'' + '' + '\',\'' + 0 + '\')">' + val + '</span>'
	} else if (row.type == '建议') {
		return '<span class="workAct"  onclick="workTable(\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + 12 +
			'\',\'' + '' + '\',\'' + '' + '\',\'' + 0 + '\')">' + val + '</span>'
	} else if (row.type == '其他') {
		return '<span class="workAct"  onclick="workTable(\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + 90 +
			'\',\'' + '' + '\',\'' + '' + '\',\'' + 0 + '\')">' + val + '</span>'
	} else if (row.type == '求助') {
		return '<span class="workAct"  onclick="workTable(\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + 10 +
			'\',\'' + '' + '\',\'' + '' + '\',\'' + 0 + '\')">' + val + '</span>'
	} else if (row.type == '表扬') {
		return '<span class="workAct"  onclick="workTable(\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + 13 +
			'\',\'' + '' + '\',\'' + '' + '\',\'' + 0 + '\')">' + val + '</span>'
	} else if (row.type == '举报') {
		return '<span class="workAct"  onclick="workTable(\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + 89 +
			'\',\'' + '' + '\',\'' + '' + '\',\'' + 0 + '\')">' + val + '</span>'
	}

}
//时段话务
function trafficMonthChart(hours, monthCount, dayCount) {
	let traffic = echarts.init(document.getElementById('traffic2'));
	option = {
		tooltip: {
			trigger: 'axis',
			axisPointer: {
				show: true,
				type: 'line',
				lineStyle: {
					type: 'dashed'
				}
			},
			textStyle: {
				color: '#fff',
				fontSize: 16,
				fontWeight: '600',
			},
			position: ['75%', '55%'],
			backgroundColor: 'rgba(250,250,250,0)',
			formatter: function (params) {
				console.log()
				let str = '<div style="position: absolute;top:-315px;left:-423px">接通率：' + ((params[1].value / params[0].value) * 100).toFixed(0) + '%</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: '#08fcff'
			},
			lineStyle: {
				normal: {
					width: 2,
					color: "#08fcff",
				}
			},
			label: {
				show: true,
				position: 'top',
				color: '#fff',
				fontSize: 14,
				fontWeight: '600',
				formatter: function (params) {
					console.log(params)
					return params.seriesName + '：' + params.value
				}
			},
			areaStyle: {
				normal: {
					color: new echarts.graphic.LinearGradient(
						0,
						0,
						0,
						1,
						[{
							offset: 0,
							color: "#087caa"
						},
						{
							offset: 0.8,
							color: "#091576"
						}
						],
						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: '#ffe000'
			},
			label: {
				show: true,
				position: 'top',
				color: '#fff',
				fontSize: 14,
				fontWeight: '600',
				formatter: function (params) {
					return params.seriesName + '：' + params.value
				}
			},
			lineStyle: {
				normal: {
					width: 2,
					color: "#ffe000",
				}
			},
			areaStyle: {
				normal: {
					color: new echarts.graphic.LinearGradient(
						0,
						0,
						0,
						1,
						[{
							offset: 0,
							color: "#739952"
						},
						{
							offset: 0.8,
							color: "#091576"
						}
						],
						false
					),
				}
			},
			emphasis: {
				itemStyle: {
					color: '#fff',
					shadowBlur: 10,
					shadowOffsetX: 1,
					shadowOffsetY: 1,
					shadowColor: 'rgb(250,250, 250)'
				}
			},
			data: dayCount
		}]
	};
	traffic.setOption(option);
}
function trafficDayChart(phoneName, ldcount, jtcount, wjcount, fqcount) {
	let traffic3 = echarts.init(document.getElementById('rexian'));
	option = {
		tooltip: {
			trigger: 'axis',
			axisPointer: {
				show: true,
				type: 'line',
				lineStyle: {
					type: 'dashed'
				}
			},
			textStyle: {
				color: '#ffe400',
				fontSize: '14'
			},
			backgroundColor: 'rgba(250,250,250,0)',
			formatter: function (params) {
				let str = '<div style="background-image: url(image/key_frame.png);width:134px;height:130px;line-height:25px;background-size: 100% 100%;padding:13px 10px;">'
				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;
			}
		},
		legend: {
			type: 'plain',
			data: ['来电量', '接通量', '未接通', '主动放弃'],
			textStyle: { fontSize: 14, color: '#fff' },
			itemWidth: 25,
			itemHeight: 15,
			itemGap: 15,
			icon: 'rect',
			selectedMode: false
			// top: '5%',
		},
		grid: {
			left: '3%',
			right: '4%',
			bottom: '3%',
			containLabel: true,
			tooltip: {
				textStyle: {
					color: '#fff'
				}
			}
		},
		xAxis: {
			axisTick: { show: true },
			axisLine: {
				show: true,
				lineStyle: {
					color: "#525fa6"
				}
			},
			axisLabel: { textStyle: { fontSize: 16, color: '#fff' }, },
			data: phoneName
		},
		yAxis: [{
			boundaryGap: false,
			type: "value",
			// scale:true,
			axisLabel: {
				textStyle: {
					color: "#f4f4f8",
					fontSize: 16
				}
			},
			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: [{
			z: 1,
			name: '上部1',
			type: 'pictorialBar',
			symbolPosition: 'end',
			data: ldcount,
			symbol: 'diamond',
			symbolOffset: ['-75%', '-50%'],
			symbolSize: [29, 19],
			itemStyle: {
				borderColor: '#2fffa4',
				color: '#2fffa4'
			},
		}, {
			z: 1,
			type: 'bar',
			name: '来电量',
			barWidth: 30,
			barGap: '-50%',
			data: ldcount,
			itemStyle: {
				color: {
					type: 'linear',
					x: 0, x2: 1, y: 0, y2: 0,
					colorStops: [
						{ offset: 0, color: 'rgba(29, 245, 160, .7)' },
						{ offset: 0.5, color: 'rgba(29, 245, 160, .7)' },
						{ offset: 0.5, color: 'rgba(29, 245, 160, .3)' },
						{ offset: 1, color: 'rgba(29, 245, 160, .3)' }
					]
				}
			},
		}, {
			z: 2,
			name: '上部1',
			type: 'pictorialBar',
			symbolPosition: 'end',
			data: jtcount,
			symbol: 'diamond',
			symbolOffset: ['-25%', '-50%'],
			symbolSize: [29, 19],
			itemStyle: {
				borderColor: '#32ffee',
				color: '#32ffee'
			},
		}, {
			z: 2,
			type: 'bar',
			name: '接通量',
			barWidth: 30,
			data: jtcount,
			itemStyle: {
				color: {
					type: 'linear',
					x: 0, x2: 1, y: 0, y2: 0,
					colorStops: [
						{ offset: 0, color: 'rgba(50, 255, 238, .7)' },
						{ offset: 0.5, color: 'rgba(50, 255, 238, .7)' },
						{ offset: 0.5, color: 'rgba(50, 255, 238, .3)' },
						{ offset: 1, color: 'rgba(50, 255, 238, .3)' }
					]
				}
			},
		}, {
			z: 3,
			name: '上部1',
			type: 'pictorialBar',
			symbolPosition: 'end',
			data: wjcount,
			symbol: 'diamond',
			symbolOffset: ['25%', '-50%'],
			symbolSize: [29, 19],
			itemStyle: {
				borderColor: '#ffd11a',
				color: '#ffd11a'
			},
		}, {
			z: 3,
			type: 'bar',
			name: '未接通',
			barWidth: 30,
			data: wjcount,
			itemStyle: {
				color: {
					type: 'linear',
					x: 0, x2: 1, y: 0, y2: 0,
					colorStops: [
						{ offset: 0, color: 'rgba(255, 209, 26, .7)' },
						{ offset: 0.5, color: 'rgba(255, 209, 26, .7)' },
						{ offset: 0.5, color: 'rgba(255, 209, 26, .3)' },
						{ offset: 1, color: 'rgba(255, 209, 26, .3)' }
					]
				}
			},
		},
		{
			z: 4,
			name: '上部1',
			type: 'pictorialBar',
			symbolPosition: 'end',
			data: fqcount,
			symbol: 'diamond',
			symbolOffset: ['75%', '-50%'],
			symbolSize: [29, 19],
			itemStyle: {
				borderColor: 'rgb(176,121,121)',
				color: 'rgb(176,121,121)'
			},
		}, {
			z: 4,
			type: 'bar',
			name: '主动放弃',
			barWidth: 30,
			data: fqcount,
			itemStyle: {
				color: {
					type: 'linear',
					x: 0, x2: 1, y: 0, y2: 0,
					colorStops: [
						{ offset: 0, color: 'rgb(176,121,121)' },
						{ offset: 0.5, color: 'rgb(176,121,121)' },
						{ offset: 0.5, color: 'rgba(176,121,121, .3)' },
						{ offset: 1, color: 'rgba(176,121,121, .3)' }
					]
				}
			},
		}

		],
	}
	traffic3.setOption(option)
}
function getS(phoneName, ldcount, jtcount, wjcount, fqcount) {
	let traffic3 = echarts.init(document.getElementById('heji'));
	option = {
		tooltip: {
			trigger: 'axis',
			axisPointer: {
				show: true,
				type: 'line',
				lineStyle: {
					type: 'dashed'
				}
			},
			textStyle: {
				color: '#ffe400',
				fontSize: '14'
			},
			backgroundColor: 'rgba(250,250,250,0)',
			formatter: function (params) {
				let str = '<div style="background-image: url(image/key_frame.png);width:134px;height:130px;line-height:25px;background-size: 100% 100%;padding:13px 10px;">'
				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;
			}
		},
		legend: {
			type: 'plain',
			data: ['来电量', '接通量', '未接通', '主动放弃'],
			textStyle: { fontSize: 14, color: '#fff' },
			itemWidth: 25,
			itemHeight: 15,
			itemGap: 15,
			icon: 'rect',
			selectedMode: false
			// top: '5%',
		},
		grid: {
			left: '3%',
			right: '4%',
			bottom: '3%',
			containLabel: true,
			tooltip: {
				textStyle: {
					color: '#fff'
				}
			}
		},
		xAxis: {
			axisTick: { show: true },
			axisLine: {
				show: true,
				lineStyle: {
					color: "#525fa6"
				}
			},
			axisLabel: { textStyle: { fontSize: 16, color: '#fff' }, },
			data: phoneName
		},
		yAxis: [{
			boundaryGap: false,
			type: "value",
			// scale:true,
			axisLabel: {
				textStyle: {
					color: "#f4f4f8",
					fontSize: 16
				}
			},
			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: [{
			z: 1,
			name: '上部1',
			type: 'pictorialBar',
			symbolPosition: 'end',
			data: ldcount,
			symbol: 'diamond',
			symbolOffset: ['-75%', '-50%'],
			symbolSize: [29, 19],
			itemStyle: {
				borderColor: '#2fffa4',
				color: '#2fffa4'
			},
		}, {
			z: 1,
			type: 'bar',
			name: '来电量',
			barWidth: 30,
			barGap: '-50%',
			data: ldcount,
			itemStyle: {
				color: {
					type: 'linear',
					x: 0, x2: 1, y: 0, y2: 0,
					colorStops: [
						{ offset: 0, color: 'rgba(29, 245, 160, .7)' },
						{ offset: 0.5, color: 'rgba(29, 245, 160, .7)' },
						{ offset: 0.5, color: 'rgba(29, 245, 160, .3)' },
						{ offset: 1, color: 'rgba(29, 245, 160, .3)' }
					]
				}
			},
		}, {
			z: 2,
			name: '上部1',
			type: 'pictorialBar',
			symbolPosition: 'end',
			data: jtcount,
			symbol: 'diamond',
			symbolOffset: ['-25%', '-50%'],
			symbolSize: [29, 19],
			itemStyle: {
				borderColor: '#32ffee',
				color: '#32ffee'
			},
		}, {
			z: 2,
			type: 'bar',
			name: '接通量',
			barWidth: 30,
			data: jtcount,
			itemStyle: {
				color: {
					type: 'linear',
					x: 0, x2: 1, y: 0, y2: 0,
					colorStops: [
						{ offset: 0, color: 'rgba(50, 255, 238, .7)' },
						{ offset: 0.5, color: 'rgba(50, 255, 238, .7)' },
						{ offset: 0.5, color: 'rgba(50, 255, 238, .3)' },
						{ offset: 1, color: 'rgba(50, 255, 238, .3)' }
					]
				}
			},
		}, {
			z: 3,
			name: '上部1',
			type: 'pictorialBar',
			symbolPosition: 'end',
			data: wjcount,
			symbol: 'diamond',
			symbolOffset: ['25%', '-50%'],
			symbolSize: [29, 19],
			itemStyle: {
				borderColor: '#ffd11a',
				color: '#ffd11a'
			},
		}, {
			z: 3,
			type: 'bar',
			name: '未接通',
			barWidth: 30,
			data: wjcount,
			itemStyle: {
				color: {
					type: 'linear',
					x: 0, x2: 1, y: 0, y2: 0,
					colorStops: [
						{ offset: 0, color: 'rgba(255, 209, 26, .7)' },
						{ offset: 0.5, color: 'rgba(255, 209, 26, .7)' },
						{ offset: 0.5, color: 'rgba(255, 209, 26, .3)' },
						{ offset: 1, color: 'rgba(255, 209, 26, .3)' }
					]
				}
			},
		},
		{
			z: 4,
			name: '上部1',
			type: 'pictorialBar',
			symbolPosition: 'end',
			data: fqcount,
			symbol: 'diamond',
			symbolOffset: ['75%', '-50%'],
			symbolSize: [29, 19],
			itemStyle: {
				borderColor: 'rgb(176,121,121)',
				color: 'rgb(176,121,121)'
			},
		}, {
			z: 4,
			type: 'bar',
			name: '主动放弃',
			barWidth: 30,
			data: fqcount,
			itemStyle: {
				color: {
					type: 'linear',
					x: 0, x2: 1, y: 0, y2: 0,
					colorStops: [
						{ offset: 0, color: 'rgb(176,121,121)' },
						{ offset: 0.5, color: 'rgb(176,121,121)' },
						{ offset: 0.5, color: 'rgba(176,121,121, .3)' },
						{ offset: 1, color: 'rgba(176,121,121, .3)' }
					]
				}
			},
		}

		],
	}
	traffic3.setOption(option)
}
//坐席监控
//实时话务统计
function getRealTimeTraffi(hours, hrCount, hcCount) {
	let realTimeTraffi = echarts.init(document.getElementById('realTimeTraffi'));
	option = {
		grid: {
			top: '20%',
			bottom: '20%'
		},
		legend: {
			data: ['呼入', '呼出'],
			textStyle: {
				color: '#fff',
				fontSize: 14,
				padding: [0, 5]
			},
			right: 25,
			top: -5
		},
		tooltip: {
			trigger: 'axis',
			axisPointer: {
				show: true,
				type: 'line',
				lineStyle: {
					type: 'dashed'
				}
			},
			textStyle: {
				color: '#fff',
				fontSize: 16,
				fontWeight: '600',
			},
			backgroundColor: 'rgba(250,250,250,0)',
			formatter: function (params) {
				let str = '<div style="background-image: url(image/key_frame.png);width:128px;height:70px;line-height:25px;background-size: 100% 100%;padding:7px 8px;">'
				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;
			}
		},
		xAxis: [{
			type: "category",
			boundaryGap: false,
			scale: true,
			axisLabel: {
				formatter: '{value}',
				fontSize: 13,
				margin: 10,
				textStyle: {
					color: "#f4f4f8"
				}
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: "#849cc9"
				}
			},
			splitLine: {
				show: false,
				lineStyle: {
					color: "#849cc9"
				}
			},
			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: "#849cc9",
					type: "dashed"
				}
			},
			axisLine: {
				lineStyle: {
					color: "#849cc9",
					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],
			},
		}],
		series: [{
			name: "呼入",
			type: "line",
			smooth: true,
			showSymbol: false,
			symbol: 'circle',
			symbolSize: 4,
			zlevel: 3,
			itemStyle: {
				color: '#08fcff'
			},
			lineStyle: {
				normal: {
					width: 2,
					color: "#01cde6",
				}
			},
			// label: {
			// 	show: true,
			// 	position: 'top',
			// 	color: '#fff',
			// 	fontSize: 14,
			// 	fontWeight: '600',
			// 	formatter: function (params) {
			// 		console.log(params)
			// 		return params.seriesName + '：' + params.value
			// 	}
			// },
			areaStyle: {
				normal: {
					color: new echarts.graphic.LinearGradient(
						0,
						0,
						0,
						1,
						[{
							offset: 0,
							color: "#0571ae"
						},
						{
							offset: 0.8,
							color: "#093085"
						}
						],
						false
					),
				}
			},
			emphasis: {
				itemStyle: {
					color: '#fff',
					shadowBlur: 10,
					shadowOffsetX: 1,
					shadowOffsetY: 1,
					shadowColor: 'rgb(250,250, 250)'
				}
			},
			data: hrCount
		}, {
			name: "呼出",
			type: "line",
			smooth: true,
			showSymbol: false,
			symbol: 'circle',
			symbolSize: 4,
			zlevel: 3,
			itemStyle: {
				color: '#ffe000'
			},
			// label: {
			// 	show: true,
			// 	position: 'top',
			// 	color: '#fff',
			// 	fontSize: 14,
			// 	fontWeight: '600',
			// 	formatter: function (params) {
			// 		return params.seriesName + '：' + params.value
			// 	}
			// },
			lineStyle: {
				normal: {
					width: 2,
					color: "#ffd200",
				}
			},
			areaStyle: {
				normal: {
					color: new echarts.graphic.LinearGradient(
						0,
						0,
						0,
						1,
						[{
							offset: 0,
							color: "#626a55"
						},
						{
							offset: 0.8,
							color: "#093085"
						}
						],
						false
					),
				}
			},
			emphasis: {
				itemStyle: {
					color: '#fff',
					shadowBlur: 10,
					shadowOffsetX: 1,
					shadowOffsetY: 1,
					shadowColor: 'rgb(250,250, 250)'
				}
			},
			data: hcCount
		}]
	};
	realTimeTraffi.setOption(option);
}