incomecalculation.html
14.3 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
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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
<div class="row margin-bottom-24 margin-top-24">
<div class="col-md-12 ITD-padding-common ">
<div class="ITD-padding9-8 ITD-bgcolor-search ITD-border-radius ITD-box-shadow pos-rel clearfix">
<div id="georece-toptab" class="col-lg-11 col-md-11 col-sm-11 col-xs-12">
<div class="ITD-graynav-topbar ITD-graynav-topbaractive">按次</div>
<div class="ITD-graynav-topbar">按时</div>
<input id="incomeBillType" hidden value="2">
</div>
</div>
<!--查询条件 sta-->
<div class=" ITD-padding22-24 ITD-bgcolor-white ITD-border-radius ITD-box-shadow pos-rel clearfix">
<div class="row ">
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<select id="georece-transSelecarea" class="selectpicker" data-width="100%" data-size="5" data-live-search="true">
</select>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<select id="georece-transSelectPark" class="selectpicker" data-width="100%" data-size="5" data-live-search="true">
</select>
</div>
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-12 georece-choosedateday">
<span class="control-label ITD-common-parking-l ITD-common-color070 ITD-common-fontsize14">日期</span>
<div class="input-group ITD-daterange-btn" style="width: 35%">
<input type="text" class="form-control ITD-daterange-bg ITD-common-color070" id="georece-daydaterange-btnsta" readonly="">
</div>
<span class="float-left" style="height: 34px;line-height: 34px;margin: 0 5px;">-</span>
<div class="input-group ITD-daterange-btn" style="width: 35%">
<input type="text" class="form-control daterange-str ITD-daterange-bg ITD-common-color070" id="georece-daydaterange-btnend" readonly="">
</div>
</div>
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-12 georece-choosedatemonth display-none">
<span class="control-label ITD-common-parking-l ITD-common-color070 ITD-common-fontsize14">月份</span>
<div class="input-group ITD-daterange-btn" style="width: 35%">
<input type="text" class="form-control ITD-daterange-bg ITD-common-color070" id="georece-monthdaterange-btnsta" readonly="">
</div>
<span class="float-left" style="height: 34px;line-height: 34px;margin: 0 5px;">-</span>
<div class="input-group ITD-daterange-btn" style="width: 35%">
<input type="text" class="form-control daterange-str ITD-daterange-bg ITD-common-color070" id="georece-monthdaterange-btnend" readonly="">
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<div class="float-right">
<div class="ITD-search-morebtn ITD-common-color070">更多</div>
</div>
<div class="float-right margin-right-10">
<div class="ITD-common-searchbtn" id="georece-billQueryBtn">查询</div>
</div>
</div>
</div>
<div class="row margin-top-24" id="switch-count-wrap">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<span class="control-label ITD-common-parking-l ITD-common-color070 ITD-common-fontsize14">白天费率</span>
<div class="input-group ITD-daterange-btn pos-rel" style="width: 55%">
<input id="day-rateVal" class="form-control ITD-borderradius-4 ITD-common-color070" value="3" type="text" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " maxlength="3">
<span class="pos-abs geoday-abspos georece_Numpay ITD-common-color070">元/次</span>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<span class="control-label ITD-common-parking-l ITD-common-color070 ITD-common-fontsize14">夜间费率</span>
<div class="input-group ITD-daterange-btn" style="width: 55%">
<input id="night-rateVal" class="form-control ITD-borderradius-4 ITD-common-color070" value="0" type="text" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " maxlength="3">
<span class="pos-abs geoday-abspos georece_Numpay_night ITD-common-color070">元/次</span>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<span class="control-label ITD-common-parking-l ITD-common-color070 ITD-common-fontsize14">免费时长</span>
<div class="input-group ITD-daterange-btn" style="width: 55%">
<input id="free-timesLen" class="form-control ITD-borderradius-4 ITD-common-color070" value="15" readonly type="text" maxlength="3">
<span class="pos-abs geoday-abspos ITD-common-color070">分钟</span>
</div>
</div>
</div>
<div class="row margin-top-24 display-none ITD-common-color070 ITD-common-fontsize14 ITD-padding-common" id="switch-time-wrap">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">白天:首小时 3元，超过一小时后1元每小时 夜间:3元 每次</div>
</div>
<!--隐藏 样式 sta-->
<div class="row hide-common-style margin-top-24 display-none ITD-height-dashed-2" style="margin-left: 3px;margin-right: 3px;padding-top: 15px">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 ITD-common-color065 "style="padding-left: 0;">
<span class="control-label ITD-common-parking-l ITD-common-color070 ITD-common-fontsize14">统计周期</span>
<input id="georece-checkStyle1" name="georece-checkStyle" type="radio" value="1" checked="true"><label>按日</label>
<input id="georece-checkStyle2" name="georece-checkStyle" type="radio" value="2"><label>按周</label>
<input id="georece-checkStyle3" name="georece-checkStyle" type="radio" value="3"><label>按月</label>
<input type="hidden" id="queryType" data-value="1" value="1">
</div>
</div>
<!--隐藏 样式 end-->
</div>
<!--查询条件 end-->
</div>
</div>
<!--卡片 sta-->
<div class="row margin-bottom-24">
<div class=" col-md-4 col-sm-4 ITD-padding-common ">
<div class="ITD-box-shadow ITD-border-radius padding0-14">
<ul class="sycs-zys-wrap">
<li>
<ul class="sycs-zys-top">
<li class="ITD-common-color070 margin-bottom-10">
<span class="sycs-zsy-mon"></span>总应收
</li>
<li>
<div class="ITD-common-color070 ITD-common-fontsize32 ITD-hidden-nowrap" >
￥<span id="incomeAllAmount"></span>
</li>
</ul>
</li>
<li>
<ul class="sycs-zys-bottom ">
<li>
<span class="ITD-common-fontsize12 ITD-common-color065 text-center">路侧泊位平均收益</span>
<span class="ITD-common-color070 text-center lcbwpjsy-number lcbwpjsy-number-dowm">￥<span id="incomeOpenAmount"></span><span class="pos-rel"></span></span>
</li>
<li>
<span class="ITD-common-fontsize12 ITD-common-color065 text-center">封闭泊位平均收益</span>
<span class="ITD-common-color070 text-center lcbwpjsy-number lcbwpjsy-number-up">￥<span id="incomeCloseAmount"></span><span class="pos-rel"></span></span>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class=" col-md-4 col-sm-4 ITD-padding-common ">
<div class="ITD-box-shadow ITD-border-radius padding0-14">
<ul class="sycs-zys-wrap">
<li>
<ul class="sycs-zys-top">
<li class="ITD-common-color070 margin-bottom-10">
<span class="sycs-bws-num"></span>泊位数
</li>
<li>
<div class="ITD-common-color070 ITD-common-fontsize32 ITD-hidden-nowrap" >
<span id="incomeAllBerthNum">0</span>
</div>
</li>
</ul>
</li>
<li>
<ul class="sycs-zys-bottom ">
<li>
<span class="ITD-common-fontsize12 ITD-common-color065 text-center">路侧泊位数</span>
<span class="ITD-common-color070 text-center lcbwpjsy-number "><span id="incomeOpenBerthNum">0</span></span>
</li>
<li>
<span class="ITD-common-fontsize12 ITD-common-color065 text-center">封闭泊位数</span>
<span class="ITD-common-color070 text-center lcbwpjsy-number "><span id="incomeCloseBerthNum">0</span></span>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class=" col-md-4 col-sm-4 ITD-padding-common ">
<div class="ITD-box-shadow ITD-border-radius padding0-14">
<div class="sycs-shebei-title ITD-common-color070">设备</div>
<ul class="sycs-shebei-echart ITD-common-display-flex">
<li class="" id="dczxEcharts"></li>
<li id="dzzxEcharts"></li>
</ul>
</div>
</div>
</div>
<!--卡片 end-->
<!--echarts sta-->
<div class="row margin-bottom-24">
<div class=" col-md-12 ITD-padding-common ">
<div class="ITD-box-shadow ITD-border-radius padding0-14">
<div class="georece-tjqst-title ITD-common-title pos-rel margin-bottom-16">
<span class="ITD-common-fontsize16 ITD-common-color070">收入趋势</span>
<select class="parkselectpicker" multiple id="parkselectpicker">
<option data-text="1">1</option>
<option data-text="2">KetchupKetchupKetchup</option>
<option data-text="3">Relish</option>
<option data-text="4">Mustard1</option>
<option data-text="5">Ketchup2</option>
<option data-text="6">Relish3</option>
<option data-text="7">Mustard4</option>
<option data-text="8">Ketchup5</option>
<option data-text="9">Relish6</option>
</select>
<div class="btn-actions pos-abs">
<div class="btn-export" id="">
<button class="btn ITD-panelbtn-icon ITD-panelbtn-icon-gray ">
<i class="fa ITD-panelicon-pk"></i>对比
</button>
</div>
</div>
</div>
<div class="georece-echarts-wrap padding0-14" id="georece-echarts-record">
<ul class="tab-btn-wrap ITD-common-color065" id="tab-btn-wrap">
<li class="tabAction">泊位平均收益</li>
<li>总收入</li>
<div class="clearfix"><input id="incomeindex" hidden value="0"></div>
</ul>
<div class="georece-echarts-con" id="georeceEcharts"></div>
</div>
</div>
</div>
</div>
<!--echarts end-->
<!--table sta-->
<div class="row ">
<div class=" col-md-12 col-sm-12 ITD-padding-common">
<div class="ITD-box-shadow ITD-border-radius padding0-20">
<ul class="ITD-new-table-title ITD-common-fontsize14 ITD-common-color070">
<li class="float-left ">详细记录</li>
<li class="float-right" >
<input type="button" class="ITD-export-btn" id="reportBtn" value="导出">
</li>
</ul>
<table id="georeceTable" class="ITD-fix-table common-tableh47"></table>
</div>
</div>
</div>
<!--table end-->
<!--提示弹窗 sta-->
<div class="modal fade " id="ITD-tipsmodel" style="display: none" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="ITD-modal-dialog blue-modal">
<div class="modal-content">
<div class="modal-header ITD-model-header">
<button type="button" class="close ITD-model-close" data-dismiss="modal" aria-hidden="true">×</button>
<span class="ITD-common-fontsize16 colorbig ITD-ztree-headername">提示</span>
</div>
<div class="modal-body">
<div class="ITD-alertmodel-contentmsg"></div>
</div>
</div>
</div>
</div>
<!--提示弹窗 end-->
<!-- 弹框（Modal）sta -->
<div class="modal fade" id="income_myModal" style="display: none" tabindex="-1" role="dialog" aria-labelledby="mybadModalLabel" aria-hidden="true">
<div class="ITD-modal-dialog ITD-model-1020">
<div class="modal-content">
<div class="modal-header ITD-model-header">
<button type="button" class="close ITD-model-close" data-dismiss="modal" aria-hidden="true">×</button>
<span class="ITD-common-fontsize16 colorbig ITD-ztree-headername"><span id="popAreaname"></span></span>
</div>
<div class="modal-body" style="padding:0; padding-top: 24px;max-height: 450px;overflow-y: auto">
<table id="incometable" class="ITD-fix-table common-tableh47"></table>
</div>
</div>
</div>
</div>
<!--打印 end-->
<script src='../../assets/pages/scripts/incomeAnalysisFile/incomeCalculation/incomecalculation.js'></script>