linepassengerflow.html
3.67 KB
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
<style type="text/css">
.table-bordered {
border: 1px solid; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
border: 1px solid; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px; }
.table > tbody + tbody {
border-top: 1px solid; }
</style>
<div class="page-head">
<div class="page-title">
<h1>线路客流量报表</h1>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="portlet light porttlet-fit bordered">
<div class="portlet-title">
<form class="form-inline" action="">
<div style="display: inline-block;">
<span class="item-label" style="width: 80px;">线路: </span>
<select class="form-control" name="line" id="line" style="width: 180px;"></select>
</div>
<div style="display: inline-block;margin-left: 15px;">
<span class="item-label" style="width: 80px;">时间: </span>
<input class="form-control" type="text" id="date" style="width: 180px;"/>
</div>
<div class="form-group">
<input class="btn btn-default" type="button" id="query" value="筛选"/>
<input class="btn btn-default" type="button" id="export" value="导出"/>
</div>
</form>
</div>
<div class="portlet-body">
<div class="table-container" style="margin-top: 10px;overflow:auto;min-width: 906px">
<table class="table table-bordered table-hover table-checkable" id="forms">
<thead>
<tr>
<th>序号</th>
<th>站点名称</th>
<th>pos机刷卡金额</th>
<th>投币金额</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<script>
$(function(){
var reqCodeMap = {"0xA1": '请求恢复运营', "0xA2": '申请调档', "0xA3": '出场请求', "0xA5": '进场请求', "0xA7": '加油请求', "0x50": '车辆故障', "0x70": '路阻报告', "0x60": '事故报告', "0x11": '扣证纠纷', "0x12" : '报警'};
// 关闭左侧栏
if (!$('body').hasClass('page-sidebar-closed'))
$('.menu-toggler.sidebar-toggler').click();
$("#date").datetimepicker({
format : 'YYYY-MM-DD',
locale : 'zh-cn'
});
$.get('/basic/lineCode2Name',function(result){
var data=[];
for(var code in result){
data.push({id: code, text: result[code]});
}
console.log(data);
initPinYinSelect2('#line',data,'');
})
$("#query").on("click",function(){
var line = $("#line").val();
var date = $("#date").val();
$post('/mcy_forms/linepasswengerflow',{line:line,date:date},function(result){
$.each(result, function(i, obj) {
obj.requestType = reqCodeMap[obj.requestType];
});
// 把数据填充到模版中
var tbodyHtml = template('list_linepasswengerflow',{list:result});
// 把渲染好的模版html文本追加到表格中
$('#forms tbody').html(tbodyHtml);
});
});
});
</script>
<script type="text/html" id="list_linepasswengerflow">
{{each list as obj i}}
<tr>
<td>{{i+1}}</td>
<td>{{obj.stationName}}</td>
<td> </td>
<td> </td>
</tr>
{{/each}}
{{if list.length == 0}}
<tr>
<td colspan="6"><h6 class="muted">没有找到相关数据</h6></td>
</tr>
{{/if}}
</script>