<!doctype html>
|
<html class="no-js">
|
<head>
|
<meta charset="utf-8">
|
<title>统计</title>
|
[#include "/business/pages/include/static.html" /]
|
[#include "/component/DatePicker.html" /]
|
[#include "/component/newsel.html" /]
|
<script type="text/javascript" src="${common_static}/static/script/statis.js"></script>
|
</head>
|
<body class="fullscreen">
|
[#include "/business/pages/include/header.html" /]
|
[#assign focusLabel = 'INCIDENT']
|
[#include "/business/pages/tj/statisHeader.html" /]
|
<div class="fs_navpath">
|
<h3>当前位置</h3>
|
<span></span><a>统计分析</a><span></span><a>工单统计</a><span></span><em>事件统计</em>
|
</div>
|
|
<div class="fs_main equip_add clearfix">
|
<div class="ucmLeft monitor_report" id="equipAddLeft">
|
[#assign tjType = 'DXTJ']
|
[#assign tjFocus = 'INCIDENT_DEAL_RATE']
|
[#include "/business/pages/tj/incidentStatis/incidentLeft.html" /]
|
</div>
|
<div class="client_right monitor_report" id="equipAddRight">
|
<div class="event_fill sa_event_fill">
|
<table><tr><th width="85%">
|
<div class="fill_item">
|
<label>${Constants.CUSTOMER_CONSTANTS}名称：</label>
|
[@sel id="cusId" labelName="cusName" textField="id" valueField="name" source=cusList blankFlag="y"/]
|
</div>
|
|
<div id="selectDay">
|
<div class="fill_item">
|
<label>开始时间：</label>
|
[@datepicker id="beginDay" value="${beginTime}" class="general" length=8 /]
|
</div>
|
<div class="fill_item">
|
<label>结束时间：</label>
|
[@datepicker id="endDay" class="general" length=8 value="${endTime}" /]
|
</div>
|
</div>
|
|
</th><td width="15%">
|
<a class="retrievebtn" href="javascript:window.location.reload(true);">重置</a><a class="retrievebtn focus" href="javascript:query();">查询</a>
|
</td></tr></table>
|
</div>
|
<div class="statnan clearfix">
|
<div class="statnan_left" style="width:48%">
|
<div id="columnChart_serve" style="width:98%;height:95%;"></div>
|
</div>
|
|
<div class="statnan_left" style="width:48%">
|
<div id="columnChart_frontLine" style="width:98%;height:95%;"></div>
|
</div>
|
|
<div class="clearfix"></div>
|
<div class="statnan_right">
|
<div id="lineChart" style="width:98%;height:95%;"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<script type="text/javascript">
|
initSplineStyle();
|
var beginTime;
|
var endTime;
|
var type;
|
$(function() {
|
query();
|
})
|
|
|
function query() {
|
|
beginTime = $("#beginDay").val();
|
endTime = $("#endDay").val();
|
if(beginTime>endTime) {
|
popupTips("开始时间不能晚于结束时间");
|
return;
|
}
|
|
if(getDays(beginTime,endTime)>30) {
|
popupTips("时间间隔不能超过30天");
|
return;
|
}
|
|
columnChart_fronttLine();
|
columnChart_serve();
|
lineChart();
|
}
|
|
|
function showColumn_fronttLine(data) {
|
$('#columnChart_frontLine').highcharts({
|
chart: {
|
type: 'column'
|
},
|
title: {
|
text: '一线解决率'
|
},
|
legend:{
|
enabled:false
|
},
|
xAxis: {
|
categories: data.categories,
|
labels: {
|
rotation: -45 ,
|
align: 'right',
|
formatter : function(){
|
return this.value.substr(0,10);
|
}
|
}
|
},
|
series: data.series
|
});
|
}
|
|
function showColumn_serve(data) {
|
$('#columnChart_serve').highcharts({
|
chart: {
|
type: 'column'
|
},
|
title: {
|
text: '服务台解决率'
|
},
|
xAxis: {
|
categories: data.categories,
|
labels: {
|
rotation: -45 ,
|
align: 'right',
|
formatter : function(){
|
return this.value.substr(0,10);
|
}
|
}
|
},
|
legend:{
|
enabled:false
|
},
|
series: data.series
|
});
|
}
|
|
|
function showLineChart(data) {
|
$('#lineChart').highcharts({
|
title: {
|
text: '服务台,一线解决率趋势',
|
enabled:false
|
},
|
xAxis: {
|
categories: data.categories,
|
labels: {
|
step: data.step
|
}
|
},
|
tooltip: {
|
valueSuffix: ' %'
|
},
|
series: data.series
|
});
|
}
|
|
|
function columnChart_fronttLine() {
|
var cusId = $.trim($("#cusId").val());
|
var queryType = 'frontLine';
|
$.post("${base}/business/pages/tj/incidentStatis/incidentDealRateColumn.html",{"queryType":queryType,"cusId":cusId,"beginTime":beginTime,"endTime":endTime},function(data,textStatus) {
|
showColumn_fronttLine(data);
|
},"json")
|
|
}
|
|
function columnChart_serve() {
|
var cusId = $.trim($("#cusId").val());
|
var queryType = 'serve';
|
|
$.post("${base}/business/pages/tj/incidentStatis/incidentDealRateColumn.html",{"queryType":queryType,"cusId":cusId,"beginTime":beginTime,"endTime":endTime},function(data,textStatus) {
|
showColumn_serve(data);
|
},"json")
|
}
|
|
function lineChart() {
|
var cusId = $.trim($("#cusId").val());
|
|
$.post("${base}/business/pages/tj/incidentStatis/incidentDealRateLine.html",{"cusId":cusId,"beginTime":beginTime,"endTime":endTime},function(data,textStatus) {
|
showLineChart(data);
|
},"json")
|
}
|
|
|
</script>
|
|
[#include "/business/pages/include/footer.html" /]
|
</body>
|
</html>
|
