<!doctype html>
|
<html class="no-js">
|
<head>
|
<meta charset="utf-8">
|
<title>满意度首页</title>
|
[#include "/business/pages/include/static.html" /]
|
|
<script type="text/javascript">
|
$(function(){
|
Highcharts.setOptions({
|
});
|
var cid = $(".nl_show a.focus").attr("cid");
|
if($.util.isEmpty(cid)){
|
cid = '';
|
}
|
loadDetail(cid);
|
})
|
|
function selCus(cusId){
|
$(".nl_show a.focus").removeClass("focus");
|
$("a[cid="+cusId+"]").addClass("focus");
|
loadDetail(cusId);
|
}
|
|
//加载页面明细
|
function loadDetail(cusId){
|
$("#detailDiv").load("${base}/business/pages/satisfaction/satisfactionIndexLoad.html",{'cusId':cusId},function(){
|
initMixChart(cusId);
|
initConverageChart(cusId);
|
});
|
}
|
|
//初始化满意度复合图
|
function initMixChart(cusId){
|
loading($('#mixChart'));
|
$.post('${base}/business/pages/satisfaction/getSatisfactionMixChart.html',{'cusId':cusId},function(data){
|
loaded($('#mixChart'));
|
if(!data.series){
|
showNoData('mixChart');
|
}else{
|
$('#mixChart').highcharts({
|
chart: {
|
height:380
|
},
|
tooltip: {
|
valueSuffix: ' 分'
|
},
|
title: {
|
text: '近一年满意度趋势分析'
|
},
|
xAxis: {
|
categories: data.categories
|
},
|
yAxis: {
|
allowDecimals:false,
|
title: {
|
enabled:false
|
},
|
floor:0
|
},
|
labels: {
|
items: [{
|
style: {
|
left: '40px',
|
top: '8px',
|
color: 'black'
|
}
|
}]
|
},
|
series: data.series
|
});
|
}
|
},'json');
|
}
|
|
//覆盖率
|
function initConverageChart(cusId){
|
loading($('#coverageChart'));
|
$.post('${base}/business/pages/satisfaction/getSatisfactionCoverageChart.html',{'cusId':cusId},function(data){
|
loaded($('#coverageChart'));
|
if(!data.series){
|
showNoData('coverageChart');
|
}else{
|
$('#coverageChart').highcharts({
|
chart: {
|
type:'spline',
|
height:380
|
},
|
tooltip: {
|
valueSuffix: ' %'
|
},
|
title: {
|
text:'近一年调查覆盖率趋势分析',
|
enabled:false
|
},
|
xAxis: {
|
categories: data.categories
|
},
|
yAxis: {
|
allowDecimals:false,
|
title: {
|
enabled:false
|
},
|
floor:0
|
},
|
plotOptions: {
|
spline: {
|
marker: {
|
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.MYDSY]
|
[#include "/business/pages/include/gps.html" /]
|
[#include "/business/pages/satis/satisfaction/satisCusHeader.html" /]
|
<div class="monitoring">
|
<div id="detailDiv" class="monitor_report"></div>
|
</div>
|
[#include "/business/pages/include/footer.html" /]
|
</body>
|
</html>
|
