| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326 |
- // 关键词
- 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 "<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) {
- $('.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 getKeyBili(v) {
- return "<div style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:70px;margin:0 auto;'>" +
- v + "</div>"
- }
-
- function getKeyNum(v) {
- return "<div style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin:0 auto;'>" +
- v + "</div>"
- }
- //办理时长
- 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 '<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
- }
-
- 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 '<div class="imgs" ><a class="" onclick="examineList(\'' + row.deptid + '\', \'' + tab + '\', \''+ $('#rankDate').val() +'\')" >' + val +
- '</a></div>'
- } 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 '<span class="workAct" onclick="workTable(\'' + '' + '\',\'' + row.deptid + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + ''
- + '\',\'' + '' + '\',\'' + 0 + '\',\'' + '' + '\',\'' + '' + '\',\'' + 3 + '\')">' + val + '</span>'
- }
- //不满意数量
- function getDissatisfied(val, row) {
- return '<span class="workAct" onclick="workTable(\'' + '' + '\',\'' + row.deptid + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + ''
- + '\',\'' + '' + '\',\'' + 0 + '\',\'' + '' + '\',\'' + '' + '\',\'' + 4 + '\')">' + val + '</span>'
- }
- //超期数量
- function getOverdue(val, row) {
- return '<span class="workAct" onclick="workTable(\'' + '' + '\',\'' + row.deptid + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + ''
- + '\',\'' + '' + '\',\'' + 0 + '\',\'' + '' + '\',\'' + '' + '\',\'' + 5 + '\')">' + val + '</span>'
- }
- function getBackWorkOrders(val, row) {
- return '<span class="workAct" onclick="backWorkTable(\'' + row.deptid + '\',\'' + 0 + '\')">' + val + '</span>'
- }
- function getBacCkWorkOrders(val, row) {
- return '<span class="workAct" onclick="backWorkTable(\'' + row.deptid + '\',\'' + 1 + '\')">' + val + '</span>'
- }
-
-
- //受理工单类型
- 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 '<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>'
- } else if (row.type == '大气污染有奖举报') {
- return '<span class="workAct" onclick="workTable(\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + '' + '\',\'' + 4256 +
- '\',\'' + '' + '\',\'' + '' + '\',\'' + 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) {
- 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) {
- 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 = '<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;
- }
- }
- 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 = '<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;
- }
- }
- // 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 = '<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) {
- // 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,
- 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) + ':' + (allCount > 0 ? (params.value.toString() + '(' + (params.value/allCount).toFixed(2) + '%)') : params.value.toString();
- // } 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) + ':' + (allCount > 0 ? (params.value.toString() + '(' + (params.value/allCount).toFixed(2) + '%)') : params.value.toString();
- // } else {
- // return params.name + ':' + (allCount > 0 ? (params.value.toString() + '(' + (params.value/allCount).toFixed(2) + '%)') : params.value.toString();
- //
- // }
-
- return params.name + ':' + (allCount > 0 ? (params.value.toString() + '(' + (params.value/allCount *100).toFixed(2) + '%)') : params.value.toString());
- }
- },
- 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)
- }
-
- }
|