<!DOCTYPE html>
<html lang="en">
<head>
<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/base.css">
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/index.css?v=2021051401">
<script src="lib/fsize.js"></script>
<style>
.layui-layer-ico {
display: none !important;
}
.layui-layer{
box-shadow: none !important;
}
.yourclass{
background: rgba(0,0,0,0) !important;
border-radius: 0.4rem !important;
}
.layui-layer-page .layui-layer-content{
border-radius: 0.4rem !important;
}
.yourclass2{
border-radius: 0rem !important;
background: rgba(0,0,0,0) !important;
}
.yourclass2 .layui-layer-content{
border-radius: 0rem !important;
}
</style>
</head>
<body>
<div style="background: rgb(245,245,245);height: 0.15rem;"></div>
<!--绑定银行卡-->
<div style="display:block" class="bind-bg">
<div>
真实姓名 <span class="bind-name"></span>
</div>
<div>
银行卡号 <input class="bind-bank" oninput="value=value.replace(/[^\d]/g,'')" type="text" maxlength="19" placeholder="请输入银行卡号">
</div>
<div>
开户银行 <span class="bind-bank-name">中国工商银行</span> <span class="more-bank"><img src="images/b-arrow.png" alt=""></span>
</div>
<p style="text-align: center">
<button class="bind-btn bind-btn-no">提交</button>
</p>
<p class="withdraw-bottom-tips">绑定的银行卡持有人必须与您实名认证的身份证姓名相符</p>
</div>
<div class="shadow"></div>
<div class="bind-layer">
<ul class="bind-layer-ul">
<li class="yellow">中国工商银行</li>
<li>中国建设银行</li>
<li>中国农业银行</li>
<li>中国邮政储蓄银行</li>
<li>中国银行</li>
<li>招商银行</li>
<li>交通银行</li>
<li>兴业银行</li>
<li>中国民生银行</li>
<li>平安银行</li>
<li>中国光大银行</li>
<li>上海浦东发展银行</li>
</ul>
<!--<p class="bind-tips">下滑查看更多...</p>-->
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script>
// $ip = 'http://test.api.lvdou66.com/';
$ip = 'https://zhibo.lvdou66.com/';
//$ip = 'https://zhibo.lvdou66.com/87server/'
// $ip = 'https://zhibo.lvdou66.com/';
cdn = 'http://zhibocdn.ishuaji.cn/comm';
var bbb = location.href;
var data = url_get_params(bbb)
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;
}
//ajax设置默认参数
$.ajaxSetup({
global: false,
type: 'post',
data: {
uid:localStorage.uid,
token:localStorage.token
},
dataType:"JSON"
})
var obj = {
"cid": 11,
"reqCode": new Date().getTime(),
"data": {
msg:"修改导航栏",
titleName:"绑定银行卡",
color:'#000000',
background:'#ffffff'
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2)
var rightTopObj = {
"cid": 13,
"reqCode": new Date().getTime(),
"data": {
'msg':'添加右上角图标',
'function':'more()',
show:0
}
}
var rightTop = JSON.stringify(rightTopObj);
appCollaboration(rightTop)
$(".bind-name").text(sessionStorage.name)
$(".bind-bg div").eq(2).on("click", function () {
$('.shadow').show();
$(".bind-layer").css("bottom","0rem");
$(".more-bank img").attr("src",'images/t-arrow.png')
})
$(".shadow").on("click", function () {
$('.shadow').fadeOut(350);
$(".bind-layer").css("bottom","-11.7rem");
$(".more-bank img").attr("src",'images/b-arrow.png')
})
$(".bind-layer-ul li").on("click", function () {
$(".bind-bank-name").text($(this).text());
$(this).siblings("li").removeClass("yellow")
$(this).addClass("yellow");
$('.shadow').fadeOut(350);
$(".bind-layer").css("bottom","-11.7rem");
$(".more-bank img").attr("src",'images/b-arrow.png')
})
var bindClcik=true
$(".bind-bank").on("input", function () {
$(".bind-btn").unbind("click")
if($(".bind-bank").val().length>9){
$(".bind-btn").removeClass("bind-btn-no")
$(".bind-btn").on("click", function () {
if($(".bind-bank").val().length<12){
layer.msg('请输入正确的银行卡号')
}else{
if(bindClcik){
$.ajax({
url:$ip+'account/client/withdraw/bindbank.html',
data:{
bank:$(".bind-bank-name").text(),
cardnum:$(".bind-bank").val(),
change:sessionStorage.change,
},
success: function (data) {
console.log(data)
if(data.code==1){
sessionStorage.review=1;
setTimeout(function () {
window.location.href='review.html';
},300)
}else{
bindClcik=true;
layer.msg(data.msg);
}
}
})
}
}
})
}else{
$(".bind-btn").addClass("bind-btn-no")
}
})
$('.bind-layer-ul').scroll(function(){
var clientHeight = $(this).height();
var scrollTop = $(this).scrollTop();
var scrollHeight = $(document).height();
console.log(clientHeight)
if(scrollTop>150){
$(".bind-tips").fadeOut(300)
}else if(scrollTop<150){
$(".bind-tips").fadeIn(300)
}
});
function appCollaboration(msg) {
var ua = window.navigator.userAgent.toLowerCase();
try{
if (/iphone|ipad|ipod/.test(ua)) {
window.webkit.messageHandlers.appCollaboration.postMessage(msg);
}else if(/android/.test(ua)){
window.yazhai.appCollaboration(msg);
}
}catch (e){}
}
//客户端回调结果
function appCallback(msg) {
console.log(msg);
}
</script>
</html>