// 关键词
let keyidArr = [];
let keyid = 0;
let starKeyId = 0;
let keyname = '';
let keylegend = [];
let nameK = ''
let reg = /\w\d+$/;
$('.backKey_icon').click(function () {
for (let i = 0; i < keyidArr.length; i++) {
if (keyidArr[i].id == keyid) {
$('.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
}
}
})
$('.closeKey_icon').click(function () {
$('#themeIdHidden').val('')
$('.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
$('#themeIdHidden').val('')
})
// 获取当月的开始和结束时间并转换为时分秒形式
function getMonthTime(time) {
const now = new Date(time);
const year = now.getFullYear();
const month = now.getMonth(); // 从0开始的月份索引
// 当月开始时间
const startOfMonth = formatDate(new Date(year, month, 1));
// 当月结束时间
const endOfMonth = formatDate(new Date(year, month + 1, 0));
return {
start: startOfMonth,
end: endOfMonth
};
}
function formatDate(date) {
var year = date.getFullYear();
var month = date.getMonth() + 1;
var strDate = date.getDate();
if (strDate >= 0 && strDate <= 9) {
strDate = "0" + strDate;
}
return year + '-' + month + '-' + strDate;
}
function getKeyClass(id, classId, con) {
$('.bulletFrame').show();
$('.secondLevel_keyWord').show();
$('.secondLevel_keyWord').siblings().hide()
if ($('.bulletFrame').css('display') == 'block') {
$('.body').css('opacity', '0.4')
}
var lastTime = $('#keyDate').val();
if (!lastTime || lastTime == '' || lastTime.length > 10) {
lastTime = getNowTime('', 3);
}
laydate.render({
elem: '#keyDate',
type: 'date',
calendar: true,
value: lastTime,
done: function (value) {
$('.keyWordTitle').text(keyidArr[0].name + '问题分类')
$('.head_title').text(keyidArr[0].name + '关键字数据分析')
$('.statisticsTime').html(value)
keyWordTable(keyidArr[0].id, keyidArr[0].name, value);
}
});
if (classId == '1' || classId == '0') {
// 当月
if ($('#gpsxDataAct').val() == '2') {
//
// workTable(id,null,null,null,null ,null,null,null,null,null,null,null, $('#keyDate').val());
var currentTime = getMonthTime($('#keyDate').val());
workTable(id,null,null,null,null ,null,null,null,null,null,null,null, null, null, null, currentTime.start, currentTime.end, classId == '0' ? 1: null);
} else {
// 当日
workTable(id,null,null,null,null ,null,null,null,null,null,null,null, $('#keyDate').val(), null, null, null, null , classId == '0' ? 1: null);
}
} else {
// getTimes('.statisticsTime', 1)
$('.statisticsTime').html($('#keyDate').val())
keyidArr.push({
name: con,
id: id
})
keyid = id
$('.keyWordTitle').text(con + '问题分类')
$('.head_title').text(con + '关键字数据分析')
keyWordTable(id, con, $('#keyDate').val());
}
}
function keyWordTable(id, con, value) {
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,
token: $.cookie("token"),
timetype:keyCountDataType,
date: value
}
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, ''));
})
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,
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'
},
labelLine: {
show: true
},
length: 1
}
}
}]
};
keywordPieChart.setOption(option);
}
function Code(val, row, index) {
let num = index + 1
return "" +
num + ""
// 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) {
$('.backKey_icon').css('display', 'none')
} else {
$('.backKey_icon').css('display', 'block')
}
}
}
return '' + v + ''
}
function getKeyBili(v) {
return "
" +
v + "
"
}
function getKeyNum(v) {
return "" +
v + "
"
}
//办理时长
function timeSecTable(dom, type) {
getTimes('.dataTT')
var $tableLeft = $(dom);
$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) { //设置查询参数
var param = {
token: $.cookie("token"),
type: type,
data:$("#rankDate2").val()
};
return param;
},
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 '' + v + ''
}
function trend(val, row) {
var str = '';
if (row.trend.substring(0, 1) == '-' && row.trend.length > 1) {
str = '';
} else if (row.trend.substring(0, 1) != '-' && row.trend.length > 1) {
str = '';
} else {
str = '';
}
return str
}
var tableColumns = [
// {
// title: '序号',
// align: 'center',
// formatter: function(value, row, index) {
// return index + 1
// }
// },
{
field: 'deptname',
title: '联动单位',
align: 'center'
},
{
field: 'Undertakers',
title: '承办件',
align: 'center',
formatter: function(value, row, index) {
return handleOrderList(value, row, 0);
}
},
{
field: 'Undertakersrate',
title: '承办率',
align: 'center'
},
// {
// field: 'Undertakersscore',
// title: '得分(3分)',
// align: 'center'
// },
{
field: 'signfor',
title: '及时签收件',
align: 'center',
formatter: function(value, row, index) {
return handleOrderList(value, row, 1);
}
},
// {
// field: 'oversignfor',
// title: '超时签收件 ',
// align: 'center',
// formatter: function(value, row, index) {
// return handleOrderList(value, row, 2);
// }
// },
{
field: 'signforrate',
title: '及时签收率',
align: 'center'
},
// {
// field: 'signforscore',
// title: '得分(5分)',
// align: 'center'
// },
{
field: 'overdue',
title: '按时反馈件',
align: 'center',
formatter: function(value, row, index) {
return handleOrderList(value, row, 3);
}
},
// {
// field: 'overfeedback',
// title: '超时反馈件',
// align: 'center',
// formatter: function(value, row, index) {
// return handleOrderList(value, row, 4);
// }
// },
// {
// field: 'Processing',
// title: '未到期工单',
// align: 'center',
// formatter: function(value, row, index) {
// return handleOrderList(value, row, 13);
// }
// },
{
field: 'overduerate',
title: '按时反馈率',
align: 'center'
},
// {
// field: 'overduescore',
// title: '得分(15分)',
// align: 'center'
// },
{
field: 'conclude',
title: '办结件',
align: 'center',
formatter: function(value, row, index) {
return handleOrderList(value, row, 5);
}
},
// {
// field: 'noconclude',
// title: '未办结件',
// align: 'center',
// formatter: function(value, row, index) {
// return handleOrderList(value, row, 6);
// }
// },
// {
// field: 'completed',
// title: '应办结数量',
// align: 'center',
// formatter: function(value, row, index) {
// return handleOrderList(value, row, 14);
// }
// },
{
field: 'unsuccessfulrate',
title: '办结率',
align: 'center'
},
// {
// field: 'unsuccessfulscore',
// title: '办结得分(10分)',
// align: 'center'
// },
{
field: 'one',
title: '一次办结件',
align: 'center',
formatter: function(value, row, index) {
return handleOrderList(value, row, 7);
}
},
// {
// field: 'noone',
// title: '非一次办结件',
// align: 'center',
// formatter: function(value, row, index) {
// return handleOrderList(value, row, 8);
// }
// },
// {
// field: 'reply',
// title: '回复工单量',
// align: 'center',
// formatter: function(value, row, index) {
// return handleOrderList(value, row, 15);
// }
// },
{
field: 'onerate',
title: '一次办结率',
align: 'center'
},
// {
// field: 'onescore',
// title: '得分(12分)',
// align: 'center'
// },
// {
// field: 'noexamine',
// title: '不计入考核件',
// align: 'center',
// formatter: function(value, row, index) {
// return handleOrderList(value, row, 9);
// }
// },
//
{
field: 'review',
title: '评议件',
align: 'center',
formatter: function(value, row, index) {
return handleOrderList(value, row, 10);
}
},
{
field: 'satisfied',
title: '满意件',
align: 'center',
formatter: function(value, row, index) {
return handleOrderList(value, row, 11);
}
},
// {
// field: 'nosatisfied',
// title: '不满意件',
// align: 'center',
// formatter: function(value, row, index) {
// return handleOrderList(value, row, 12);
// }
// },
{
field: 'satisfiedrates',
title: '满意率',
align: 'center'
},
// {
// field: 'satisfiedscore',
// title: '得分(55分)',
// align: 'center'
// },
{
field: 'total',
title: '总分',
align: 'center'
},
{
title: '排名',
align: 'center',
formatter: function(value, row, index) {
return index + 1
}
},
];
function handleOrderList(val, row, tab) {
if(row.deptname !== '合计' && row.deptname !== '总计') {
if(!val) {
val = 0
}
return ''
} else {
return val
}
}
function testSecTable(id, type, group, value) {
$.ajax({
url: huayi.config.callcenter_url + "/DataAssessment/GetEvaluation",
type: 'get',
data: {
token: $.cookie("token"),
// type: type,
// starttime: value && value.split(' ~ ')[0],
// endtime: value && value.split(' ~ ')[1]
// category,
date: value,
},
dataType: "json",
async: true,
success: function(returnValue) {
//异步获取数据
//debugger;
var resultData = returnValue.rows;
var resultData_1 = []
var resultData_2 = []
var resultData_3 = []
var resultData_4 = []
var resultData_5 = []
var max;
for (var i = 0; i < resultData.length; i++) {
for (var j = i; j < resultData.length; j++) {
if (resultData[i].total < resultData[j].total) {
max = resultData[j];
resultData[j] = resultData[i];
resultData[i] = max;
}
}
}
resultData.forEach(function(v, i) {
if(v.category === 1) {
resultData_1.push(v)
} else if(v.category === 2) {
resultData_2.push(v)
} else if(v.category === 3) {
resultData_3.push(v)
} else if(v.category === 4) {
resultData_4.push(v)
} else {
resultData_5.push(v)
}
})
$('#orderlist2').bootstrapTable('load', resultData_1);
$('#orderlist4').bootstrapTable('load', resultData_2);
$('#orderlist5').bootstrapTable('load', resultData_3);
$('#orderlist6').bootstrapTable('load', resultData_4);
//$('#workorderlist_5').bootstrapTable('load', resultData_5);
}
});
$('#orderlist2').bootstrapTable('destroy').bootstrapTable({
striped: true,
pagination: false,
columns: tableColumns
});
$('#orderlist4').bootstrapTable('destroy').bootstrapTable({
striped: true,
pagination: false,
columns: tableColumns
});
$('#orderlist5').bootstrapTable('destroy').bootstrapTable({
striped: true,
pagination: false,
columns: tableColumns
});
$('#orderlist6').bootstrapTable('destroy').bootstrapTable({
striped: true,
pagination: false,
columns: tableColumns
});
}
//绩效考核
function testSecTableDel(id, type, group, value) {
var $tableLeft = $(id);
var category = 0;
if (id === '#orderlist2') category = 1;
if (id === '#orderlist4') category = 2;
if (id === '#orderlist5') category = 3;
if (id === '#orderlist6') category = 4;
$tableLeft.bootstrapTable('destroy');
//初始化表格,动态从服务器加载数据
$tableLeft.bootstrapTable({
method: "get", //使用get请求到服务器获取数据
url: huayi.config.callcenter_url + "/DataAssessment/GetEvaluation",
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) { //设置查询参数
return {
token: $.cookie("token"),
type: type,
// starttime: value && value.split(' ~ ')[0],
// endtime: value && value.split(' ~ ')[1]
category,
date: $('#rankDate').val(), //'2021-05',
}
},
onLoadSuccess: function (data) { //加载成功时执行
const newDataL = {};
// const typeData1 = [];
// const typeData2 = [];
// var max;
// for (var i = 0; i < data.length; i++) {
// for (var j = i; j < data.length; j++) {
// if (data[i].total < data[j].total) {
// max = data[j];
// data[j] = data[i];
// data[i] = max;
// }
// }
// }
// if (type == 1) {
// data.forEach(function (v, n) {
// if (v.workordrcount <= 10) {
// typeData1.push(v)
// } else {
// typeData2.push(v)
// }
// })
// if (group == 0) {
// newDataL.rows = typeData2;
// } else if (group == 1) {
// newDataL.rows = typeData1;
// }
//
// } else {
// newDataL.rows = data;
// }
newDataL.rows = data;
newDataL.state = "success";
newDataL.message = "加载成功";
$tableLeft.bootstrapTable('load', newDataL);
},
onLoadError: function () { //加载失败时执行
layer.msg("加载数据失败", {
time: 1500,
icon: 2
});
}
});
}
//绩效考核表格操作
function getRank(val, row, index) {
return index + 1
}
//工单数量
function getWorkOrders(val, row) {
return '' + val + ''
}
//不满意数量
function getDissatisfied(val, row) {
return '' + val + ''
}
//超期数量
function getOverdue(val, row) {
return '' + val + ''
}
function getBackWorkOrders(val, row) {
return '' + val + ''
}
function getBacCkWorkOrders(val, row) {
return '' + val + ''
}
//受理工单类型
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 = {
token: $.cookie("token"),
timetype:1
}
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: {
token: $.cookie("token"),
timetype:1
},
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) {
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 '' + val + ''
} else if (row.type == '投诉') {
return '' + val + ''
} else if (row.type == '建议') {
return '' + val + ''
} else if (row.type == '其他') {
return '' + val + ''
} else if (row.type == '求助') {
return '' + val + ''
} else if (row.type == '表扬') {
return '' + val + ''
} else if (row.type == '举报') {
return '' + val + ''
} else if (row.type == '大气污染有奖举报') {
return '' + val + ''
}
}
//时段话务
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) {
let str = '接通率:' + ((params[1].value / params[0].value) * 100).toFixed(0) + '%
'
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) {
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(dataArr) {
let traffic3 = echarts.init(document.getElementById('rexian'));
// 头部菱形
const diamondData = dataArr.result.reduce((pre, cur, index) => {
pre[index] = cur.data.map((el, id) => el + (pre[index - 1] ? pre[index - 1][id] : 0))
return pre
}, [])
// color
const color = [
[{ offset: 0, color: "#efff37", }, { offset: 0.5, color: "#efff37", }, { offset: 0.5, color: "#d5e700", }, { offset: 1, color: "#d5e700", }],
[{ offset: 0, color: "#f67c20", }, { offset: 0.5, color: "#f67c20", }, { offset: 0.5, color: "#cc681e", }, { offset: 1, color: "#cc681e", }],
[{ offset: 0, color: "#32ffee", }, { offset: 0.5, color: "#32ffee", }, { offset: 0.5, color: "#00e8d5", }, { offset: 1, color: "#00e8d5", }],
[{ offset: 0, color: "#dc0707", }, { offset: 0.5, color: "#dc0707", }, { offset: 0.5, color: "#af0808", }, { offset: 1, color: "#af0808", }],
]
// series
let series = dataArr.result.reduce((p, c, i, array) => {
p.push({
z: i + 1,
stack: '总量',
type: 'bar',
name: c.name,
barGap: '-100%',
barWidth: 30,
data: c.data,
itemStyle: { color: { type: 'linear', x: 0, x2: 1, y: 0, y2: 0, colorStops: color[i] } },
}, {
z: i + 10,
type: 'pictorialBar',
symbolPosition: 'end',
symbol: 'diamond',
symbolOffset: [0, '-50%'],
symbolSize: [30, 10],
data: diamondData[i],
itemStyle: { color: { type: 'linear', x: 0, x2: 1, y: 0, y2: 0, colorStops: color[i] } },
tooltip: { show: false },
})
// 是否最后一个了?
if (p.length === (array.length) * 2) {
p.push({
z: array.length * 2,
type: "pictorialBar",
symbolPosition: "start",
data: dataArr.result[0].data,
symbol: "diamond",
symbolOffset: ["0%", "50%"],
symbolSize: [30, 10],
itemStyle: { color: { type: 'linear', x: 0, x2: 1, y: 0, y2: 0, colorStops: color[0] } },
tooltip: { show: false },
})
return p
}
return p
}, [])
// tooltip
const 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 = ''
params.forEach(function (v, n) {
if (v.seriesName != '上部1') {
str +=
'
' +
v.seriesName +
':' +
v.value + '
'
}
})
return str;
}
}
const legend = {
data: dataArr.result.map(item => item.name),
textStyle: { fontSize: 14, color: '#fff' },
itemWidth: 25,
itemHeight: 15,
itemGap: 15,
// top: '5%',
// 禁止点击
selectedMode: false,
}
// grid
const grid = {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true,
tooltip: {
textStyle: {
color: '#fff'
}
}
}
// xAxis
const xAxis = {
axisTick: { show: true },
axisLine: {
show: true,
lineStyle: {
color: "#525fa6"
}
},
axisLabel: { textStyle: { fontSize: 16, color: '#fff' }, },
data: dataArr.xdata
}
// yAxis
const 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"
}
}
}]
// 渲染
option = {
tooltip, xAxis, yAxis, series, grid, legend
}
traffic3.setOption(option)
}
function getS(dataArr) {
let traffic3 = echarts.init(document.getElementById('heji'));
// 头部菱形
const diamondData = dataArr.result.reduce((pre, cur, index) => {
pre[index] = cur.data.map((el, id) => el + (pre[index - 1] ? pre[index - 1][id] : 0))
return pre
}, [])
// color
const color = [
[{ offset: 0, color: "#efff37", }, { offset: 0.5, color: "#efff37", }, { offset: 0.5, color: "#d5e700", }, { offset: 1, color: "#d5e700", }],
[{ offset: 0, color: "#f67c20", }, { offset: 0.5, color: "#f67c20", }, { offset: 0.5, color: "#cc681e", }, { offset: 1, color: "#cc681e", }],
[{ offset: 0, color: "#32ffee", }, { offset: 0.5, color: "#32ffee", }, { offset: 0.5, color: "#00e8d5", }, { offset: 1, color: "#00e8d5", }],
[{ offset: 0, color: "#dc0707", }, { offset: 0.5, color: "#dc0707", }, { offset: 0.5, color: "#af0808", }, { offset: 1, color: "#af0808", }],
]
// series
let series = dataArr.result.reduce((p, c, i, array) => {
p.push({
z: i + 1,
stack: '总量',
type: 'bar',
name: c.name,
barGap: '-100%',
barWidth: 30,
data: c.data,
itemStyle: { color: { type: 'linear', x: 0, x2: 1, y: 0, y2: 0, colorStops: color[i] } },
}, {
z: i + 10,
type: 'pictorialBar',
symbolPosition: 'end',
symbol: 'diamond',
symbolOffset: [0, '-50%'],
symbolSize: [30, 10],
data: diamondData[i],
itemStyle: { color: { type: 'linear', x: 0, x2: 1, y: 0, y2: 0, colorStops: color[i] } },
tooltip: { show: false },
})
// 是否最后一个了?
if (p.length === (array.length) * 2) {
p.push({
z: array.length * 2,
type: "pictorialBar",
symbolPosition: "start",
data: dataArr.result[0].data,
symbol: "diamond",
symbolOffset: ["0%", "50%"],
symbolSize: [30, 10],
itemStyle: { color: { type: 'linear', x: 0, x2: 1, y: 0, y2: 0, colorStops: color[0] } },
tooltip: { show: false },
})
return p
}
return p
}, [])
// tooltip
const 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 = '
'
params.forEach(function (v, n) {
if (v.seriesName != '上部1') {
str +=
'
' +
v.seriesName +
':' +
v.value + '
'
}
})
return str;
}
}
// grid
const grid = {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true,
tooltip: {
textStyle: {
color: '#fff'
}
}
}
// xAxis
const xAxis = {
axisTick: { show: true },
axisLine: {
show: true,
lineStyle: {
color: "#525fa6"
}
},
axisLabel: { textStyle: { fontSize: 16, color: '#fff' }, },
data: dataArr.xdata
}
// yAxis
const 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"
}
}
}]
// 渲染
option = {
tooltip, xAxis, yAxis, series, grid
}
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 = '
'
params.forEach(function (v, n) {
// if(v.seriesName!='上部1'){
str +=
'
' +
v.seriesName +
':' +
v.value + '
'
// }
})
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) {
// 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);
}
function getThemeStatics() {
$('#themeIdHidden').val('');
$('.bulletFrame').show();
$('.theme_wrap').show();
$('.theme_wrap').siblings().hide()
// if ($('.bulletFrame').css('display') == 'block') {
// $('.body').css('opacity', '0.4')
// }
//
new doAjax({
url: huayi.config.callcenter_url + '/InfoNew/GetThemeClassification1',
Type: 'get',
data: {
token: $.cookie("token"),
stime: '',
etime: '',
timetype: MajoreventsDataType,
id:themeDblId,
type:dispatTopicType
},
callBack: function(res) {
if(res.state === "notoken") {
window.location.href = "login.html";
}
if (res.data && res.data.length > 0) {
$('#themeIdHidden').val(res.data[0].Themeid)
}
var piData =[];
res.data.forEach(function (v, n) {
piData.push({
value: v.count,
name: v.F_Name,
dataId: v.F_ID,
themeId: v.Themeid,
})
})
var nameArray = piData.map(item => {
return item.name
})
theme_chart('themeByClass', nameArray, piData);
// hotThingsChart('hotThings', nameData, conNum, maxNum, -30)
}
});
new doAjax({
url: huayi.config.callcenter_url + "/InfoNew/GetThemeDept1",
Type: 'get',
data: {
token: $.cookie("token"),
stime: '',
etime: '',
timetype: MajoreventsDataType,
id:themeDblId,
type:dispatTopicType
},
callBack: function(res) {
if(res.state === "notoken") {
window.location.href = "login.html";
}
var piData =[];
res.data.forEach(function (v, n) {
piData.push({
value: v.count,
name: v.deptName || '其他',
themeId: v.Themeid,
dataId: v.F_MainDeptId || 0,
})
})
var nameArray = piData.map(item => {
return item.name
})
theme_chart('themeByDept', nameArray, piData);
// hotThingsChart('hotThings', nameData, conNum, maxNum, -30)
}
});
}
function theme_chart(dom, nameArray, piData) {
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]
}
}
var allCount = 0;
nameArray.forEach(function (v, n) {
keywordNum.push({
num: Number(v.substr(v.length - 2, 2)),
value: v
})
})
piData.forEach(function (v, n) {
allCount += parseInt(v.value);
})
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, ''));
})
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 {
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: 28,
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%',
// center: ['50%', '43%'],
data: piData,
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
},
// 修改字体颜色的代码begin
itemStyle: {
normal: {
label: {
textStyle: {
color:'#fff',
fontSize: 14,
fontWeight:'bolder'
}
},
labelLine : {
lineStyle:{
color:'#fff'
}
}
}
},
// 修改字体颜色的代码end
label: {
normal: {
show: true,
align: 'right',
formatter: function (params) {
// var params.name = params.name
var textNumber = 7
if(params.name.length <= textNumber) {
params.name;
} else if(params.name.length > textNumber && params.name.length <=(textNumber*2)) {
params.name = `${params.name.slice(0,textNumber)}\n${params.name.slice((textNumber*1))}`
} else if(params.name.length > (textNumber*2)&& params.name.length <=(textNumber*3) ){
params.name = `${params.name.slice(0,(textNumber*1))}\n${params.name.slice((textNumber*1),(textNumber*2))}\n${params.name.slice((textNumber*2))}`
}
var reslutValue = (allCount > 0 ? (params.value.toString() + '(' + (params.value/allCount *100).toFixed(2) + '%)') : params.value.toString())
//+'\n'
return params.name+ ':' +reslutValue
}
},
emphasis: {
// position: 'left',
show: true,
textStyle: {
color: '#fff',
fontSize: '14',
fontWeight: 'bold'
},
labelLine: {
show: true
},
length: 1
}
}
}]
};
keywordPieChart.setOption(option);
keywordPieChart.on('click', function (params) {
if (dom === 'themeByClass') {
workTable('','','','','' ,'','',null,null,null,null,null, null, null, null, null, null, null, params.data.dataId, 1)
} else if (dom === 'themeByDept') {
// workTable(KeyId,deptid,sourceId,PhoneType,keyword ,type,sourceArea,key,timetype,handling,source,dptype, date, Township, strworkid, stime, etime, isspecial, special, time = 0, monthlytheme)
workTable('',params.data.dataId,'','','' ,'',null,null,null,null,null,null, null, null, null, null, null, null, null, 1, params.data.themeId)
}
});
}
function getAllThemeOrders() {
var id = $('#themeIdHidden').val();
if (id != '') {
workTable('','','','','' ,'',null,null,null,null,null,null, null, null, null, null, null, null, null, 1)
}
}