|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
<meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge">
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
|
<meta name="format-detection" content="telephone=no">
|
|
|
<link rel="stylesheet" href="__CSS__/weui.min.css">
|
|
|
<script src="__JS__/flex.min.js"></script>
|
|
|
<script type="text/javascript" src="__JS__/jquery.js"></script>
|
|
|
<title>支付中心</title>
|
|
|
</head>
|
|
|
<style>
|
|
|
html,
|
|
|
body {
|
|
|
background-color: #F5F5F5;
|
|
|
min-height: 100vh;
|
|
|
|
|
|
}
|
|
|
|
|
|
.weui-cells {
|
|
|
border-radius: .2rem;
|
|
|
box-shadow: 0px 0px .05rem rgba(0, 0, 0, .2);
|
|
|
margin-top: 0px;
|
|
|
}
|
|
|
|
|
|
.weui-cell {
|
|
|
height: 0.85rem;
|
|
|
font-size: .28rem;
|
|
|
color: #292929;
|
|
|
padding: 0px .3rem;
|
|
|
}
|
|
|
|
|
|
.bottombutton {
|
|
|
height: 1rem;
|
|
|
background-color: #21B1EB;
|
|
|
color: #ffffff;
|
|
|
font-size: .32rem;
|
|
|
text-align: center;
|
|
|
line-height: 1rem;
|
|
|
bottom: 0px;
|
|
|
}
|
|
|
|
|
|
img {
|
|
|
width: .72rem;
|
|
|
height: .72rem;
|
|
|
margin-right: .2rem;
|
|
|
/* margin: .3rem; */
|
|
|
}
|
|
|
|
|
|
.paylist .weui-cell {
|
|
|
padding: .2rem .3rem;
|
|
|
height: 1rem;
|
|
|
}
|
|
|
|
|
|
.paylist .weui-cell__hd {
|
|
|
display: flex;
|
|
|
}
|
|
|
|
|
|
.weui-cells:after {
|
|
|
border: 0px;
|
|
|
}
|
|
|
|
|
|
.weui-cells:before {
|
|
|
border: 0px;
|
|
|
}
|
|
|
|
|
|
/**/
|
|
|
.weui-label {
|
|
|
font-size: .32rem;
|
|
|
}
|
|
|
.weui-cell__bd{
|
|
|
padding-right: .2rem;
|
|
|
}
|
|
|
.weui-input {
|
|
|
background-color: #EDEDED;
|
|
|
height: .6rem;
|
|
|
border-radius: .1rem;
|
|
|
padding-left: .2rem;
|
|
|
}
|
|
|
|
|
|
.weui-cell {
|
|
|
margin: .3rem 0rem;
|
|
|
/* padding:0 .3rem; */
|
|
|
}
|
|
|
|
|
|
.weui-cell:before {
|
|
|
height: 0px;
|
|
|
content: none;
|
|
|
}
|
|
|
|
|
|
.redtxt.weui-cell__ft {
|
|
|
color: red;
|
|
|
font-size: .28rem;
|
|
|
margin-left: .17rem;
|
|
|
}
|
|
|
.paymoney:after{
|
|
|
content: " ";
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
top: 0;
|
|
|
right: 0;
|
|
|
height: 1px;
|
|
|
border-top: 1px solid #e5e5e5;
|
|
|
color: #e5e5e5;
|
|
|
-webkit-transform-origin: 0 0;
|
|
|
transform-origin: 0 0;
|
|
|
-webkit-transform: scaleY(.5);
|
|
|
transform: scaleY(.5);
|
|
|
left: .3rem;
|
|
|
right:.3rem;
|
|
|
z-index: 2;
|
|
|
}
|
|
|
.bottombutton{
|
|
|
height:1rem;background-color: #21B1EB;color: #ffffff;font-size: .32rem;text-align: center;line-height:1rem;bottom: 0px;
|
|
|
}
|
|
|
</style>
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
var validCode=true;
|
|
|
var smsstatus = true;
|
|
|
function getSms() {
|
|
|
if ($("#custName").val() == '' || $("#idNo").val() == '' || $("#phoneNo").val() == '') {
|
|
|
alert('参数不能为空');
|
|
|
return ;
|
|
|
}
|
|
|
if (!smsstatus) return;
|
|
|
$("#sms").html("请求中");
|
|
|
smsstatus = false;
|
|
|
|
|
|
//获取短信验证码
|
|
|
$.ajax({
|
|
|
type: "POST",
|
|
|
url: "/sdk.php/WapPay/shortcut_pay",
|
|
|
dataType:'json',
|
|
|
data: {
|
|
|
'user_id' : $("#user_id").val(),
|
|
|
'game_id' : $("#game_id").val(),
|
|
|
'custName' : $("#custName").val(),
|
|
|
'cardNo' : $("#cardNo").val(),
|
|
|
'idNo' : $("#idNo").val(),
|
|
|
'phoneNo' : $("#phoneNo").val()
|
|
|
},
|
|
|
success:function(res){
|
|
|
// 返回列表数组，构造数据流模块
|
|
|
if (res.status == 1) {
|
|
|
var time=60;
|
|
|
if (validCode) {
|
|
|
validCode=false;
|
|
|
var sms=document.getElementById("sms");
|
|
|
var t=setInterval(function () {
|
|
|
time--;
|
|
|
sms.innerText=time+"秒"
|
|
|
|
|
|
if (time==0) {
|
|
|
clearInterval(t);
|
|
|
sms.innerText="获取短信验证码";
|
|
|
|
|
|
juege.inherit="";
|
|
|
validCode=true;
|
|
|
smsstatus = true;
|
|
|
}
|
|
|
},1000);
|
|
|
|
|
|
}
|
|
|
}
|
|
|
else {
|
|
|
alert(res.info);
|
|
|
smsstatus = true;
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
|
|
|
function submit_check() {
|
|
|
return false;
|
|
|
return true;
|
|
|
}
|
|
|
|
|
|
var btnpay = false;
|
|
|
function sendform() {
|
|
|
if (btnpay == true) return ;
|
|
|
|
|
|
btnpay = true;
|
|
|
var isok = false;
|
|
|
|
|
|
if ($("#custName").val() != '' && $("#idNo").val() != '' && $("#phoneNo").val() != '' && $("#smsCode").val() != '')
|
|
|
isok = true;
|
|
|
if (!isok) {
|
|
|
btnpay = false;
|
|
|
alert('参数不能为空');
|
|
|
}
|
|
|
return isok;
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<body>
|
|
|
<div
|
|
|
style="height: 3.1rem;background-color: #21B1EB;color: #fff;border-bottom-left-radius:40%;border-bottom-right-radius:40%;padding: .43rem .3rem;">
|
|
|
<p style="font-size: .4rem;">待支付……</p>
|
|
|
<p style="font-size: .24rem;margin-top:.32rem;">订单超过30分钟自动取消，请在20分钟18秒内完成支付</p>
|
|
|
</div>
|
|
|
<form id="wfform" name="wfform" method="post" action="{:U('WapPay/shortcut_pay')}" target="_parent">
|
|
|
<input type="hidden" id="wfddll" name="wfddll" value="wfddll" />
|
|
|
<input type="hidden" name="user_id" id="user_id" value="{$user_id}" />
|
|
|
<input type="hidden" name="game_id" id="game_id" value="{$game_id}" />
|
|
|
|
|
|
<div style="padding: 0 .3rem;margin-top:-1.8rem;">
|
|
|
<div class="weui-cells weui-cells_form" style="padding: .3rem 0 0;">
|
|
|
<div class="weui-cell">
|
|
|
<div class="weui-cell__hd"><label class="weui-label">姓名:</label></div>
|
|
|
<div class="weui-cell__bd">
|
|
|
<input id="custName" name="custName" class="weui-input" type="text">
|
|
|
</div>
|
|
|
<div class="redtxt weui-cell__ft">
|
|
|
*
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="weui-cell">
|
|
|
<div class="weui-cell__hd"><label class="weui-label">银行卡号:</label></div>
|
|
|
<div class="weui-cell__bd">
|
|
|
<input id="cardNo" name="cardNo" class="weui-input" type="text">
|
|
|
</div>
|
|
|
<div class="redtxt weui-cell__ft">
|
|
|
*
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="weui-cell">
|
|
|
<div class="weui-cell__hd"><label class="weui-label">身份证号:</label></div>
|
|
|
<div class="weui-cell__bd">
|
|
|
<input id="idNo" name="idNo" class="weui-input" type="text">
|
|
|
</div>
|
|
|
<div class="redtxt weui-cell__ft">
|
|
|
*
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="weui-cell">
|
|
|
<div class="weui-cell__hd"><label class="weui-label">手机号:</label></div>
|
|
|
<div class="weui-cell__bd">
|
|
|
<input id="phoneNo" name="phoneNo" class="weui-input" type="text">
|
|
|
</div>
|
|
|
<div class="redtxt weui-cell__ft">
|
|
|
*
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="weui-cell weui-cell_vcode">
|
|
|
<div class="weui-cell__hd"><label class="weui-label">验证码:</label></div>
|
|
|
<div class="weui-cell__bd">
|
|
|
<input id="smsCode" name="smsCode" class="weui-input" type="number">
|
|
|
</div>
|
|
|
<div class="weui-cell__ft" style="margin-right: .24rem;margin-left:.3rem;">
|
|
|
<a id="sms" onclick="getSms()" href="javascript:;" class="weui-btn" style="font-size: .28rem;;background-color: #21B1EB;color: #fff;border-radius: .1rem;height: .6rem;line-height:.6rem;">获取验证码</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="weui-cell paymoney" style="height:1.4rem;">
|
|
|
<div class="weui-cell__bd" >
|
|
|
<p style="font-size: .32rem;">支付金额：</p>
|
|
|
</div>
|
|
|
<div class="weui-cell__ft" style="font-size: .48rem;color: red;">{$pay_amount}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<input style="width: 100%;border: 0;" onclick="return sendform()" type="submit" id="wfsubmit" name="wfsubmit" value="立即提交订单" class="weui-footer_fixed-bottom bottombutton"/>
|
|
|
</form>
|
|
|
</body>
|
|
|
|
|
|
</html> |