137 lines
4.5 KiB
PHP
137 lines
4.5 KiB
PHP
<?php
|
|
// 微信扫码支付页面
|
|
|
|
if(!defined('IN_PLUGIN'))exit();
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<meta http-equiv="Content-Language" content="zh-cn">
|
|
<meta name="renderer" content="webkit">
|
|
<title>微信扫码支付</title>
|
|
<link href="/assets/css/wechat_pay.css?v=2" rel="stylesheet" media="screen">
|
|
</head>
|
|
<body>
|
|
<div class="body">
|
|
<h1 class="mod-title">
|
|
<span class="ico-wechat"></span><span class="text">微信扫码支付</span>
|
|
</h1>
|
|
<div class="mod-ct">
|
|
<div class="order">
|
|
</div>
|
|
<div class="mobile-tip" style="display: none;">提示：二维码会风控，请复制下方链接支付</div>
|
|
<div class="amount">¥<?php echo $order['realmoney']?></div>
|
|
<div class="qr-image" id="qrcode">
|
|
</div>
|
|
<div class="mobile-btn" style="display: none;">
|
|
<div class="mobile-tip">操作流程：复制链接→打开微信搜索自己微信名→打开聊天对话框→粘贴链接→发送→点击发送出来的蓝色链接→进入付款页面→完成付款</div>
|
|
<a class="btn-copy-link" id="copy-btn" data-clipboard-text="<?php echo $code_url?>">点我复制链接</a>
|
|
</div>
|
|
<div class="detail" id="orderDetail">
|
|
<dl class="detail-ct" style="display: none;">
|
|
<dt>商家</dt>
|
|
<dd id="storeName"><?php echo $sitename?></dd>
|
|
<dt>购买物品</dt>
|
|
<dd id="productName"><?php echo $order['name']?></dd>
|
|
<dt>商户订单号</dt>
|
|
<dd id="billId"><?php echo $order['trade_no']?></dd>
|
|
<dt>创建时间</dt>
|
|
<dd id="createTime"><?php echo $order['addtime']?></dd>
|
|
</dl>
|
|
<a href="javascript:void(0)" class="arrow"><i class="ico-arrow"></i></a>
|
|
</div>
|
|
<div class="tip">
|
|
<span class="dec dec-left"></span>
|
|
<span class="dec dec-right"></span>
|
|
<div class="ico-scan"></div>
|
|
<div class="tip-text">
|
|
<p>请使用微信扫一扫</p>
|
|
<p>扫描二维码完成支付</p>
|
|
</div>
|
|
</div>
|
|
<div class="tip-text">
|
|
</div>
|
|
</div>
|
|
<div class="foot">
|
|
<div class="inner">
|
|
<p>手机用户可保存上方二维码到手机中</p>
|
|
<p>在微信扫一扫中选择“相册”即可</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="<?php echo $cdnpublic?>jquery/1.12.4/jquery.min.js"></script>
|
|
<script src="<?php echo $cdnpublic?>layer/3.1.1/layer.min.js"></script>
|
|
<script src="<?php echo $cdnpublic?>jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
|
|
<script src="<?php echo $cdnpublic?>clipboard.js/1.7.1/clipboard.min.js"></script>
|
|
<script>
|
|
var clipboard = new Clipboard('#copy-btn');
|
|
clipboard.on('success', function(e) {
|
|
layer.msg('复制成功，请到微信里面粘贴');
|
|
});
|
|
clipboard.on('error', function(e) {
|
|
layer.msg('复制失败');
|
|
});
|
|
var code_url = '<?php echo $code_url?>';
|
|
var code_type = code_url.indexOf('data:image/')>-1?1:0;
|
|
if(code_type == 0){
|
|
$('#qrcode').qrcode({
|
|
text: code_url,
|
|
width: 230,
|
|
height: 230,
|
|
foreground: "#000000",
|
|
background: "#ffffff",
|
|
typeNumber: -1
|
|
});
|
|
}else{
|
|
$('#qrcode').html('<img src="'+code_url+'"/>');
|
|
}
|
|
// 订单详情
|
|
$('#orderDetail .arrow').click(function (event) {
|
|
if ($('#orderDetail').hasClass('detail-open')) {
|
|
$('#orderDetail .detail-ct').slideUp(500, function () {
|
|
$('#orderDetail').removeClass('detail-open');
|
|
});
|
|
} else {
|
|
$('#orderDetail .detail-ct').slideDown(500, function () {
|
|
$('#orderDetail').addClass('detail-open');
|
|
});
|
|
}
|
|
});
|
|
function loadmsg() {
|
|
$.ajax({
|
|
type: "GET",
|
|
dataType: "json",
|
|
url: "/getshop.php",
|
|
data: {type: "wxpay", trade_no: "<?php echo $order['trade_no']?>"},
|
|
success: function (data) {
|
|
if (data.code == 1) {
|
|
layer.msg('支付成功，正在跳转中...', {icon: 16,shade: 0.1,time: 15000});
|
|
window.location.href=data.backurl;
|
|
}else{
|
|
setTimeout("loadmsg()", 2000);
|
|
}
|
|
},
|
|
error: function () {
|
|
setTimeout("loadmsg()", 2000);
|
|
}
|
|
});
|
|
}
|
|
var isMobile = function (){
|
|
var ua = navigator.userAgent;
|
|
var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
|
|
isIphone =!ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
|
|
isAndroid = ua.match(/(Android)\s+([\d.]+)/);
|
|
return isIphone || isAndroid;
|
|
}
|
|
window.onload = function(){
|
|
if(isMobile()){
|
|
$('.mobile-btn').show();
|
|
$('.mobile-tip').show();
|
|
}
|
|
setTimeout("loadmsg()", 2000);
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|