$(function() {
getdepartments()
laydate.render({
elem: '#startTime',
range: '~',
theme: '#114a97',
done: function(value, date) {
partOne();
}
});
laydate.render({
elem: '#phone_time',
range: '~',
theme: '#114a97',
done: function(value, date) {
partTwo();
}
});
// laydate.render({
// elem: '#tody_time',
// theme: '#114a97',
// done: function(value, date) {
// partOne();
// }
// });
Ajax();
$(".areaOne").change(function() {
var areaOneVal = $(this).val();
var areaOneText = $(".areaOne").find("option:selected").text();
helper.cookies.set("areaOneVal", areaOneVal, 7);
helper.cookies.set("areaOneText", areaOneText, 7);
partTwo($('#phone_time').val() && $('#phone_time').val().split(' ~ ')[0], $('#phone_time').val() && $(
'phone_time').val().split(' ~ ')[1], areaOneVal);
partThree($('#tody_time').val(), areaOneVal);
});
$(".depart").change(function() {
var areaOneVal = helper.cookies.get("areaOneVal");
partTwo($('#phone_time').val() && $('#phone_time').val().split(' ~ ')[0], $('#phone_time').val() && $(
'#phone_time').val().split(' ~ ')[1], areaOneVal);
})
})
// 获取班组
function getdepartments() {
$("#bzdatas").html('');
equipmentdata = []
$("#bzdatas").append('');
$.ajax({
type: "get",
url: huayi.config.callcenter_url + "equipmentapi/api/WoRepairBase/getallbzcount",
async: true,
headers: {
"content-type": "application/json;charset=utf-8",
"Authorization": "Bearer " + window.localStorage.getItem('token')
}, //请求头类型
success: function(data) {
var leveldata = []
console.log(JSON.parse(data))
if (JSON.parse(data).state.toLowerCase() == 'success') {
leveldata = JSON.parse(data).data
$(leveldata).each(function(q, p) {
console.log(p)
$("").appendTo("#bzdatas");
// $("#bzdatas").selectpicker('refresh');
});
} else {
$("#bzdatas").empty();
// $("#bzdatas").selectpicker('refresh');
}
}
});
}
$("#bzdatas").change(function() {
partTwo()
partThree()
})
// 跳轉
$(".index").click(function() {
window.open('detail.html', '_self')
})
$(".second").click(function() {
window.open('second.html', '_self')
})
$(".third").click(function() {
window.open('third.html', '_self')
})
$(".fourth").click(function() {
window.open('fourth.html', '_self')
})
$(".nav_middle").click(function() {
window.open('index.html', '_self')
})
// $("#department").click(function(){
// window.open('receiptDepartment.html','_self')
// })
$("#sourceChannel").click(function() {
window.open('sourceChannel.html', '_self')
})
$("#call").click(function() {
window.open('TelephoneDetails.html', '_self')
})
$("#complaint").click(function() {
window.open('complaintsReport.html', '_self')
})
//part 1 //工单状态统计 对接完毕
var phoneTimeCount = echarts.init(document.getElementById('phoneTimeCount'));
phoneTimeCount.setOption({
color: ['#69e1a9', '#6a91e0', '#ceba5f', '#f06e84', '#569d4e', '#7d55ba', '#ce5aba', '#345cdd', '#569d4e'],
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
label: {
show: true,
backgroundColor: '#333'
}
}
},
grid: {
left: '2%',
right: '5%',
bottom: '6%',
containLabel: true
},
legend: {
top: 'top',
left: '180px',
data: [],
textStyle: {
color: '#00e9ff'
}
},
xAxis: {
name: '月份',
data: [],
axisLine: {
lineStyle: {
color: '#3061a2'
}
},
axisTick: {
alignWithLabel: true,
show: false
},
axisLabel: { //横轴字体颜色
show: true,
textStyle: {
color: '#eff0f4'
}
}
},
yAxis: {
name: '（数量）',
splitLine: {
show: false
},
axisLine: {
lineStyle: {
color: '#3061a2'
}
},
axisLabel: { //横轴字体颜色
show: true,
textStyle: {
color: '#eff0f4'
}
}
},
series: []
});
function partOne() {
// var index = layer.load(1, {
// shade: [0.5, '#030303'] //0.1透明度的白色背景
// });
$.ajax({
type: "get",
url: huayi.config.callcenter_url + "equipmentapi/api/worepairbase/getlistsbypages",
async: true,
headers: {
"content-type": "application/json;charset=utf-8",
"Authorization": "Bearer " + window.localStorage.getItem('token')
}, //请求头类型
data: {
// pageindex:1,
// pagesize:10,
// state:'',
stime: $('#startTime').val() && $('#startTime').val().split(' ~ ')[0], //开始时间
etime: $('#startTime').val() && $('#startTime').val().split(' ~ ')[1], //结束时间
},
dataType: 'json',
success: function(data) {
if (data.state.toLowerCase() == 'success') {
// layer.close(index);
// console.log(data)
var con = data.data;
// var jieDans = result.data.a;
var counts = con.counts;
var sers = [];
$(counts).each(function(i, n) {
var obj = {};
obj.name = con.cols[i];
obj.type = "line";
obj.smooth = true;
obj.showAllSymbol = true;
obj.symbol = "emptyCircle";
obj.symbolSize = 10;
obj.data = n;
sers.push(obj)
});
phoneTimeCount.setOption({
xAxis: {
data: con.months
},
legend: {
data: con.cols
},
series: sers
});
}
}
});
}
//part 2 //各部门工单情况
function partTwo() {
$.ajax({
type: "get",
url: huayi.config.callcenter_url + "/equipmentapi/api/worepairbase/gettjlists",
dataType: 'json',
async: true,
headers: {
"content-type": "application/json;charset=utf-8",
"Authorization": "Bearer " + window.localStorage.getItem('token')
}, //请求头类型
data: {
daytype: $('#timeType').val(),
isdjtype: '动态',
Jwocode: $('#bzdatas').val(),
stime: $('#phone_time').val() && $('#phone_time').val().split(' ~ ')[0], //开始时间
etime: $('#phone_time').val() && $('#phone_time').val().split(' ~ ')[1], //结束时间
},
success: function(data) {
if (data.state.toLowerCase() == 'success') {
$('.thead tr').html('');
$('#scroll_table tbody').html('');
var con = data.data;
// console.log(con)
var thead = con[0];
$.each(thead, function(k, val) {
// console.log(k)
$('| ' + k + ' | ').appendTo('.thead tr');
})
$(con).each(function(j, n) {
var str = ''
$.each(thead, function(j, m) {
$.each(n, function(k, val) {
if (j == k) {
if (val == '') {
val = 0;
}
str += '| ' + val + ' | '
}
})
})
str += '
';
$('#scroll_table tbody').append(str);
})
}
}
});
}
$("#timeType").change(function() {
partTwo()
partThree()
})
// part3 工单处理时间分布
var sitProportion = echarts.init(document.getElementById('sitProportion')); //坐席闲忙比例
sitProportion.setOption({
color: ['#4ab7c7', '#2484d9', '#2e39c1'],
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow',
label: {
show: true,
backgroundColor: '#333'
}
},
formatter: function(datas) {
var res = datas[0].name + '
',
val;
for (var i = 0, length = datas.length; i < length; i++) {
// val = (datas[i].value) + '%';
val = (datas[i].value);
res += datas[i].seriesName + '：' + val + '
';
}
return res;
}
},
legend: {
top: 'top',
left: '165px',
data: ['完结单率', '满意度'],
textStyle: {
color: '#00e9ff'
}
},
grid: {
left: '2%',
right: '5%',
bottom: '5%',
containLabel: true
},
xAxis: {
name: '班组',
data: [],
axisLine: {
lineStyle: {
color: '#3061a2',
},
},
axisTick: {
alignWithLabel: true,
show: false
},
axisLabel: { //横轴字体颜色
show: true,
interval: '0',
rotate: 20,
textStyle: {
color: '#65ABE7'
}
},
},
grid: {
left: '15',
right: '40',
bottom: '30',
containLabel: true
},
yAxis: {
name: '(百分比)',
nameTextStyle: {
color: "#65ABE7",
fontSize: 12,
},
splitLine: {
show: false
},
type: 'value',
axisLabel: {
show: true,
interval: 'auto',
textStyle: {
color: '#65ABE7', //字体颜色
fontSize: 12 //字体大小
},
formatter: '{value} %'
},
show: true
},
series: [{
name: '完结单率',
type: 'bar',
data: []
}, {
name: '满意度',
type: 'bar',
data: []
}],
});
// 跳轉
$(".index").click(function() {
window.open('detail.html', '_self')
})
$(".second").click(function() {
window.open('second.html', '_self')
})
$(".third").click(function() {
window.open('third.html', '_self')
})
$(".fourth").click(function() {
window.open('fourth.html', '_self')
})
$(".nav_middle").click(function() {
window.open('index.html', '_self')
})
function partThree() {
$.ajax({
type: "get",
headers: {
"content-type": "application/json;charset=utf-8",
"Authorization": "Bearer " + window.localStorage.getItem('token')
}, //请求头类型
url: huayi.config.callcenter_url + "equipmentapi/api/worepairbase/gettjliststh",
dataType: 'json',
async: true,
data: {
daytype: $('#timeType').val(),
isdjtype: '动态',
Jwocode: $('#bzdatas').val(),
stime: $('#phone_time').val() && $('#phone_time').val().split(' ~ ')[0], //开始时间
etime: $('#phone_time').val() && $('#phone_time').val().split(' ~ ')[1], //结束时间
},
success: function(data) {
if (data.state.toLowerCase() == 'success') {
var con = data.data;
var xdatas = []
var xdatas2 = []
for (var i = 0; i < con.finishwodlv.length; i++) {
xdatas.push(con.finishwodlv[i].slice(0, -1))
}
for (var i = 0; i < con.mydlv.length; i++) {
xdatas2.push(con.mydlv[i].slice(0, -1))
}
sitProportion.setOption({
xAxis: {
data: con.bzname
},
series: [{
data: xdatas
}, {
data: xdatas2
}],
});
}
}
});
}
//表格滚动
var area = document.getElementById('scroll_table');
var iliHeight = 34; //单行滚动的高度
var speed = 20; //滚动的速度
var time;
var delay = 1000;
area.scrollTop = 0;
area.innerHTML += area.innerHTML; //克隆一份一样的内容
function startScroll() {
time = setInterval("scrollUp()", speed);
area.scrollTop++;
}
function scrollUp() {
if (area.scrollTop % iliHeight == 0) {
clearInterval(time);
setTimeout(startScroll, delay);
} else {
area.scrollTop++;
if (area.scrollTop >= area.scrollHeight / 2) {
area.scrollTop = 0;
}
}
}
setTimeout(startScroll, delay)
function Ajax() {
partOne()
partTwo();
partThree();
}