cy
2022-06-28 2ba5c891b24d4d0cd6ce7ef833592e4f576ee5e8
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!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({
            colors: ['#7cb5ec','#3cc051', '#ffc500','#f43b49' ]
        }); */
        loadDetail();
    })
    
    //加载页面明细
    function loadDetail(){
        $("#detailDiv").load("${base}/uc/ucsatis/ucSatisfactionManageIndexLoad.html",{},function(){
            initMixChart();
            initConverageChart();
        });
    }
    
    //初始化满意度复合图 
    function initMixChart(){
        $.post('${base}/uc/ucsatis/getSatisfactionMixChart.html',{},function(data){
            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(){
        $.post('${base}/uc/ucsatis/getSatisfactionCoverageChart.html',{},function(data){
            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 "/uc/include/header.html" /]
[#assign focusLabel = "SATIS_INDEX"]
[#include "/uc/include/satisheader.html" /]
<div class="monitoring">
    <div id="detailDiv" class="monitor_report"></div>
</div>
[#include "/business/pages/include/footer.html" /]
</body>
</html>