Commit e8db9094d2a0bb1a32ac4c277ef7e0d822374892
1 parent
f9cd3bb6
欠费列表
Showing
10 changed files
with
706 additions
and
15 deletions
home.html
... | ... | @@ -29,7 +29,7 @@ |
29 | 29 | </div> |
30 | 30 | </header> |
31 | 31 | <section id="payDetail" class="panelBgColor marginTop"> |
32 | - <div><span>车场名称:</span><span id="parkName"></span><a id="linkPayDetail">详情+</a> </div> | |
32 | + <div><span>车场名称:</span><span id="parkName"></span></div> | |
33 | 33 | <div><span>停车时长:</span><span id="staytime"></span></div> |
34 | 34 | <div><span>进场时间:</span><span id="inparktime"></span></div> |
35 | 35 | <div><span>停车总费用:</span><span id="due"></span></div> | ... | ... |
img/arrears-bg.png
0 → 100644
945 Bytes
img/close.png
0 → 100644
386 Bytes
img/out.png
0 → 100644
3.85 KB
img/zero.png
0 → 100755
6.4 KB
js/list.js
0 → 100644
1 | + | |
2 | +var func ={ | |
3 | + openid:'', | |
4 | + token:'', | |
5 | + unpaid:'', | |
6 | + countType:'' | |
7 | + | |
8 | +}; | |
9 | +/** | |
10 | + * @param {} second | |
11 | + * @return {} | |
12 | + * @desc 秒转化成dd hh:mm:ss | |
13 | + */ | |
14 | + | |
15 | + | |
16 | +var jsondata = { | |
17 | + app_id: "0eca8f5373ca4866aec2f8e9d9367104", | |
18 | + deviceInfo: "BC0703A4-AFB0-4B51-9089-9B7487C0CC6E", | |
19 | + // salt: salt, | |
20 | + // sign: getMd5sign(), | |
21 | + // sign_type: "md5", | |
22 | + "pageNum": 0, | |
23 | + "pageSize": 10, | |
24 | + "parkState":10, | |
25 | + | |
26 | + | |
27 | + terminalSource: '1', | |
28 | + //parkCode:parkCode, | |
29 | + carNumber:'京A76543', | |
30 | + | |
31 | +} | |
32 | +jsajax.defaultReq( | |
33 | + mUrl.listServer, | |
34 | + JSON.stringify(jsondata), | |
35 | + function (data) { | |
36 | + console.log(data) | |
37 | + | |
38 | + // alert(data.message) | |
39 | + | |
40 | + | |
41 | + }) | |
42 | + | |
43 | + | |
44 | +var dateFormat = function(msd){ | |
45 | + var time =msd | |
46 | + | |
47 | + if (null != time && "" != time) { | |
48 | + | |
49 | + if (time > 60 && time < 60 * 60) { | |
50 | + | |
51 | + time = parseInt(time / 60.0) + "分钟" + parseInt((parseFloat(time / 60.0) - | |
52 | + | |
53 | + parseInt(time / 60.0)) * 60) + "秒"; | |
54 | + | |
55 | + } | |
56 | + | |
57 | + else if (time >= 60 * 60 && time < 60 * 60 * 24) { | |
58 | + | |
59 | + time = parseInt(time / 3600.0) + "小时" + parseInt((parseFloat(time / 3600.0) - | |
60 | + | |
61 | + parseInt(time / 3600.0)) * 60) + "分钟" + | |
62 | + | |
63 | + parseInt((parseFloat((parseFloat(time / 3600.0) - parseInt(time / 3600.0)) * 60) - | |
64 | + | |
65 | + parseInt((parseFloat(time / 3600.0) - parseInt(time / 3600.0)) * 60)) * 60) + "秒"; | |
66 | + | |
67 | + } else if (time >= 60 * 60 * 24) { | |
68 | + | |
69 | + time = parseInt(time / 3600.0/24) + "天" +parseInt((parseFloat(time / 3600.0/24)- | |
70 | + | |
71 | + parseInt(time / 3600.0/24))*24) + "小时" + parseInt((parseFloat(time / 3600.0) - | |
72 | + | |
73 | + parseInt(time / 3600.0)) * 60) + "分钟" + | |
74 | + | |
75 | + parseInt((parseFloat((parseFloat(time / 3600.0) - parseInt(time / 3600.0)) * 60) - | |
76 | + | |
77 | + parseInt((parseFloat(time / 3600.0) - parseInt(time / 3600.0)) * 60)) * 60) + "秒"; | |
78 | + | |
79 | + } | |
80 | + | |
81 | + else { | |
82 | + | |
83 | + time = parseInt(time) + "秒"; | |
84 | + | |
85 | + } | |
86 | + | |
87 | + } | |
88 | + | |
89 | + return time; | |
90 | +}; | |
91 | +$(function(){ | |
92 | + var data = JSON.parse(localStorage.getItem('paybacklist')); | |
93 | + var htmls=''; | |
94 | + console.log(data); | |
95 | + console.log(data.length); | |
96 | + for (var i=0;i<data.length;i++) { | |
97 | + var orderFreeDuration = Number((data[i].orderFreeDuration)) | |
98 | + var parkDuration = Number((data[i].parkDuration)) | |
99 | + var num = ((data[i].unPayFee) / 100).toFixed(2); | |
100 | + var outflag = data[i].orderStateRemark; | |
101 | + | |
102 | + if (outflag == '出场缴费') { | |
103 | + if (orderFreeDuration > parkDuration) { | |
104 | + htmls += '<div class="weui-cells" data-flag="0">' + | |
105 | + ' <div class="weui-cell">' + | |
106 | + ' <div class="weui-cell__bd">' + | |
107 | + ' <p class="carNumber">' + data[i].carNumber + '</p>' + | |
108 | + ' <p class="parkCode" style="display: none">' + data[i].parkCode + '</p>' + | |
109 | + // ' <p class="orderId" style="display: none">' + data[i].orderId + '</p>' + | |
110 | + | |
111 | + ' </div>' + | |
112 | + ' <div class="weui-cell__ft paySrcType" style="color: #f00"></div>' + | |
113 | + ' </div>' + | |
114 | + ' <div class="weui-cell">' + | |
115 | + ' <div class="weui-cell__bd">' + | |
116 | + ' <p>停车场名称:' + data[i].parkName + '</p>' + | |
117 | + ' <p>进场时间:' + data[i].parkInTime + '</p>' + | |
118 | + ' <p>出场时间:' + data[i].parkOutTime + '</p>' + | |
119 | + ' <p>停车时长:' + dateFormat(data[i].parkDuration) + '</p>' + | |
120 | + ' </div>' + | |
121 | + ' <div class="weui-cell__ft ">' + | |
122 | + '<p><span class="paymoney">' + num + '</span>元</p>' + | |
123 | + '<p class="out-btn arrears-btn">申请离场' + | |
124 | + ' <span class="orderId" style="display: none">' + data[i].orderId + '</span>' + | |
125 | + '</p>' + | |
126 | + '</div>' + | |
127 | + ' </div>' + | |
128 | + ' </div>'; | |
129 | + } else { | |
130 | + htmls += '<div class="weui-cells" data-flag="1">' + | |
131 | + ' <div class="weui-cell">' + | |
132 | + ' <div class="weui-cell__bd">' + | |
133 | + ' <p class="carNumber">' + data[i].carNumber + '</p>' + | |
134 | + ' <p class="parkCode" style="display: none">' + data[i].parkCode + '</p>' + | |
135 | + // ' <p class="orderId" style="display: none">' + data[i].orderId + '</p>' + | |
136 | + | |
137 | + ' </div>' + | |
138 | + ' <div class="weui-cell__ft paySrcType" style="color: #f00"></div>' + | |
139 | + ' </div>' + | |
140 | + ' <div class="weui-cell">' + | |
141 | + ' <div class="weui-cell__bd">' + | |
142 | + ' <p>停车场名称:' + data[i].parkName + '</p>' + | |
143 | + ' <p>进场时间:' + data[i].parkInTime + '</p>' + | |
144 | + ' <p>出场时间:' + data[i].parkOutTime + '</p>' + | |
145 | + ' <p>停车时长:' + dateFormat(data[i].parkDuration) + '</p>' + | |
146 | + ' </div>' + | |
147 | + ' <div class="weui-cell__ft "><p><span class="paymoney">' + num + '</span>元</p>' + | |
148 | + '<p class="arrears-btn">出场缴费' + | |
149 | + ' <span class="orderId" style="display: none">' + data[i].orderId + '</span>' + | |
150 | + '</p>' + | |
151 | + '</div>' + | |
152 | + ' </div>' + | |
153 | + ' </div>'; | |
154 | + } | |
155 | + | |
156 | + } else { | |
157 | + htmls += '<div class="weui-cells" data-flag="1">' + | |
158 | + ' <div class="weui-cell">' + | |
159 | + ' <div class="weui-cell__bd">' + | |
160 | + ' <p class="carNumber">' + data[i].carNumber + '</p>' + | |
161 | + ' <p class="parkCode" style="display: none">' + data[i].parkCode + '</p>' + | |
162 | + // ' <p class="orderId" style="display: none">' + data[i].orderId + '</p>' + | |
163 | + | |
164 | + ' </div>' + | |
165 | + ' <div class="weui-cell__ft paySrcType" style="color: #f00">' + outflag + '</div>' + | |
166 | + ' </div>' + | |
167 | + ' <div class="weui-cell">' + | |
168 | + ' <div class="weui-cell__bd">' + | |
169 | + ' <p>停车场名称:' + data[i].parkName + '</p>' + | |
170 | + ' <p>进场时间:' + data[i].parkInTime + '</p>' + | |
171 | + ' <p>出场时间:' + data[i].parkOutTime + '</p>' + | |
172 | + ' <p>停车时长:' + dateFormat(data[i].parkDuration) + '</p>' + | |
173 | + ' </div>' + | |
174 | + ' <div class="weui-cell__ft "><p><span class="paymoney">' + num + '</span>元</p>' + | |
175 | + '<p class="arrears-btn">清缴欠费' + | |
176 | + ' <span class="orderId" style="display: none">' + data[i].orderId + '</span>' + | |
177 | + '</p>' + | |
178 | + '</div>' + | |
179 | + ' </div>' + | |
180 | + ' </div>'; | |
181 | + } | |
182 | + // if(outflag=='出场缴费'){ | |
183 | + // outflag = '' | |
184 | + // } | |
185 | + | |
186 | + } | |
187 | + $('#pay_listcont').append(htmls); | |
188 | + | |
189 | +}); | |
190 | + | |
191 | +$(document).on('click','.weui-cells',function () { | |
192 | + console.log($(this).attr('data-flag')) | |
193 | + var flag = $(this).attr('data-flag') | |
194 | + if(flag == 0){ | |
195 | + | |
196 | + }else{ | |
197 | + var money = $(this).find('.paymoney').text() | |
198 | + | |
199 | + var carNumber = $(this).find('.carNumber').text() | |
200 | + //var parkCode = $(this).find('.parkCode').text() | |
201 | + var orderId = $(this).find('.orderId').text() | |
202 | + var parkCode= $(this).find('.parkCode').text() | |
203 | + // var carNumber = $(this).find('.carNumber').text() | |
204 | + var paySrcType = $(this).find('.paySrcType').text() | |
205 | + if(paySrcType == '欠费'){ | |
206 | + paySrcType = 103 | |
207 | + }else{ | |
208 | + paySrcType = 101 | |
209 | + } | |
210 | + localStorage.setItem('paySrcType',paySrcType) | |
211 | + localStorage.setItem('parkCode',parkCode) | |
212 | + | |
213 | + getOneorder(carNumber,parkCode,orderId) | |
214 | + } | |
215 | + | |
216 | + | |
217 | + | |
218 | +}) | |
219 | + | |
220 | +$(document).on('click','.out-btn',function () { | |
221 | + var _this = $(this).parent().parent().parent(); | |
222 | + | |
223 | + var money = _this.find('.paymoney').text() | |
224 | + console.log(money) | |
225 | + var _orderId = _this.find('.orderId').text() | |
226 | + | |
227 | + var carNumber = _this.find('.carNumber').text() | |
228 | + //var parkCode = $(this).find('.parkCode').text() | |
229 | + // var orderId = _this.find('.orderId').text() | |
230 | + var parkCode= _this.find('.parkCode').text() | |
231 | + // var carNumber = $(this).find('.carNumber').text() | |
232 | + | |
233 | + var paySrcType = _this.find('.paySrcType').text() | |
234 | + var paySrcType = '101' | |
235 | + | |
236 | + // if(paySrcType == ''){ | |
237 | + // paySrcType = 103 | |
238 | + // }else{ | |
239 | + // paySrcType = 101 | |
240 | + // } | |
241 | + // alert(paySrcType) | |
242 | + console.log(paySrcType) | |
243 | + localStorage.setItem('paySrcType',paySrcType) | |
244 | + localStorage.setItem('parkCode',parkCode) | |
245 | + | |
246 | + | |
247 | + var salt = jsajax.salt(32); | |
248 | + var token = mUrl.GetToken(); | |
249 | + if (token == null) { | |
250 | + token = ''; | |
251 | + } | |
252 | + var jsondata = { | |
253 | + app_id: "0eca8f5373ca4866aec2f8e9d9367104", | |
254 | + deviceInfo: "BC0703A4-AFB0-4B51-9089-9B7487C0CC6E", | |
255 | + salt: salt, | |
256 | + sign: getMd5sign(), | |
257 | + sign_type: "md5", | |
258 | + //token : token, | |
259 | + | |
260 | + //appId:jsajax.appID, | |
261 | + orderId: _orderId, | |
262 | + payOrderType: '101', | |
263 | + terminalSource: '1', | |
264 | + //parkCode:parkCode, | |
265 | + // carNumber:carNumber, | |
266 | + | |
267 | + } | |
268 | + jsajax.defaultReq( | |
269 | + cepath + '/appAccountPay/appApplyParkOut', | |
270 | + JSON.stringify(jsondata), | |
271 | + function (data) { | |
272 | + console.log(data) | |
273 | + | |
274 | + if(data.code=='5005'){ | |
275 | + getOneorder(carNumber,parkCode,_orderId) | |
276 | + | |
277 | + }else{ | |
278 | + //$('.dialog-out').show() | |
279 | + window.location.href='zeroout.html' | |
280 | + } | |
281 | + // alert(data.message) | |
282 | + | |
283 | + | |
284 | + }) | |
285 | + | |
286 | +}) | |
287 | +$('.close-btn').on('click',function () { | |
288 | + $('.dialog-out').hide() | |
289 | +}) | |
290 | + | |
291 | + | |
292 | +//查询单个待支付单费用 | |
293 | +function getOneorder(carNumber,parkCode,orderId){ | |
294 | + // var salt = jsajax.salt(32); | |
295 | + // var token = mUrl.GetToken(); | |
296 | + | |
297 | + var salt = jsajax.salt(32); | |
298 | + var token = mUrl.GetToken(); | |
299 | + if (token == null) { | |
300 | + token = ''; | |
301 | + } | |
302 | + var jsondata = { | |
303 | + app_id: "0eca8f5373ca4866aec2f8e9d9367104", | |
304 | + deviceInfo : "BC0703A4-AFB0-4B51-9089-9B7487C0CC6E", | |
305 | + salt : salt, | |
306 | + sign : getMd5sign(), | |
307 | + sign_type : "md5", | |
308 | + token : token, | |
309 | + | |
310 | + | |
311 | + appId:jsajax.appID, | |
312 | + orderId:orderId, | |
313 | + terminalSource:'3', | |
314 | + parkCode:parkCode, | |
315 | + carNumber:carNumber, | |
316 | + | |
317 | + } | |
318 | + console.log('查询单个的入参 '+JSON.stringify(jsondata)+" 请求的接口"+mUrl.oneCardorder); | |
319 | + jsajax.defaultReq( | |
320 | + mUrl.oneCardorder, | |
321 | + JSON.stringify(jsondata), | |
322 | + function(data){ | |
323 | + console.log(data) | |
324 | + console.log('获取单个待支付订单 '+JSON.stringify(data)); | |
325 | + if(data.code=='0'){ | |
326 | + //setdiv(); | |
327 | + setTimeout(function(){ | |
328 | + var datas = data.data | |
329 | + console.log(datas) | |
330 | + var discountFee = datas.discountFee;//已优惠 | |
331 | + var discountDesc = datas.discountDesc;//已优惠 | |
332 | + var parkCode = datas.parkCode; | |
333 | + var no = datas.orderId;//.no;//订单id | |
334 | + var inparktime = datas.inparktime;//.inparktime;//进场时间 | |
335 | + var plateno = datas.plateno;//车牌号 | |
336 | + var parkName = datas.parkName;//停车场名称 | |
337 | + var staytime = datas.staytime;//停车时长 | |
338 | + var due = datas.due;//总计费用 | |
339 | + var unpaid = datas.unpaid;//待支付 | |
340 | + var paid = datas.paid;//实付 | |
341 | + var discountType = datas.discountType; | |
342 | + | |
343 | + if(datas.discountFee&&datas.discountFee!=''&&datas.discountFee!=undefined){ | |
344 | + discountFee = datas.discountFee;//已优惠 | |
345 | + if(datas.discountDesc&&datas.discountDesc!=''&&datas.discountDesc!=undefined){ | |
346 | + discountDesc = datas.discountDesc;//已优惠 | |
347 | + } | |
348 | + } | |
349 | + | |
350 | + //console.log('-------------------------------'+discountType); | |
351 | + //查询到车牌号订单信息 | |
352 | + var src = 'home.html?carnum='+plateno | |
353 | + +"&inparktime="+inparktime | |
354 | + +"&parkName="+parkName | |
355 | + +"&staytime="+staytime | |
356 | + +"&due="+due | |
357 | + +"&unpaid="+unpaid | |
358 | + +"&paid="+paid | |
359 | + +"&no="+no | |
360 | + +"&disfee="+discountFee | |
361 | + +"&disdesc="+discountDesc | |
362 | + +'&discountType='+discountType | |
363 | + +'&parkCode='+parkCode | |
364 | + +"&"; | |
365 | + console.log(src) | |
366 | + window.location.assign(encodeURI(src)) | |
367 | + },100); | |
368 | + } | |
369 | + } | |
370 | + ) | |
371 | +} | |
372 | + | |
373 | + | |
374 | + | |
375 | + | |
376 | +function getMd5sign() | |
377 | +{ | |
378 | + var salt = jsajax.salt(32); | |
379 | + var token = mUrl.GetToken(); | |
380 | + if (token == null) { | |
381 | + token = ''; | |
382 | + } | |
383 | + var sortd = [ | |
384 | + {keyname:'app_id',value:'0eca8f5373ca4866aec2f8e9d9367104'}, | |
385 | + {keyname:'deviceInfo',value:'BC0703A4-AFB0-4B51-9089-9B7487C0CC6E'}, | |
386 | + {keyname:'salt',value:salt}, | |
387 | + {keyname:'sign_type',value:'md5'}, | |
388 | + {keyname:'token',value:token} | |
389 | + ]; | |
390 | + var md5sign = jsajax.getsign(sortd); | |
391 | + return md5sign; | |
392 | + | |
393 | +} | |
394 | + | ... | ... |
js/pay.js
... | ... | @@ -16,8 +16,7 @@ window.onload = function () { |
16 | 16 | $btnLoad = document.getElementById("loading"); |
17 | 17 | |
18 | 18 | $discountBtn = document.getElementById("discountBtn"); |
19 | - $linkPayDetail = getObjectByID("linkPayDetail"); | |
20 | - $linkPayDetail.onclick = webAppClass.linkPayDetailClick; | |
19 | + | |
21 | 20 | var webRoot = window.location.href; |
22 | 21 | //设置当前客户端浏览器模式[微信、支付宝、其他] |
23 | 22 | webAppClass.clientBrowser(); |
... | ... | @@ -581,16 +580,5 @@ var webAppClass = { |
581 | 580 | } |
582 | 581 | }, |
583 | 582 | |
584 | - //查看详情 | |
585 | - linkPayDetailClick: function (ev) { | |
586 | - var $payDetail = getObjectByID("payDetail"); | |
587 | - var $linkPayDetail = getObjectByID("linkPayDetail"); | |
588 | - if ($linkPayDetail.innerHTML == "详情+") { | |
589 | - $linkPayDetail.innerHTML = "详情-"; | |
590 | - $payDetail.style.height = "195px"; | |
591 | - } else { | |
592 | - $linkPayDetail.innerHTML = "详情+"; | |
593 | - $payDetail.style.height = "55px"; | |
594 | - } | |
595 | - } | |
583 | + | |
596 | 584 | } | ... | ... |
js/url.js
... | ... | @@ -220,3 +220,7 @@ mUrl.vipxwxfpay = cepath+ '/weixinpay/publicUnifiedOrder';//统一下单接口 |
220 | 220 | mUrl.vipxwxpay = cepath+ '/weixinpay/unifiedVipCardOrder'; |
221 | 221 | //会员卡支付宝支付app |
222 | 222 | mUrl.vipxAliPay = cepath+ '/alipay/sendAliPayVipCardOrderInfo'; |
223 | + | |
224 | + | |
225 | +// 记录 | |
226 | +mUrl.listServer="queryParkOrder/queryParkingRecordPageByCarNumbers" | ... | ... |
list.html
0 → 100644
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | +<head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <title>列表详情</title> | |
6 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> | |
7 | + <meta name="format-detection" content="telephone=no"/> | |
8 | + <meta name="format-detection" content="email=no"/> | |
9 | + <meta name="apple-mobile-web-app-status-bar-style" content="black"/> | |
10 | + <meta name="apple-mobile-web-app-capable" content="yes"/> | |
11 | + <meta name="apple-mobile-web-app-title" content=""> | |
12 | + <meta name="google" value="notranslate"><!-- 禁止Chrome 浏览器中自动提示翻译 --> | |
13 | + <link rel="apple-touch-icon-precomposed" href="favicon.ico"> | |
14 | + <link rel="shortcut icon" href="favicon.ico"> | |
15 | + <link rel="Bookmark" href="favicon.ico"> | |
16 | + <meta http-equiv="Pragma" content="no-cache" /> | |
17 | + | |
18 | + <meta http-equiv="Expires" content="0" /> | |
19 | + | |
20 | + <link rel="stylesheet" href="//cdn.bootcss.com/weui/1.1.1/style/weui.min.css"> | |
21 | + <link rel="stylesheet" href="//cdn.bootcss.com/jquery-weui/1.0.1/css/jquery-weui.min.css"> | |
22 | + <link rel="stylesheet" href="css/reset.css"> | |
23 | + | |
24 | + <style> | |
25 | + .all_told, .platen_number { | |
26 | + text-align: center; | |
27 | + } | |
28 | + .all_told { | |
29 | + padding: 30px 0 10px 0; | |
30 | + } | |
31 | + .all_told span { | |
32 | + margin-right: 5px; | |
33 | + font-size: 22px; | |
34 | + } | |
35 | + .discount_money { | |
36 | + color: #fc3817; | |
37 | + } | |
38 | + .discount { | |
39 | + padding: 4px 7px; | |
40 | + background: #fc3817; | |
41 | + border-radius: 2px; | |
42 | + position: relative; | |
43 | + margin-left: 10px; | |
44 | + color: #fff; | |
45 | + } | |
46 | + .discount:before { | |
47 | + position: absolute; | |
48 | + content: ''; | |
49 | + width: 0; | |
50 | + height: 0; | |
51 | + left: -6px; | |
52 | + top: 8px; | |
53 | + border-top: 6px solid transparent; | |
54 | + border-bottom: 6px solid transparent; | |
55 | + border-right: 6px solid #fc3817; | |
56 | + } | |
57 | + .youhuid{ | |
58 | + background: #f00; | |
59 | + color: #fff; | |
60 | + font-size: 13px; | |
61 | + padding:2px 5px; | |
62 | + border-radius: 3px; | |
63 | + margin-left: 2px; | |
64 | + display: none; | |
65 | + } | |
66 | + .showTooltips{ | |
67 | + display: none; | |
68 | + /*针对苹果新增手势*/ | |
69 | + cursor: pointer; | |
70 | + } | |
71 | + .weui-cells{ | |
72 | + /*针对苹果新增手势*/ | |
73 | + cursor: pointer; | |
74 | + } | |
75 | + .dialog-out{ | |
76 | + position: absolute; | |
77 | + width: 100%; | |
78 | + height: 100%; | |
79 | + top:0; | |
80 | + right: 0; | |
81 | + left: 0; | |
82 | + bottom: 0; | |
83 | + z-index: 1000; | |
84 | + background: rgba(0,0,0,.3); | |
85 | + display: none; | |
86 | + } | |
87 | + .dia-con{ | |
88 | + width: 305px; | |
89 | + height: 138px; | |
90 | + padding: 10px ; | |
91 | + background:rgba(255,255,255,1); | |
92 | + border-radius:8px; | |
93 | + position: absolute; | |
94 | + left: 50%; | |
95 | + top:50%; | |
96 | + transform: translate(-50%,-50%); | |
97 | + } | |
98 | + .close-btn{ | |
99 | + float: right; | |
100 | + width: 16px; | |
101 | + height: 16px; | |
102 | + background: url("img/close.png") no-repeat; | |
103 | + background-size: 100% 100%; | |
104 | + cursor: pointer; | |
105 | + overflow: hidden; | |
106 | + } | |
107 | + .dia-main{ | |
108 | + margin-left: 30px; | |
109 | + margin-top: 30px; | |
110 | + height: 52px; | |
111 | + padding-left: 90px; | |
112 | + background: url("img/out.png") no-repeat; | |
113 | + background-size: 52px 52px; | |
114 | + } | |
115 | + .dia-text{ | |
116 | + padding-top: 20px; | |
117 | + text-align: center; | |
118 | + font-size: 12px; | |
119 | + color: #999; | |
120 | + } | |
121 | + .arrears-btn{ | |
122 | + width: 70px; | |
123 | + height: 25px; | |
124 | + margin-top: 20px; | |
125 | + color: #FFF; | |
126 | + font-size: 12px; | |
127 | + text-align: center; | |
128 | + line-height: 25px; | |
129 | + background: url("img/arrears-bg.png") no-repeat; | |
130 | + background-size:70px 25px ; | |
131 | + } | |
132 | + </style> | |
133 | +</head> | |
134 | +<body ontouchstart=""> | |
135 | +<div class="weui-cells__title" style="color: #f00;text-align: center">48小时限时补缴优惠</div> | |
136 | +<div id="pay_listcont"> | |
137 | + | |
138 | +</div> | |
139 | +<div class="pay-content-padded"> | |
140 | + <a class="weui-btn weui-btn_primary showTooltips" href="javascript:" id="showTooltips" v-cloak="showTooltips">申请离场</a> | |
141 | +</div> | |
142 | + | |
143 | +<div class="dialog-out"> | |
144 | + <div class="dia-con"> | |
145 | + <div class="close-btn"></div> | |
146 | + <div class="layui-clear"></div> | |
147 | + <div class="dia-main"> | |
148 | + <p>您已经成功申请离场</p> | |
149 | + <p>期待您的再次光临</p> | |
150 | + </div> | |
151 | + <div class="dia-text">温馨提示:请尽快出场,超过时间将重新计费哦!</div> | |
152 | + </div> | |
153 | +</div> | |
154 | + | |
155 | + | |
156 | + | |
157 | + | |
158 | +<script src="js/jquery-3.2.1.min.js"></script> | |
159 | +<script src="//cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script> | |
160 | +<script src="//cdn.bootcss.com/jquery-weui/1.0.1/js/jquery-weui.min.js"></script> | |
161 | + | |
162 | +<script src="js/md5.min.js"></script> | |
163 | + | |
164 | +<script src="js/url.js"></script> | |
165 | +<script src="js/ajax.js"></script> | |
166 | +<script type="text/javascript"> | |
167 | +//微信浏览器中,aler弹框不显示域名 | |
168 | +(function(){ | |
169 | + //先判断是否为微信浏览器 | |
170 | + var ua = window.navigator.userAgent.toLowerCase(); | |
171 | + if (ua.match(/MicroMessenger/i) == 'micromessenger') { | |
172 | + //重写alert方法,alert()方法重写,不能传多余参数 | |
173 | + window.alert = function(name){ | |
174 | + var iframe = document.createElement("IFRAME"); | |
175 | + iframe.style.display="none"; | |
176 | + iframe.setAttribute("src", 'data:text/plain'); | |
177 | + document.documentElement.appendChild(iframe); | |
178 | + window.frames[0].window.alert(name); | |
179 | + iframe.parentNode.removeChild(iframe); | |
180 | + } | |
181 | + } | |
182 | +})(); | |
183 | +</script> | |
184 | +<script src="js/list.js?a=4.01"></script> | |
185 | +</body> | |
186 | +</html> | ... | ... |
zeroout.html
0 → 100644
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | +<head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <title>0元离场</title> | |
6 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> | |
7 | + <meta name="format-detection" content="telephone=no"/> | |
8 | + <meta name="format-detection" content="email=no"/> | |
9 | + <meta name="apple-mobile-web-app-status-bar-style" content="black"/> | |
10 | + <meta name="apple-mobile-web-app-capable" content="yes"/> | |
11 | + <meta name="apple-mobile-web-app-title" content=""> | |
12 | + <meta name="google" value="notranslate"><!-- 禁止Chrome 浏览器中自动提示翻译 --> | |
13 | + <link rel="apple-touch-icon-precomposed" href="favicon.ico"> | |
14 | + <link rel="shortcut icon" href="favicon.ico"> | |
15 | + <link rel="Bookmark" href="favicon.ico"> | |
16 | + <meta http-equiv="Pragma" content="no-cache" /> | |
17 | + | |
18 | + <meta http-equiv="Expires" content="0" /> | |
19 | + | |
20 | + <link rel="stylesheet" href="//cdn.bootcss.com/weui/1.1.1/style/weui.min.css"> | |
21 | + <link rel="stylesheet" href="//cdn.bootcss.com/jquery-weui/1.0.1/css/jquery-weui.min.css"> | |
22 | + <link rel="stylesheet" href="css/reset.css"> | |
23 | + | |
24 | + <style> | |
25 | + .zero-title{ | |
26 | + width: 135px; | |
27 | + margin: 50px auto 20px; | |
28 | + background: url("img/zero.png") no-repeat; | |
29 | + background-size: 64px 64px; | |
30 | + padding-left: 80px; | |
31 | + height: 64px; | |
32 | + color: #999; | |
33 | + } | |
34 | + .tip-main{ | |
35 | + width: 295px; | |
36 | + margin: 0 auto 200px; | |
37 | + font-size: 14px; | |
38 | + color: #999; | |
39 | + } | |
40 | + .float-left{ | |
41 | + float: left; | |
42 | + } | |
43 | + .float-right{ | |
44 | + float: left; | |
45 | + } | |
46 | + .ok-btn{ | |
47 | + width:133px; | |
48 | + height:27px; | |
49 | + margin: 0 auto; | |
50 | + line-height: 27px; | |
51 | + text-align: center; | |
52 | + border-radius:5px; | |
53 | + border:1px solid rgba(128,193,157,1); | |
54 | + color: #80C19D; | |
55 | + font-size: 12px; | |
56 | + cursor: pointer; | |
57 | + } | |
58 | + </style> | |
59 | +</head> | |
60 | +<body ontouchstart=""> | |
61 | + | |
62 | + <div class="zero-title"> | |
63 | + <p style="padding-top: 10px">您已成功申请离场</p> | |
64 | + <p>期待您的再次光临</p> | |
65 | + </div> | |
66 | + <div class="tip-main"> | |
67 | + <div class="float-left">温馨提示: </div> | |
68 | + <div class="float-right"> | |
69 | + <p>请尽快离场,超过15分钟将重新计费哦!</p> | |
70 | + <p>索要发票请联系停车管理员或拨打</p> | |
71 | + <p>客服电话: 400-63456881</p> | |
72 | + </div> | |
73 | + </div> | |
74 | + | |
75 | + <div class="ok-btn" id="ok-btn"> | |
76 | + 完成 | |
77 | + </div> | |
78 | + | |
79 | + | |
80 | + | |
81 | + | |
82 | +<script src="js/jquery-3.2.1.min.js"></script> | |
83 | +<script src="//cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script> | |
84 | +<script src="//cdn.bootcss.com/jquery-weui/1.0.1/js/jquery-weui.min.js"></script> | |
85 | + | |
86 | +<script src="js/md5.min.js"></script> | |
87 | + | |
88 | +<script src="js/url.js?a=3"></script> | |
89 | +<script src="js/ajax.js"></script> | |
90 | +<script type="text/javascript"> | |
91 | +//微信浏览器中,aler弹框不显示域名 | |
92 | +(function(){ | |
93 | + //先判断是否为微信浏览器 | |
94 | + var ua = window.navigator.userAgent.toLowerCase(); | |
95 | + if (ua.match(/MicroMessenger/i) == 'micromessenger') { | |
96 | + //重写alert方法,alert()方法重写,不能传多余参数 | |
97 | + window.alert = function(name){ | |
98 | + var iframe = document.createElement("IFRAME"); | |
99 | + iframe.style.display="none"; | |
100 | + iframe.setAttribute("src", 'data:text/plain'); | |
101 | + document.documentElement.appendChild(iframe); | |
102 | + window.frames[0].window.alert(name); | |
103 | + iframe.parentNode.removeChild(iframe); | |
104 | + } | |
105 | + } | |
106 | +})(); | |
107 | + | |
108 | +setTimeout(function () { | |
109 | + window.location.href="list.html" | |
110 | +},3000) | |
111 | + | |
112 | +$('#ok-btn').on('click',function () { | |
113 | + window.location.href="list.html" | |
114 | +}) | |
115 | + | |
116 | +</script> | |
117 | + | |
118 | +</body> | |
119 | +</html> | ... | ... |