Files
littleTiger/template/mobile/rainbow/payment/recharge.html
2019-02-28 19:48:21 +08:00

119 lines
4.5 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>