charge.jsp
18.5 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
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<jsp:include page="${ctx }/view/common/meta.jsp" />
<link href="${ctx }/resource/css/detail.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/resource/css/home.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/resource/css/member.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/resource/js/utils/page/page.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${ctx}/resource/js/utils/page/query.js"></script>
<script type="text/javascript" src="${ctx}/resource/js/utils/page/page.js"></script>
<script type="text/javascript" src="${ctx }/resource/js/pay/charge.js?r=<%=Math.random()%>"></script>
<script type="text/javascript">
$(function(){
$('#pageToolbar').Paging({
pagesize : '${params._limit }',
count : '${params._total}',
toolbar : true,
current : Number('${params._page}'),
callback : function(page, size, count) {
$("#page").val(page);
$("#rows").val(size);
window.location.href = '${ctx }/user/charge?_page=' + page + '&_limit=' + size;
}
});
});
var obj=document.getElementById('amount');
function payNow(){
if(obj.val==''){
obj.innerHTML="2222";
return;
}
}
function payBefor(){
obj.innerHTML="请输入您的姓名";
}
</script>
</head>
<body>
<jsp:include page="${ctx }/view/common/header.jsp" />
<input type="hidden" id="page" name="_page"/>
<input type="hidden" id="rows" name="_limit" />
<div class="bigbox">
<jsp:include page="${ctx }/view/common/menu.jsp" />
<div class="etlist rightbox0" style="margin-top: 0px">
<h2 style="text-align: left;">充值</h2>
<div class="crossline"></div>
<div class="clear"></div>
<div class="recharge">
<!--<div class="recharge-prompt">
<span class="prompt">
系统升级，暂停客户端充值！用户可通过汇款至平台指定结算账户，进行充值。步骤如下：
</span>
</div>-->
<!-- <div class="box-item">
<p class="tip-title">第一步：汇款到指定结算账户 </p>
<p class="tip" style="font-size:18px;">用户可通过银行柜面、网上银行、手机银行等渠道汇款至平台指定结算账户，账户信息如下：</p>
<table class="user-msg" width="100%" cellspacing="0";>
<tr>
<th>开户银行名称</th>
<th>收款方户名</th>
<th>收款方账户</th>
</tr>
<tr >
<td>中国工商银行 上海市局门路支行</td>
<td>上海顺宏金融信息服务有限公司</td>
<td>1001017609006925051</td>
</tr>
<tr>
<td>中国建设银行 上海市龙茗路支行</td>
<td>上海顺宏金融信息服务有限公司</td>
<td>31050178550000000255</td>
</tr>
</table>
<ul class="tip-list" >
<li><span>注意事项：</span></li>
<li>1、汇款操作时，请在汇款附言处注明姓名及客户号； </li>
<li>2、充值处理时间：周一至周五9:00-17:00（节假日除外）。</li>
</ul>
</div>
<div class="box-item">
<input type="hidden" id="chargeId" />
<p class="tip-title" style="color: #000; ">如未在汇款时备注姓名及会员号，请在下方登记汇款信息</p>
<div class="form">
<div class="input-box">
<p>
<label>转账金额：</label>
<input id="chargeAmount" type="text" maxlength="8" />元
</p>
<p>
<label>转账日期：</label>
<input id="recharge_date" readonly="readonly" />
</p>
<p>
<label>付款方姓名：</label>
<input type="text" id="chargeName" maxlength="5" value="${userInfo.CLIENT_NAME}"/>
</p>
<p>
<label>付款方账号：</label>
<input id="bankNo" value="${userInfo.BANK_ACCOUNT}" maxlength="20" type="text" />
</p>
<div style="clear:both"></div>
</div>
<a href="javascript:Charge.submitSure()">确定</a>
<div style="clear:both"></div>
</div>
</div>
<div class="box-item">
<p class="tip-title">告知记录</p>
<form>
<div class="input-box">
<p>
<label >起始时间：</label>
<input id="start_date" readonly="readonly"/>
</p>
<p>
<label >结束时间：</label>
<input id="end_date" readonly="readonly"/>
</p>
</div>
<a style="margin-top:15px;" onclick="Charge.search()"> 查询</a>
</form> -->
<!-- 充值流程图 -->
<div id="xyfFlow">
<dl>
<span><dt>1</dt><dd>填写并生成您的充值订单</dd></span>
<span><dt>2</dt><dd>登陆网银/手机银行，按照订单进行转账</dd></span>
<span><dt>3</dt><dd>转账成功后，预计30分钟到账</dd></span>
</dl>
</div>
<!-- 充值表单 -->
<div class="quick-pay in-cash">
<form id="kitingForm" class="xyfForPosition">
<div id="xyfCardList">
<ul>
<c:forEach items="${bankList}" var="bankcard" varStatus="status">
<c:if test="${bankcard.bankCardNo eq userInfo.BANK_ACCOUNT}">
<li id="xyfNowSelected" value="${status.index }"><a href="javascript:Charge.changeBindView(${status.index });" id="card${status.index }">${bankcard.bankName}${bankcard.bankCardNo }</a><span id="nowCard${status.index }">当前选择</span></li>
</c:if>
<c:if test="${bankcard.bankCardNo ne userInfo.BANK_ACCOUNT}">
<li value="${status.index }"><a href="javascript:Charge.changeBindView(${status.index });" id="card${status.index }">${bankcard.bankName}${bankcard.bankCardNo }</a><span id="nowCard${status.index }"></span></li>
</c:if>
</c:forEach>
</ul>
<c:if test="${fn:length(bankList) < 10 }">
<a type="button" id="xyfBtnMakeSure">绑定银行卡</a>
</c:if>
</div>
<p>
<label>充值银行卡：</label>
<input type="text" id="bankNo" maxlength="8" value="${userInfo.OPEN_BANK_NAME}${userInfo.BANK_ACCOUNT}" class="xyfChargeInput" />
<input type="button" id="btnChangeCard" value="更换银行卡" />
</p>
<p>
<label>充值金额：</label>
<input type="text" id="amount" placeholder=" 每次充值最低100元 " maxlength="12" class="xyfChargeInput" onBlur="Charge.blur()" onkeyup="this.value=this.value.replace(/\D/g,'')" />.<span id="randomStr">${randomStr }</span> 元
</p>
<span class="xyfInfo" id="xyfChargeInfo">请严格按照上述金额汇款，包括小数点后两位</span>
<a class="submit" id="payNow" onclick="Charge.payNow()">提交充值订单</a>
<!-- <span id="xyfInfo" class="xyfInfo" id="xyfChargeInfo" style="font-size: 22px; display:none"> 每次充值最少不少于100元 </span> -->
</form>
</div>
<div id="xyfChargeNoteList">
<ul>
<h3>注意事项</h3>
<li><span>·</span>每次充值最少不少于100元；</li>
<li><span>·</span>必须使用选择的银行卡进行个人银行汇款，请勿用他人或未绑定的银行卡汇款，否则无法入账；</li>
<li><span>·</span>充值处理时间：周一至周五9:00-17:00（节假日除外）</li>
<li><span>·</span>如果充值30分钟内未到账，请联系客服：400-969-0800</li>
</ul>
</div>
<a name="maoLocation"></a>
<h2 style="text-align: left;">充值记录:</h2>
<hr/>
<div id="maoId">
<table cellspacing='0' class="xyfRechargeList" >
<tr>
<th>申请时间</th>
<th>充值银行卡</th>
<th>订单金额</th>
<th>实际到账</th>
<th>状态</th>
<th>操作</th>
</tr>
<!--
<tbody id="chargeList">
<td>2016-11-27 13:00:00</td>
<td>招商银行（尾号1709）</td>
<td>120.02</td>
<td>-</td>
<td>待支付</td>
<td>取消</td>
</tbody>
-->
<tbody class="xyfTableTr">
<c:forEach items="${orders }" var="order" varStatus="status">
<tr>
<td>${order.payAt }</td>
<td>${order.bankcard }</td>
<td>${order.reportAmount }</td>
<td>${order.chargeAmount }</td>
<c:if test="${order.status eq 1}">
<td><a href="javascript:Charge.unpaid(${order.id })" class="xyfActionStyle">${order.chargeStatus }</a></td>
</c:if>
<c:if test="${order.status ne 1}">
<td>${order.chargeStatus }</td>
</c:if>
<c:if test="${order.status eq 1}">
<td><a href="javascript:Charge.cancelOrder(${order.id});" class="xyfActionStyle">取消</a></td>
</c:if>
<c:if test="${order.status ne 1}">
<td> </td>
</c:if>
</tr>
</c:forEach>
</tbody>
</table>
</div>
<c:if test="${params._total >= 10 }">
<div id="pageToolbar"></div>
</c:if>
</div>
</div>
</div>
<div class="clear"></div>
<!-- 绑定银行卡 -->
<div class="easyDialog_wrapper ND change-password" id="changePhonenum">
<div class="easyDialog_content" style="border-top: 3px solid #d81e31;">
<h2 class="easyDialog_title" id="easyDialogTitle">
<!-- <a href="javascript:void(0)" title="关闭窗口" class="close_btn" onclick="easyDialog.close()">×</a> -->
<span style="text-align: left;">绑定银行卡</span>
</h2>
<!-- <hr color="grey" width="90%" style="text-align: center;"/> -->
<h4>提示：充值、提现时银行等姓名信息必须与您的认证姓名一致。</h4>
<div class="easyDialog_text";>
<p>
<label>持卡人姓名：</label><input type="text" value="${userInfo.CLIENT_NAME }" readonly="readonly" />
</p>
<p>
<label>证件号码：</label><input type="text" value="${userInfo.ID_NO }" readonly="readonly" />
</p>
<p>
<label>开户地：</label><select class="bindcard_select" id="province_code"
name="province_code" onchange="Charge.getCity()">
<option value="0">请选择省份</option>
<option value="0011">北京</option>
<option value="0012">天津</option>
<option value="0013">河北</option>
<option value="0014">山西</option>
<option value="0015">内蒙古</option>
<option value="0021">辽宁</option>
<option value="0022">吉林</option>
<option value="0023">黑龙江</option>
<option value="0031">上海</option>
<option value="0032">江苏</option>
<option value="0033">浙江</option>
<option value="0034">安徽</option>
<option value="0035">福建</option>
<option value="0036">江西</option>
<option value="0037">山东</option>
<option value="0041">河南</option>
<option value="0042">湖北</option>
<option value="0043">湖南</option>
<option value="0044">广东</option>
<option value="0045">广西</option>
<option value="0046">海南</option>
<option value="0050">重庆</option>
<option value="0051">四川</option>
<option value="0052">贵州</option>
<option value="0053">云南</option>
<option value="0054">西藏</option>
<option value="0061">陕西</option>
<option value="0062">甘肃</option>
<option value="0063">青海</option>
<option value="0064">宁夏</option>
<option value="0065">新疆</option>
</select> <select class="bindcard_select" id="city_code" name="city_code">
</select>
</p>
<span id="province_lab" style="color:red"></span>
<p>
<label>开户银行：</label>
<select id="bankCode">
<option value="">请选择银行</option>
<option value="01020000">中国工商银行</option>
<option value="01030000">中国农业银行</option>
<option value="01040000">中国银行</option>
<option value="01050000">中国建设银行</option>
<option value="03010000">交通银行</option>
<option value="03020000">中信银行</option>
<option value="03030000">中国光大银行</option>
<option value="03040000">华夏银行</option>
<option value="03050000">中国民生银行</option>
<option value="03150000">恒丰银行</option>
<option value="03100000">浦东发展银行</option>
<option value="03160000">浙商银行</option>
<option value="03090000">兴业银行</option>
<option value="03080000">招商银行</option>
</select>
</p>
<span id="bankCode_lab" style="color:red"></span>
<p>
<label>银行账户：</label><input type="text" id="bindBankNo" maxlength='20'/>
</p>
<span>请输入银行卡号（仅支持借记卡）</span>
<span id="bindBankNo_lab" style="color:red"></span>
<p>
<label>手机号码：</label><label id="xyfPhoneNum">${userInfo.MOBILE_TEL }</label>
</p>
<p>
<label>验证码：</label><input style="width: 150px;" type="text" id="validCode" onkeyup="this.value=this.value.replace(/\D/g,'')" maxlength='6'/>
<input class="send-msg" type="button" id="btnValidCode" value="立即获取" />
</p>
<p><span id="validCode_lab" style="color:red"></span></p>
</div>
<div class="easyDialog_footer two-btn">
<button class="btn_normal" onclick="Charge.redirect();">取消</button>
<button class="btn_highlight" id="ensurePopup" onclick="Charge.bindBankCard();">确定</button>
</div>
</div>
</div>
<!-- 取消弹窗 -->
<div class="easyDialog_wrapper ND ensure" id="cancelRecord_popup" >
<div class="easyDialog_content" style="border-top:3px solid #d81e31;">
<input type="hidden" id="cancelId" />
<div class="easyDialog_text">
<p >你确定取消此条记录么？</p>
</div>
<div class="easyDialog_footer two-btn">
<button class="btn_normal" onclick="easyDialog.close()">取消</button>
<button class="btn_highlight" id="ensurePopup" onclick="Charge.cancelInfo()">确定</button>
</div>
</div>
</div>
<!-- 确认弹窗 -->
<div class="easyDialog_wrapper ND " id="ensure_popup" >
<div class="easyDialog_content" style="border-top:3px solid #d81e31;">
<div class="easyDialog_text">
<p style="font-weight: 600;padding: 30px 0 0; font-size: 16px;" id="ensure_popup_text"></p>
<p style="font-weight: 600;padding: 30px 0 0; font-size: 16px;">你确定要提交么？</p>
</div>
<div class="easyDialog_footer two-btn">
<button class="btn_normal" onclick="easyDialog.close()">取消</button>
<button class="btn_highlight" id="ensurePopup_btn" onclick="Charge.addOrUpdate()">确定</button>
</div>
</div>
</div>
<!-- 提示弹窗 -->
<div class="easyDialog_wrapper ensure ND" id="ensure" >
<div class="easyDialog_content" style="border-top:3px solid #d81e31;">
<div class="easyDialog_text" id="_result">
</div>
<div class="easyDialog_footer">
<button class="btn_highlight one-btn" onclick="easyDialog.close()">确定</button>
</div>
</div>
</div>
<!-- 结果弹窗 -->
<div class="easyDialog_wrapper ensure ND" id="result" >
<div class="easyDialog_content" style="border-top:3px solid #d81e31;">
<div class="easyDialog_text" id="result_result">
</div>
<div class="easyDialog_footer">
<button class="btn_highlight one-btn" onclick="Charge.redirect()">确定</button>
</div>
</div>
</div>
<!-- xyf银行信息跳转弹窗1 -->
<!-- <div class="easyDialog_content" style="border-top:3px solid #d81e31;">
<div class="xyfEasyDialog_text" id = result_result>
<p style="">银行卡转账订单</p>
<a>X</a>
</div>
<div>
<dl>
<span>*请通过网上银行、手机银行等渠道向下方银行账户转账汇款</span>
<p><dt>银行账户：</dt><dd>31050178550000000255<a href="#">复制</a></dd></p>
<p><dt>开户银行：</dt><dd>中国建设银行 上海市龙茗路支行<a href="#">复制</a></dd></p>
<p><dt>开户姓名：</dt><dd>上海顺宏金融信息服务有限公司<a href="#">复制</a></dd><p>
<p><dt>待支付金额：</dt><dd>100.01</dd><p>
</dl>
</div>
<div id="xyfDialogFooter">
<a href="#" onclick="#">立即转账</a>
<p>如有任何问题请联系客服：400-969-0800</p>
</div>
</div>
</div>
<div id="xyfFullScreen">
</div>
-->
<div class="easyDialog_wrapper ND change-password" style="border-top:3px solid #d81e31;" id="xyfBankInfoWindow" >
<div class="easyDialog_content">
<h4 class="easyDialog_title" id="easyDialogTitle">
<input type="button" onclick="Charge.redirect()" title="关闭窗口" class="close_btn xyfClose_btn" style="background-color: white;" value="X"/>
充值订单已提交
</h4>
<div class="easyDialog_text">
<input type="hidden" id="bankUrl" />
<dl>
<span>*请通过网上银行、手机银行等渠道向下方银行账户转账汇款</span>
<dt>银行账户： </dt><dd><label style="width:210px;text-align: left;" id="copyBankCardNo">31050178550000000255</label><a href="javascript:Charge.copyToClipBoard(1)">复制</a></dd>
<dt>开户银行：</dt><dd><label style="width:210px;text-align: left;" id="copyBankName">中国建设银行 上海市龙茗路支行</label><a href="javascript:Charge.copyToClipBoard(2)">复制</a></dd>
<dt>开户姓名：</dt><dd><label style="width:210px;text-align: left;" id="copyUserName">上海顺宏金融信息服务有限公司</label><a href="javascript:Charge.copyToClipBoard(3)">复制</a></dd>
<dt>待支付金额：</dt><dd><label style="width:210px;text-align: left;" id="payable"></label></dd>
</dl>
</div>
<div class="easyDialog_footer" id="xyfDialogFooter">
<!-- <a href="javascript:Charge.toBank()">立即转账</a> -->
<p>赵涌牛会在收到汇款后30分钟内为您入账</p>
<p>在此期间无需联系客服，如30分钟后还未到账,请联系客服400-969-0800</p>
<!-- <button class="btn_normal" id="easyDialogNoBtn">取消</button>
<button class="btn_highlight" id="easyDialogYesBtn">确定</button> -->
</div>
</div>
</div>
<jsp:include page="${ctx }/view/common/bottom.jsp" />
</body>
</html>