Files
littleTiger/template/mobile/rainbow/payment/recharge.html

119 lines
4.5 KiB
HTML
Raw Normal View History

2019-02-28 19:48:21 +08:00
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>支付-{$tpshop_config['shop_info_store_title']}</title>
<meta name="keywords" content="{$tpshop_config['shop_info_store_keyword']}" />
<meta name="description" content="{$tpshop_config['shop_info_store_desc']}" />
<script src="__STATIC__/js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
*{ margin:0; padding:0}
.wihe-ee{ background:#FFF; padding:25px; color:#666; font-family:song,arial; font-size:14px; margin:0 auto; text-align:center}
.wihe-ee p{text-align:center}
.fail-I-success{margin-top:30px;border-bottom:1px solid #d8d8d8; padding-bottom:30px}
.co999{color:#999}
.fo-si-18{font-size:18px}
.fail-fasu{ text-align:center; border-bottom:1px solid #d8d8d8; padding-bottom:30px}
.success-fasu{margin-top:30px; text-align:center}
.fail-fasu a:hover{ background-color:#ee9775}
.fail-fasu a{padding:8px 24px; background-color:#f8a584; display:table; margin:0 auto; color:#fff; text-decoration:none; margin-top:10px}
.re-qtzfgg a,.success-fasu a{padding:8px 24px; background-color:#eee; display:table; margin:0 auto; color:#999; text-decoration:none; margin-top:10px}
.re-qtzfgg a:hover,.success-fasu a:hover{background-color:#ddd;}
</style>
</head>
<body style=" max-width:640px; min-width:320px; margin:0 auto">
<div class="tac-sd">
<div class="wihe-ee">
<p>
<span class="fo-si-18">请您在新打开的页面上完成付款!</span>
<br>
<span class="co999">付款完成前请不要关闭此窗口。完成付款后请根据您的情况点击下面的按钮。</span>
</p>
<br>
<br>
<div class="fail-fasu">
<img src="__STATIC__/images/suc_cg.png"/>
<p>支付完成</p>
<br>
<a href="{:U('User/account')}">支付成功</a>
</div>
<div class="fail-I-success" >
<!--<img src="__STATIC__/images/qrcode_vmall_app01.png" width="110" height="110"/>-->
{$code_str}
</div>
<div class="success-fasu">
<img src="__STATIC__/images/suc_sb.png"/>
<p>支付遇到问题</p>
<br>
<a href="{:U('User/recharge',array('order_id'=>$order_id))}">支付失败</a>
</div>
<div class="re-qtzfgg">
<a href="{:U('User/recharge',array('order_id'=>$order_id))}">返回选择其他支付方式</a>
</div>
</div>
</div>
<script>
function isIOS(){
var u = navigator.userAgent;
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
return isiOS;
}
function isOrder(){
var order = localStorage.getItem('order')
if (order == '{$order_id}') return true;
return false;
}
$(function () {
ajax_check_pay_status();
/*setTimeout(function () {
deeplinkCall();
}, 200);*/
});
// 用苹果手机在微信支付成功返回时会再次打开这个页面造成post的数据丢失
var deep = false;
function deeplinkCall() {
if (deep) return;
deep=true;
var deeplink = "{$deeplink|default=''}";
if (deeplink) {
location.href = deeplink;
}
}
/**
* 检查订单状态
*/
function ajax_check_pay_status() {
$.ajax({
type: "post",
url: "{:U('Home/Api/check_order_pay_status')}",
data: {recharge: "1", order_id: "{$order_id}"},
dataType: 'json',
success: function (data) {
if (data.status == 1) {
clearInterval(interval);
location.href = "{:U('Mobile/User/account')}";
}else{
if (isIOS()){
if (!isOrder()){
localStorage.setItem('order','{$order_id}')
deeplinkCall();
}
}else{
deeplinkCall();
}
}
}
});
}
var interval = setInterval(ajax_check_pay_status, 5000);
</script>
</body>
</html>