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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!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 src="${common_static}/static/script/select/chosen.jquery.js"></script>
<script src="${common_static}/static/script/select/chosen.jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="${common_static}/static/script/select/chosen.css"/>
<script type="text/javascript" src="${common_static}/static/script/statis.js"></script>
</head>
<body>
<form id="myform" >
        <div class="event_fill sa_event_fill">
            <table>
                <tr>
                    <BR width="85%">
                    
                         <div class="fill_item">
                            <label>项目名称:</label>
                             [@sel id="customer_id"  name="customer_id"  source=customers textField="ID" valueField="CUSTOMER_NAME" labelName="customer_name" /]
                        </div>
                           <div class="fill_item">
                            <label>一级分类:</label>
                                [@sel id="lv1Id" name="lv1Id"  source=lv1List textField="lv1Name" textField="id" valueField="name" callback="changeLv1" /]
                           </div>
                           
                           <div class="fill_item">
                            <label>二级分类:</label>
                                [@sel id="lv2Id" name="lv2Id" /]
                           </div>
 
 
                        <div id="selectDay">
                            <div class="fill_item">
                                <label>开始时间:</label>
                                [@datepicker id="beginTime" value="${beginTime}" class="general" length=8 /]
                            </div>
                            <div class="fill_item">
                                <label>结束时间:</label>
                                [@datepicker id="endTime" class="general" length=8 value="${endTime}" /]
                            </div>
                        </div>
                    </th>
                    <td width="15%">
                    <!-- <a class="retrievebtn" href="javascript:window.location.reload(true);">重置</a> -->
                    <a class="retrievebtn" id="reset">重置</a>
                    <a class="retrievebtn focus" href="javascript:query();">查询</a></td>
                </tr>
            </table>
        </div>
        <div class="statnan clearfix">
            <div class="statnan_left">
                <div id="colChart" style="width:98%;height:95%;"></div>
            </div>
            <div class="clearfix"></div>
        </div>
</form>
<script type="text/javascript">
$("#customer_id").chosen({
            no_results_text: "没有找到结果!",//搜索无结果时显示的提示
            search_contains:true,   //关键字模糊搜索,设置为false,则只从开头开始匹配
            allow_single_deselect:true, //是否允许取消选择
            max_selected_options:1  //当select为多选时,最多选择个数
        });
    //无数据显示
    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);
    }
 
    $(function() {
         $("#reset").click(function () {
              $("#myform")[0].reset();
              $("#endTime").val($("#_endTime").val().replace(new RegExp("-",'g'),""));
              $("#beginTime").val($("#_beginTime").val().replace(new RegExp("-",'g'),""));
            });
        query();
        
        
        
    })
    
    function query() {
        
            var beginTime = $("#beginTime").val();
            var endTime = $("#endTime").val();
            if (beginTime > endTime) {
                alert("开始时间不能晚于结束时间!");
                return;
            }
            var cusId =$("#customer_id").val();
            var lv1Id = $.trim($("#lv1Id").val());
            var lv2Id = $.trim($("#lv2Id").val());
            var param = {"cusId":cusId,"beginTime":beginTime,"endTime":endTime,"lv1Id":lv1Id,"lv2Id":lv2Id}
            $.post("${base}/business/pages/tj/sparePartStatis/stockTypeDatetj.html",param, function(data, textStatus) {
                if(data.nodata){
                    showNoData('colChart');
                }else{
                    createColChart(data);
                }
            }, "json")
    }
    
    
    
    function createColChart(data) {
        $('#colChart').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: '<b>'+'备件申领分类统计TOP10'
            },
             xAxis: {
                categories: data.categories
            },
 
            plotOptions: {
                column: {
                    pointWidth: 40,
                    dataLabels:{
                        enabled:true
                    }
 
                }
            },
            series: data.series
        })
    }
    
    function changeLv1(lv1Id,val) {
    $.post("${base}/business/pages/tj/sparePartStatis/getCategotyList.html",{"lv1Id":lv1Id},function(data,textStatus) {
        var optionHtml = "<option value=''>请选择</option>";
        $.each(data,function(i,item) {
            optionHtml += "<option value='"+item.id+"'>"+item.name+"</option>";
        })
        $('#lv2Id').html(optionHtml);
    },"json")
  }
</script>
</body>
</html>