<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<title>綁定銀行卡</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="layer-v3.1.0/layer.css">
<style>
.main {
width: 10rem;
margin: 0 auto;
position: relative;
padding-top: 0.8rem;
font-size: 0;
background: #11121A;
}
.main>div {
width: 8.56rem;
height: 1.2rem;
line-height: 1.2rem;
margin: 0 auto;
}
.main>div>span {
display: inline-block;
height: 1.2rem;
line-height: 1.2rem;
color: #fff;
font-size: 0.347rem;
font-weight: bold;
vertical-align: top;
}
.main>div>input {
width: 6rem;
height: 1.2rem;
margin-left: 0.4rem;
background: #11121A;
vertical-align: top;
font-size: 0.4rem;
color: #8C8C8C;
}
input::-webkit-input-placeholder {
color: #8C8C8C;
opacity: 0.6;
}
input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #8C8C8C;
opacity: 0.6;
}
input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #8C8C8C;
opacity: 0.6;
}
input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #8C8C8C;
opacity: 0.6;
}
.bindBtn {
width: 8.533rem;
height: 1.067rem;
line-height: 1.067rem;
text-align: center;
font-size: 0.373rem;
color: #22222B;
background: #00F7FF;
margin: 0 auto;
border-radius: 1rem;
margin-top: 2.613rem;
}
.layui-layer {
background-color: transparent !important;
box-shadow: none;
border-radius: 0;
}
body .layui-layer.layui-layer-hui {
background-color: #000;
filter: alpha(opacity=60);
background-color: rgba(0, 0, 0, .6);
}
.moneyMasking {
position: relative;
background-color: #EEE;
width: 7.2rem;
height: 5rem;
border-radius: 0.4rem;
-webkit-border-radius: 0.4rem;
-moz-border-radius: 0.4rem;
display: none;
}
.layui-layer-msg{
background: rgba(0,0,0,0.8) !important;
}
.moneyTitle {
width: 100%;
text-align: center;
font-size: 0.373rem;
color: #000;
padding-top: 0.666rem;
}
.moneyInfo {
position: relative;
width: 5.6rem;
margin: 0.22rem auto 0;
font-size: 0;
}
.moneyInfo p {
font-size: 0.346rem;
color: #666;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.moneyInfo>.colorred {
color: #f65755;
}
.moneyInfo p:nth-child(n+1) {
margin-top: 0.133rem;
}
.moneyInfo p span {
color: #007AFF;
}
.moneyBtn {
color: #007AFF;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
height: 1.173rem;
line-height: 1.173rem;
font-size: 0.453rem;
border-top: 1px solid rgba(9, 20, 31, .13);
}
.moneyBtn span {
width: 3.286rem;
text-align: center;
display: inline-block;
}
.moneyBtn span:first-child {
font-weight: normal;
color: #007AFF;
border-right: 1px solid rgba(9, 20, 31, .13);
}
</style>
<script type="text/javascript" src="js/fsize.js"></script>
</head>
<body style="background: #11121A">
<div class="main">
<div class="bankUserName">
<span>真實姓名</span>
<input maxlength="15" onblur="value=value.replace(/[^\u4e00-\u9fa5]/g,'')" type="text" placeholder="輸入真實姓名">
</div>
<div class="bankUserId">
<span>身份證號</span>
<input maxlength="18" oninput="value=value.replace(/[^\dxX]/g,'')" type="text" placeholder="輸入身份證號">
</div>
<div class="bankUserCard">
<span>銀行卡號</span>
<input maxlength="20" oninput="value=value.replace(/[^\d]/g,'')" type="text" placeholder="輸入銀行卡號">
</div>
<div class="bankUserPhone">
<span>手機號碼</span>
<input maxlength="11" oninput="value=value.replace(/[^\d]/g,'')" type="text" placeholder="輸入手機號">
</div>
</div>
<div class="moneyMasking">
<!--<p class="moneyTitle">您確定全部提取嗎 ？</p>-->
<p class="moneyTitle">請確認銀行卡信息</p>
<div class="moneyInfo">
<p>賬戶姓名：<span>0</span></p>
<p>身份證號：<span>0</span></p>
<p>銀行卡號：<span>0</span></p>
<p>手機號碼：<span>0</span></p>
</div>
<div class="moneyBtn">
<span>取消</span>
<span>確定</span>
</div>
</div>
<div class="bindBtn">提交</div>
</body>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="layer-v3.1.0/layer/layer.js"></script>
<script>
if (location.href.indexOf("fireflylive.cn") > -1) {
var $ip = "https://webserver.yabolive.net";
}else{
var $ip = "http://ceshi.yabolive.tv/web";
}
var bbb = location.href;
var data = url_get_params(bbb)
$('.bindBtn').on('click', function () {
var bank1 = $('.bankUserName input').val().replace(/\s/g, "");
var bank2 = $('.bankUserId input').val().replace(/\s/g, "");
var bank3 = $('.bankUserCard input').val().replace(/\s/g, "");
var bank4 = $('.bankUserPhone input').val().replace(/\s/g, "");
sessionStorage.bank1 = bank1;
sessionStorage.bank2 = bank2;
sessionStorage.bank3 = bank3;
sessionStorage.bank4 = bank4;
if (bank1 && bank2 && bank3 ) {
var str = ''
str += '<p>賬戶姓名：<span>' + bank1 + '</span></p>';
str += '<p>身份證號：<span>' + bank2 + '</span></p>';
str += '<p>銀行卡號：<span>' + bank3 + '</span></p>';
str += '<p>手機號碼：<span>' + bank4 + '</span></p>'
$('.moneyInfo').html(str);
layer.open({
type: 1,
title: false,
shadeClose: true,
shade: .8,
area: ['7.2rem', ''],
closeBtn: 0,
content: $('.moneyMasking'),
end: function () {
flag = true;
}
})
// goBind(bank1, bank2, bank3, bank4);
} else {
layer.msg('請驗證您是否填寫了完整的信息');
}
})
function goBind(bank1, bank2, bank3, bank4) {
// $.ajax({
// url: $ip + "/withdraw/bindWXBankInfo",
// // url: "http://ceshi.yabolive.tv/web/withdraw/bindWXBankInfo",
// type: 'POST',
// dataType: 'json',
// data: {
// realname: bank1,
// IDcard: bank2,
// bankaccount: bank3,
// phone: bank4,
// uid: data.uid,
// os: 'WEB',
// lang: '2',
// cid: 'web_gw'
// },
// success: function (res) {
// if (res.code == 1) {
// layer.msg('綁定成功');
// setTimeout(function () {
// window.location.href = 'index2.html' + location.search;
// }, 500)
// } else {
// layer.msg(res.msg);
// }
// }
// })
$.ajax({
url: $ip + '/withdraw/bankcardbinding.html',
type: 'post',
data: {
os: "WEB",
cid: "web_gw",
lang: 2,
uid: sessionStorage.uid,
token: sessionStorage.openNum,
cardaddr: bank3,
cardname: bank1,
idCard: bank2,
countryCode:86,
phone:bank4
},
dataType: "JSON",
success: function (data) {
console.log('綁定銀行卡',data)
if(data.code!=1){
layer.msg(data.msg)
return;
}
layer.closeAll()
layer.msg('绑定成功')
setTimeout(function() {
window.location.href="index2.html"
}, 2000);
}
})
}
$('.moneyBtn span').eq(0).on('click', function () {
layer.closeAll();
})
$('.moneyBtn span').eq(1).on('click', function () {
goBind(sessionStorage.bank1, sessionStorage.bank2, sessionStorage.bank3,sessionStorage.bank4);
})
function url_get_params(url_path) {
var url = url_path;
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(url.indexOf("?") + 1);
strs = str.split("&");
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}
</script>
</html>