<!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" /]
|
<style>
|
.tonji{width:100%;table-layout:auto;border-collapse:collapse;border-spacing:0; border-top:1px solid #666;border-left:1px solid #666}
|
.tonji td{ border-bottom:1px solid #666;border-right:1px solid #666;line-height:24px;padding-left:10px;}
|
</style>
|
</head>
|
<body class="fullscreen">
|
[#include "/uc/include/header.html" /]
|
|
[#assign focusLabel = 'SATISFACTION']
|
[#include "/uc/statis/ucstatisHeader.html" /]
|
|
|
<div class="fs_navpath">
|
<h3>当前位置</h3>
|
<span></span>
|
<a>统计分析</a>
|
<span></span>
|
<em>满意度统计</em>
|
</div>
|
<div class="fs_navtitle" style="height:10px;">
|
</div>
|
<div class="fs_main equip_add clearfix" >
|
<div class="ucmLeft" id="equipAddLeft">
|
[#assign tjType = 'MONTH']
|
[#assign tjFocus = 'MONTH_CHART']
|
[#include "/uc/statis/satis/satisfactionLeft.html" /]
|
</div>
|
<div class="client_right" 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 >
|
<div class="fill_item">
|
<label>月份：</label>
|
[@datepicker id="selMonth" value="${endMonth}" class="general" length=6 /]
|
</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="clearfix"></div>
|
<div class="statnan_right">
|
<div id="lineChart" style="width:98%;height:90%;"></div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
|
|
<script type="text/javascript">
|
var selMonth;
|
$(function() {
|
query();
|
})
|
|
|
function query() {
|
|
selMonth = $("#selMonth").val();
|
lineChart();
|
}
|
|
|
function showLineChart(data) {
|
var subTitle = '月度满意度统计';
|
$('#lineChart').highcharts({
|
chart: {
|
type: 'column'
|
},
|
title: {
|
text: subTitle,
|
x: -20
|
},
|
xAxis: {
|
categories: data.categories
|
},
|
yAxis: {
|
title: {
|
text: '得分'
|
}
|
|
},
|
plotOptions: {
|
column: {
|
pointWidth: 70
|
}
|
},
|
legend: {
|
layout: 'vertical',
|
align: 'right',
|
verticalAlign: 'middle',
|
borderWidth: 0
|
},
|
series: data.series
|
});
|
}
|
|
function lineChart() {
|
var cusId = $.trim($("#cusId").val());
|
var cusName = $.trim($("#cusName").val());
|
var showType = '${showType}';
|
$.post("${base}/uc/statis/satis/satisfactionMonthChart.html",{"cusId":cusId,"cusName":cusName,"selMonth":selMonth,"showType":showType},
|
function(data,textStatus) {
|
showLineChart(data);
|
},"json")
|
}
|
|
</script>
|
|
[#include "/business/pages/include/footer.html" /]
|
</body>
|
</html>
|
