You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

485 lines
20 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0">-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="__JS__/jquery-1.11.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="__CSS__/reset.css" />
<link rel="stylesheet" type="text/css" href="__CSS__/payment.css" />
<title>支付中心</title>
</head>
<body>
<div class="payment">
<!-- <div class="heard">
<div class="heard_box">
<a href="" style="background-image: url('__IMG__/pay_way/close.png');"></a>
支付中心
</div>
</div> -->
<div class="payment_model" style="position: fixed;width: 100%;height: 100%;top: 0;left: 0;background:rgba(38,38,38,0.4);z-index: 0;display: none"></div>
<div class="payment_window" style="display: none">
<div class="payment_window_img">
<img src="__IMG__/payment_window.png" alt="">
<div>请求发起失效编号SP_202001 10134640KYdp请选择其他支 付方式或联系客服。</div>
</div>
<div class="payment_window_confirm">返回</div>
<div class="payment_window_close"><img src="__IMG__/pay_way/close2.png" alt=""></div>
</div>
<div class="containner">
<div class="documents">
<div class="documents_box">
<div><span>充值账号:</span> <span>{$account}</span> </div>
<div><span>还需支付:</span><span>¥{$money}.00</span> </div>
</div>
</div>
<div class="select_pay">
<div class="select_pay_box">
<div>请选择支付方式:</div>
<div class="select_pay_info">
<img src="__IMG__/pay_way/zhifubao.png" alt="" class="slide">
<div>支付宝</div>
<img src="__IMG__/pay_way/blue_black.png" alt="" class="boult">
</div>
</div>
</div>
<div class="payment_btn" >
<div>
支付金额 <span>¥{$money}.00</span>
</div>
<div class="confirm_pay">确认支付</div>
</div>
<div class="payment_rest" style="display: none;">
<div class="payment_rest_box">
<div class="title">
<div>请选择支付方式</div>
<img src="__IMG__/pay_way/dacha.png" alt="">
</div>
<if condition="C('alipay.status') eq 1 or (C('goldpig.status') eq 1 and C('goldpig.zfb') eq 1) or (C('sqpay.status') eq 1 and C('sqpay.zfb') eq 1)">
<div class="payment_rest_way way_btn" data-type="alipay" data-url="{:U('PayH5/platform_alipay_pay', array('user_token' => I('user_token'), 'api_ver' => 2, 'game_id' => $game_id, 'price' => $money))}">
<div>
<img src="__IMG__/pay_way/zhifubao.png" alt="" >
<span>支付宝</span>
</div>
<img src="__IMG__/pay_way/dagou2.png" alt="">
</div>
</if>
<if condition="$money elt C('WX_PAY_LIMIT')">
<if condition="!pay_limit('wx') and C('wei_xin.status') eq 1 or C('weixin_gf.status') eq 1 or (C('goldpig.status') eq 1 and C('goldpig.wx') eq 1) or (C('heepay.status') eq 1) or (C('sqpay.status') eq 1 and C('sqpay.wx_small') eq 1)">
<div class="payment_rest_way way_btn" data-type="wxpay" data-url="{:U('PayH5/platform_weixin_pay',array('price' => $money,'user_token'=>I('user_token'),'api_ver' => 2, 'game_id' => $game_id))}">
<div>
<img src="__IMG__/pay_way/weixin.png" alt="">
<span>微信</span>
</div>
<img src="__IMG__/pay_way/dagou1.png" alt="">
</div>
</if>
</if>
<if condition="C('sqpay.status') eq 1 and C('sqpay.shortcut') eq 1">
<div class="payment_rest_way way_btn" data-type="sqshorcut" data-url="{:U('Shortcut/wap_shortcut_pay', array('user_id'=>$user_id,'game_id'=>I('game_id'),'user_token'=>I('user_token'),'code'=>0,'type'=>'platform', 'price' => $money, 'api_ver' => 2))}">
<div>
<img src="__IMG__/pay_way/xianshang.png" alt="">
<span>快捷支付</span>
</div>
<img src="__IMG__/pay_way/dagou1.png" alt="">
</div>
</if>
<if condition="C('yeepay.status') eq 1 and C('yeepay.shortcut') eq 1">
</if>
<div class="payment_rest_way way_btn" data-type="shorcut" data-url="{:U('Shortcut/yee_pay', array('user_id'=>$user_id,'game_id'=>I('game_id'),'user_token'=>I('user_token'),'code'=>0,'type'=>'platform', 'price' => $money, 'api_ver' => 2))}">
<div>
<img src="__IMG__/pay_way/xianshang.png" alt="">
<span>易宝支付</span>
</div>
<img src="__IMG__/pay_way/dagou1.png" alt="">
</div>
</div>
</div>
<!-- <div class="payment_rest_btn">其他支付方式</div> -->
</div>
<!-- 未成年不许支付弹窗 -->
<div class="msgdialog" style="display: none">
<div class="forbid_model"></div>
<div class="forbid_window">
<div class="forbid_pay">
<img src="__IMG__/pay_way/forbid.png" alt="" style="margin-top: .5rem;">
<div class="tipmsg">未成年禁止支付哟</div>
</div>
<div class="forbid_confirm" style="margin: 0.45rem auto;">确认</div>
<div class="forbid_close"><img src="__IMG__/pay_way/close2.png" alt=""></div>
</div>
</div>
</div>
<input style="display: none" id="user_token" value="{$_REQUEST['user_token']}">
<input style="display: none" id="game_id" value="{$_REQUEST['game_id']}">
<!-- 横屏 -->
<div class="payment_heng">
<!-- <div class="heard">
<div class="heard_box">
<a href="" style="background-image: url('__IMG__/pay_way/close.png');"></a>
支付中心
</div>
</div> -->
<div class="payment_model" style="position: fixed;width: 100%;height: 100%;top: 0;left: 0;background:rgba(38,38,38,0.4);z-index: 0;display: none"></div>
<div class="payment_window" style="display: none">
<div class="payment_window_img">
<img src="__IMG__/payment_window.png" alt="">
<div>请求发起失效编号SP_202001 10134640KYdp请选择其他支 付方式或联系客服。</div>
</div>
<div class="payment_window_confirm">返回</div>
<div class="payment_window_close"><img src="__IMG__/pay_way/close2.png" alt=""></div>
</div>
<div class="containner">
<div class="documents">
<div class="documents_box">
<div><span>充值账号:</span> <span>{$account}</span> </div>
<div><span>还需支付:</span><span>¥{$money}.00</span> </div>
</div>
</div>
<div class="select_pay">
<div class="select_pay_box">
<div>请选择支付方式:</div>
<div class="select_pay_info">
<img src="__IMG__/pay_way/zhifubao.png" alt="" class="slide">
<div>支付宝</div>
<img src="__IMG__/pay_way/blue_black.png" alt="" class="boult">
</div>
</div>
</div>
<div class="payment_btn" >
<div>
支付金额 <span>¥{$money}.00</span>
</div>
<div class="confirm_pay">确认支付</div>
</div>
<div class="payment_rest" style="display: none;">
<div class="payment_rest_box">
<div class="title">
<div>请选择支付方式</div>
<img src="__IMG__/pay_way/dacha.png" alt="">
</div>
<if condition="C('alipay.status') eq 1 or (C('goldpig.status') eq 1 and C('goldpig.zfb') eq 1) or (C('sqpay.status') eq 1 and C('sqpay.zfb') eq 1)">
<div class="payment_rest_way way_btn" data-type="alipay" data-url="{:U('PayH5/platform_alipay_pay', array('user_token' => I('user_token'), 'api_ver' => 2, 'game_id' => $game_id, 'price' => $money))}">
<div>
<img src="__IMG__/pay_way/zhifubao.png" alt="" >
<span>支付宝</span>
</div>
<img src="__IMG__/pay_way/dagou2.png" alt="">
</div>
</if>
<if condition="!pay_limit('wx') and $money elt C('WX_PAY_LIMIT')">
<if condition="C('wei_xin.status') eq 1 or C('weixin_gf.status') eq 1 or (C('goldpig.status') eq 1 and C('goldpig.wx') eq 1) or (C('heepay.status') eq 1) or (C('sqpay.status') eq 1 and C('sqpay.wx_small') eq 1)">
<div class="payment_rest_way way_btn" data-type="wxpay" data-url="{:U('PayH5/platform_weixin_pay',array('price' => $money,'user_token'=>I('user_token'),'api_ver' => 2, 'game_id' => $game_id))}">
<div>
<img src="__IMG__/pay_way/weixin.png" alt="">
<span>微信</span>
</div>
<img src="__IMG__/pay_way/dagou1.png" alt="">
</div>
</if>
</if>
<if condition="C('sqpay.status') eq 1 and C('sqpay.shortcut') eq 1">
<div class="payment_rest_way way_btn" data-type="sqshorcut" data-url="{:U('Shortcut/wap_shortcut_pay', array('user_id'=>$user_id,'game_id'=>I('game_id'),'user_token'=>I('user_token'),'code'=>0,'type'=>'platform', 'price' => $money, 'api_ver' => 2))}">
<div>
<img src="__IMG__/pay_way/xianshang.png" alt="">
<span>快捷支付</span>
</div>
<img src="__IMG__/pay_way/dagou1.png" alt="">
</div>
</if>
<if condition="C('yeepay.status') eq 1 and C('yeepay.shortcut') eq 1">
</if>
<div class="payment_rest_way way_btn" data-type="shorcut" data-url="{:U('Shortcut/yee_pay', array('user_id'=>$user_id,'game_id'=>I('game_id'),'user_token'=>I('user_token'),'code'=>0,'type'=>'platform', 'price' => $money, 'api_ver' => 2))}">
<div>
<img src="__IMG__/pay_way/xianshang.png" alt="">
<span>易宝支付</span>
</div>
<img src="__IMG__/pay_way/dagou1.png" alt="">
</div>
</div>
</div>
<!-- 供上下滑动延长 -->
<div style="width: 100%;height: 4rem;"></div>
<!-- 未成年不许支付弹窗 -->
<div class="msgdialog" style="display: none">
<div class="forbid_model"></div>
<div class="forbid_window">
<div class="forbid_pay">
<img src="__IMG__/pay_way/forbid.png" alt="" style="margin-top: .25rem;">
<div class="tipmsg">未成年禁止支付哟</div>
</div>
<div class="forbid_confirm" style="margin: 0.2rem auto;">确认</div>
<div class="forbid_close"><img src="__IMG__/pay_way/close2.png" alt=""></div>
</div>
</div>
</div>
</body>
</html>
<script>
// 业务逻辑js
var payway='';
var payurl='';
//初始化选择
function defaultInit(){
payway="alipay";
payurl="{:U('PayH5/platform_alipay_pay', array('user_token' => I('user_token'), 'api_ver' => 2, 'game_id' => $game_id, 'price' => $money))}";
var user_token = $('#user_token').val();
payChannelIntentionInit(user_token);
}
function payChannelIntentionInit(user_token) {
var game_id = $('#game_id').val();
$.ajax({
type:'post',
dataType:'json',
data:{
user_token:user_token,
payway:payway,
game_id:game_id
},
url:'/sdk.php/Spend/addPayChannelIntention',
success:function(result) {
if(result.code==0) {
flag=false;
$(".tipmsg").html(result.msg);
$(".msgdialog").show();
}
},
error: function(){
flag=false;
$(".tipmsg").html("接口请求错误");
$(".msgdialog").show();
}
});
}
defaultInit();
function closeWindow() {
$(".payment_window").hide();
$(".payment_model").hide();
}
function showWindow(msg) {
$(".payment_window").show();
$(".payment_model").show();
$(".payment_window_img").children().next().text(msg);
}
$(".payment_window_close").click(function() {
closeWindow();
});
$(".payment_window_confirm").click(function() {
closeWindow();
});
$(".select_pay_info").click(function(){
$(".payment_rest").show();
})
$(".payment_rest .title>img").click(function(){
$(".payment_rest").hide();
})
$(".payment_rest_way").click(function(){
$(this).children("img").attr("src","__IMG__/pay_way/dagou2.png");
$(this).siblings(".payment_rest_way").children("img").attr("src","__IMG__/pay_way/dagou1.png");
var img=$(this).children("div").children("img").attr("src");
var text = $(this).children("div").children("span").text();
//获取支付参数
if (payway == $(this).data("type")) return ;
//获取支付参数
payway = $(this).data("type");
payurl = $(this).data("url");
$(".select_pay_info").children(".slide").attr("src",img);
$(".select_pay_info").children("div").text(text);
$(".payment_rest").hide();
var user_token = $('#user_token').val();
payChannelIntentionInit(user_token);
})
//拉起支付
var flag = false;
$(".confirm_pay").on("click",function(){
if (flag) return ;
flag = true;
if(payway == "wxpay"){
wxpay();
}
if(payway == "alipay"){
alipay();
}
if(payway == "shorcut"){
shorcut();
}
if(payway == "sqshorcut"){
sqshorcut();
}
})
//微信支付
function wxpay(){
$.ajax({
type: "GET",
dataType: "json",
url: payurl,
data: {
},
success: function (r) {
flag = false;
if (r.code == 200) {
window.location.href = r.url;
} else if(r.code == 1001) {
showWindow(r.msg);
} else {
$(".tipmsg").html(r.msg);
$(".msgdialog").show();
}
}
});
}
//支付宝支付
function alipay(){
var url = payurl;
$.ajax({
type: 'post',
dataType: 'json',
data: {},
url: url,
success: function (result) {
flag = false;
if (result.code == 200) {
window.location.href = result.url;
return;
var data = result.data;
if (data.wap == 1) {
/* if () {
window.txyxsdk.sqzfbcallback();
} */
location.href = data.url;
} else {
var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
if (isAndroid) {
window.txyxsdk.getZFBPay(data.url);
} else {
try {
window.webkit.messageHandlers.noticeAppResult.postMessage(data.url);
} catch (err) {
}
}
}
} else if(result.code == 1001) {
showWindow(result.msg);
}else {
$(".tipmsg").html(result.msg);
$(".msgdialog").show();
}
}
});
}
//快捷支付
function shorcut(){
$.ajax({
type: "GET",
dataType: "json",
url: payurl,
data: {
},
success: function (r) {
flag = false;
if (r.code == 200) {
window.location.href = r.url;
} else if(r.code == 1001) {
showWindow(r.msg);
} else {
$(".tipmsg").html(r.msg);
$(".msgdialog").show();
}
}
});
// flag = false;
// window.location.href =payurl;
}
//快捷支付
function sqshorcut(){
var url = payurl;
flag = false;
$.ajax({
type:'post',
dataType:'json',
data:{sign: 1},
url:url,
success:function(result) {
if(result.code==200) {
window.location.href = url;
} else if(result.code==1001){
flag=false;
showWindow(result.msg);
} else {
flag=false;
$(".tipmsg").html(result.msg);
$(".msgdialog").show();
}
},
error:function(){
flag=false;
$(".tipmsg").html("接口请求错误");
$(".msgdialog").show();
}
});
return false;
// flag = false;
// window.location.href =payurl;
}
$(".payment_rest_btn").click(function(){
$(".payment_rest_btn").hide();
$(".weixin").show();
})
$(".forbid_confirm,.forbid_close").click(function(){
$(".msgdialog").hide();
})
</script>
<script type="text/javascript">
var evt = "onorientationchange" in window ? "orientationchange" : "resize";
window.addEventListener(evt,resize,false);
function resize(fals) {
if(window.orientation == 0 || window.orientation == 180) {
$(".payment").show();
$(".payment_heng").hide();
}else {
$(".payment").hide();
$(".payment_heng").show();
}
}
resize(true);
</script>