<!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 "/uc/include/header.html" /]
|
[#assign focusLabel = 'INCIDENT']
|
[#include "/uc/statis/ucstatisHeader.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_SOURCE']
|
[#include "/uc/statis/incident/incidentLeft.html" /]
|
</div>
|
<div class="client_right monitor_report" id="equipAddRight">
|
<div class="event_fill sa_event_fill">
|
<table>
|
<tr>
|
<th width="85%">
|
|
<input type="hidden" id="cusId" name="cusId" value="${cus.id}"/> <input type="hidden" id="cusName" name="cusName" value="${cus.name}"/>
|
|
<div class="fill_item">
|
<label>按天：</label> <input type="radio" id="forDay" name="tp"
|
class="tp" value="2" checked="checked" />
|
</div>
|
|
<div class="fill_item">
|
<label>按月：</label> <input type="radio" id="forDay" name="tp"
|
class="tp" value="1" />
|
</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>
|
|
<div id="selectMonth" style="display:none;">
|
<div class="fill_item">
|
<label>开始月份：</label> [@datepicker id="beginMonth"
|
value="${beginMonth}" class="general" length=6 /]
|
</div>
|
<div class="fill_item">
|
<label>结束月份：</label> [@datepicker id="endMonth" class="general"
|
length=6 value="${endMonth}" /]
|
</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">
|
<div id="pieChart" style="width:98%;height:95%;"></div>
|
</div>
|
<div class="clearfix"></div>
|
</div>
|
</div>
|
</div>
|
<script type="text/javascript">
|
//无数据显示
|
function showNoData(containerId) {
|
var strHrml = '<div id="noDailyReport" style="position:relative;width:100%;height:400px">';
|
strHrml = strHrml + '<span class="nodata"></span>';
|
strHrml = strHrml + '</div>';
|
$('#'+containerId).html(strHrml);
|
}
|
|
initSplineStyle();
|
var beginTime;
|
var endTime;
|
var type;
|
$(function() {
|
query();
|
$(".tp").click(function() {
|
var typeValue = $(this).val();
|
if (typeValue == 1) {
|
$("#selectMonth").show();
|
$("#selectDay").hide();
|
} else {
|
$("#selectDay").show();
|
$("#selectMonth").hide();
|
}
|
});
|
})
|
|
function query() {
|
var tp = $(":radio.tp:checked").val();
|
if (tp == 2) {
|
beginTime = $("#beginDay").val();
|
endTime = $("#endDay").val();
|
if (beginTime > endTime) {
|
popupTips("开始时间不能晚于结束时间");
|
return;
|
}
|
|
if (getDays(beginTime, endTime) > 30) {
|
popupTips("时间间隔不能超过30天");
|
return;
|
}
|
type = 'day';
|
} else {
|
beginTime = $("#beginMonth").val();
|
endTime = $("#endMonth").val();
|
if (beginTime > endTime) {
|
alert("开始时间不能晚于结束时间");
|
return;
|
}
|
if (getMonth(beginTime, endTime) > 24) {
|
popupTips("时间间隔不能超过24个月");
|
return;
|
}
|
type = 'month';
|
|
}
|
showPieChart();
|
}
|
|
function showPieChart() {
|
var cusId = $.trim($("#cusId").val());
|
var param = {"cusId":cusId,"beginTime":beginTime,"endTime":endTime,"type":type}
|
$.post("${base}/uc/statis/incident/getIncidentSourcePie.html",param, function(data, textStatus) {
|
if(data.nodata){
|
showNoData('pieChart');
|
}else{
|
createPieChart(data);
|
}
|
}, "json")
|
}
|
|
function createPieChart(data) {
|
$('#pieChart').highcharts({
|
chart: {
|
renderTo: 'container',
|
options3d: {
|
enabled: true,
|
alpha: 45,
|
beta: 0
|
}
|
},
|
title :{
|
text:'事件来源'
|
},
|
plotOptions: {
|
pie: {
|
allowPointSelect: true,
|
cursor: 'pointer',
|
depth: 35,
|
dataLabels: {
|
enabled: true,
|
formatter: function() {
|
return this.point.name;
|
}
|
},
|
showInLegend: true,
|
size: 300
|
}
|
},
|
tooltip: {
|
valueSuffix:' ({point.percentage:.1f}%)'
|
},
|
series : data.series
|
});
|
}
|
</script>
|
[#include "/business/pages/include/footer.html" /]
|
</body>
|
</html>
|
