bankCardManage.jsp
7.33 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
<?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/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
<head>
<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/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${ctx }/resource/js/pay/bankCardManage.js?r=<%=Math.random()%>" ></script>
</head>
<body>
<jsp:include page="${ctx }/view/common/header.jsp" />
<div class="bigbox">
<jsp:include page="${ctx }/view/common/menu.jsp" />
<input type="hidden" id="deleteId" />
<div class="rightbox0" style="margin-top: 28px;">
<h2 class="title" style="text-align: left;">银行卡管理</h2>
<div class="crossline"></div>
<div id="xyfBindingInfo"><!-- class="quick-pay in-cash" -->
<dl>
<dt>您绑定的提现卡信息为：${userInfo.OPEN_BANK_NAME } ${userInfo.BANK_ACCOUNT }</dt>
<dd>注：提现卡为用户提现后，资金转入的银行卡，仅可绑定一张，请勿轻易更换 ！</dd>
</dl>
<a href="${ctx }/user/changeBankCard">立即换绑</a>
</div>
<div id="xyfBankCardList">
<h3>充值卡管理<span style="color: red">（最多绑定10张）</span></h3>
<ul>
<c:forEach items="${bankList }" var="bank" varStatus="status">
<li class="xyfBankCardStyle">
<h4>${bank.bankName }<a href="javascript:BankCardManage.deleteDialog(${bank.id })">删除</a></h4>
<p>${bank.bankCardNo }</p>
<span>开户地：${bank.bankProvince }${bank.bankCity }</span>
</li>
</c:forEach>
<c:if test="${fn:length(bankList) <10 }">
<li class="xyfAddBankCardStyle" id="addBankCard">添加充值银行卡</li>
</c:if>
</ul>
</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="BankCardManage.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="01050000">建设银行</option>
<option value="01030000"> 农业银行</option>
<option value="04030000"> 邮政储蓄银行</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="BankCardManage.redirect()">取消</button>
<button class="btn_highlight" id="ensurePopup" onclick="BankCardManage.bindBankCard();">确定</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">
</div>
<div class="easyDialog_footer">
<button class="btn_highlight one-btn" onclick="BankCardManage.redirect()">确定</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="deletelId" />
<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="BankCardManage.deleteCard()">确定</button>
</div>
</div>
</div>
<jsp:include page="${ctx }/view/common/bottom.jsp" />
</body>
</html>