<!doctype html>
|
<html class="no-js">
|
<head>
|
<meta charset="utf-8">
|
<title>问题首页</title>
|
[#include "/business/pages/include/static.html" /]
|
[#include "/component/newsel.html" /]
|
<script type="text/javascript">
|
$(function(){
|
Highcharts.setOptions({
|
colors: [ '#7cb5ec','#90ec7d' ]
|
});
|
var cid = $(".nl_show a.focus").attr("cid");
|
if($.util.isEmpty(cid)){
|
cid = '';
|
}
|
loadDetail(cid);
|
})
|
|
function selPro(cusId){
|
$(".nl_show a.focus").removeClass("focus");
|
$("a[cid="+cusId+"]").addClass("focus");
|
loadDetail(cusId);
|
}
|
|
//加载页面明细
|
function loadDetail(cusId){
|
$("#detailDiv").load("${base}/business/pages/question/myQuestionIndexLoad.html",{'customerId':cusId},function(){
|
initSumLineChart(cusId);
|
initLvPieChart(cusId);
|
initPriPieChart(cusId);
|
initServerColChart(cusId);
|
initEffectPieChart(cusId);
|
|
});
|
}
|
|
//初始化问题影响程度饼状图
|
function initEffectPieChart(cusId){
|
loading($('#effectPieChart'));
|
$.post('${base}/business/pages/question/getQuestionEffectPieChart.html',{'cusId':cusId},function(data){
|
loaded($('#effectPieChart'));
|
if(!data.seriesData){
|
showNoData('pieDiv');
|
}else{
|
$('#effectPieChart').highcharts({
|
chart: {
|
type: 'pie'
|
},
|
title: {
|
text: '近30日问题影响度分析'
|
},
|
tooltip: {
|
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
|
},
|
plotOptions: {
|
pie: {
|
allowPointSelect: true,
|
cursor: 'pointer',
|
depth: 35,
|
size: 200
|
}
|
},
|
series: [{
|
type: 'pie',
|
name: '占比',
|
data: data.seriesData
|
}]
|
});
|
}
|
},'json');
|
}
|
|
//初始化问题数量曲线图
|
function initSumLineChart(cusId){
|
var userId = '${userId}';
|
loading($('#sumLineChart'));
|
$.post('${base}/business/pages/question/getQuestionSumLineChart.html',{'cusId':cusId,'userId':userId},function(data){
|
loaded($('#sumLineChart'));
|
if(!data.step){
|
showNoData('sumLineChart');
|
}else{
|
$('#sumLineChart').highcharts({
|
chart: {
|
type:'spline',
|
height:320
|
},
|
title: {
|
text:'近30日参与问题数量',
|
enabled:false
|
},
|
xAxis: {
|
categories: data.categories,
|
labels: {
|
step: data.step,
|
staggerLines: 1
|
}
|
},
|
yAxis: {
|
allowDecimals:false,
|
title: {
|
enabled:false
|
},
|
floor:0
|
},
|
plotOptions: {
|
spline: {
|
marker: {
|
enabled: false
|
}
|
}
|
|
},
|
series: data.series
|
});
|
}
|
},'json');
|
}
|
|
//初始化问题级别饼状图
|
function initLvPieChart(cusId){
|
var userId = '${userId}';
|
loading($('#lvPieChart'));
|
$.post('${base}/business/pages/question/getQuestionLvPieChart.html',{'cusId':cusId,'userId':userId},function(data){
|
loaded($('#lvPieChart'));
|
if(!data.seriesData){
|
showNoData('pieDiv');
|
}else{
|
$('#lvPieChart').highcharts({
|
chart: {
|
type: 'pie'
|
},
|
title: {
|
text: '近30日问题紧急程度分析'
|
},
|
tooltip: {
|
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
|
},
|
plotOptions: {
|
pie: {
|
allowPointSelect: true,
|
cursor: 'pointer',
|
depth: 35,
|
size: 200
|
}
|
},
|
series: [{
|
type: 'pie',
|
name: '占比',
|
data: data.seriesData
|
}]
|
});
|
}
|
},'json');
|
}
|
|
//初始化紧急程度饼状图
|
function initPriPieChart(cusId){
|
var userId = '${userId}';
|
loading($('#urPieChart'));
|
$.post('${base}/business/pages/question/getQuestionPriPieChart.html',{'cusId':cusId,'userId':userId},function(data){
|
loaded($('#urPieChart'));
|
if(!data.seriesData){
|
showNoData('pieDiv');
|
}else{
|
$('#urPieChart').highcharts({
|
chart: {
|
type: 'pie'
|
},
|
title: {
|
text: '近30日问题紧急程度分析'
|
},
|
tooltip: {
|
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
|
},
|
plotOptions: {
|
pie: {
|
allowPointSelect: true,
|
cursor: 'pointer',
|
depth: 35,
|
size: 200
|
}
|
},
|
series: [{
|
type: 'pie',
|
name: '占比',
|
data: data.seriesData
|
}]
|
});
|
}
|
},'json');
|
}
|
|
//服务目录柱状图
|
function initServerColChart(cusId){
|
var userId = '${userId}';
|
loading($('#serverColChart'));
|
$.post('${base}/business/pages/question/getQuestionServerLineChart.html',{'cusId':cusId,'userId':userId},function(data){
|
loaded($('#serverColChart'));
|
if(!data.categories){
|
showNoData('serverColChart');
|
}else{
|
$('#serverColChart').highcharts({
|
chart: {
|
type: 'column',
|
height:330
|
},
|
title: {
|
text:'近30日问题服务目录数量分析',
|
enabled:false
|
},
|
xAxis: {
|
categories: data.categories,
|
labels: {
|
rotation: -45 ,
|
formatter : function(){
|
return this.value.substr(0,7);
|
}
|
}
|
|
},
|
yAxis: {
|
allowDecimals:false,
|
title: {
|
enabled:false
|
}
|
},
|
plotOptions: {
|
series: {
|
pointWidth: 40
|
}
|
},
|
legend: {
|
enabled:false
|
},
|
series: data.series
|
});
|
}
|
},'json');
|
}
|
|
function showNoData(divId){
|
var strHrml = '<div id="noDailyReport" style="position:relative;width:100%;height:400px">';
|
strHrml = strHrml + '<span class="nodata"></span>';
|
strHrml = strHrml + '</div>';
|
$("#"+divId).html(strHrml);
|
}
|
|
</script>
|
|
|
</head>
|
|
<body class="fullscreen">
|
[#include "/business/pages/include/header.html" /]
|
[#assign label = GnConstants.WDWTSY]
|
[#include "/business/pages/include/gps.html" /]
|
<script type="text/javascript">
|
var pool = '${data.poolcount}';
|
var dxy = '${data.dxycount}';
|
var jxz = '${data.jxzcount}';
|
|
if(pool > 0){
|
if( pool < 100){
|
$(".${GnConstants.MYWTPOOL}").html(pool).addClass("fs_navnoread");
|
}else{
|
$(".${GnConstants.MYWTPOOL}").html("99+").addClass("fs_navnoreadmore");
|
}
|
|
}
|
if(dxy > 0){
|
if( dxy < 100){
|
$(".${GnConstants.MYWTDXY}").html(dxy).addClass("fs_navnoread");
|
}else{
|
$(".${GnConstants.MYWTDXY}").html("99+").addClass("fs_navnoreadmore");
|
}
|
|
}
|
if(jxz > 0){
|
if( jxz < 100){
|
$(".${GnConstants.MYWTJXZ}").html(jxz).addClass("fs_navnoread");
|
}else{
|
$(".${GnConstants.MYWTJXZ}").html("99+").addClass("fs_navnoreadmore");
|
}
|
|
}
|
|
</script>
|
[#include "/business/pages/question/questionCusHeader.html" /]
|
<div class="monitoring">
|
<div id="detailDiv" class="monitor_report"></div>
|
</div>
|
[#include "/business/pages/include/footer.html" /]
|
</body>
|
</html>
|
