-
Notifications
You must be signed in to change notification settings - Fork 67
/
Copy pathvpay_wechat.blade.php
116 lines (109 loc) · 4.24 KB
/
vpay_wechat.blade.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width" name="viewport">
<title>微信支付</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="renderer" content="webkit">
<link type="text/css" href="/plugins/css/wx_qr.css?v=20200212" rel="stylesheet">
<script type="text/javascript" src="//ossweb-img.qq.com/images/js/jquery/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/plugins/js/qrcode.min.js"></script>
</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><span style="color:red;font-size: 18px;font-weight:bold;display: block;margin-top: 24px">请输入准确的付款金额（精确到分）</span></div>
<div class="amount">￥{{ $_GET["real_price"] }}</div>
<div class="qr-image" id="qrcode"></div>
<div id="open-app-container">
<span style="display: block;margin-top: 24px">请截屏此界面或保存二维码，打开微信扫码，选择相册图片</span>
<a style="padding:6px 34px;border:1px solid #e5e5e5;display: inline-block;margin-top: 8px" id="open-app" href="weixin://">点击打开微信</a>
</div>
<div class="detail" id="orderDetail">
<dl class="detail-ct" style="display: none;">
<dt>商品</dt>
<dd id="storeName">{{ $name }}</dd>
<!--dt>说明</dt>
<dd id="productName">用户充值</dd-->
<dt>订单号</dt>
<dd id="billId">{{ $id }}</dd>
<dt>时间</dt>
<dd id="createTime"><?php echo date('Y-m-d H:i:s')?></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><?php echo SYS_NAME ?>, 有疑问请联系客服</p>
</div>
</div>
</div>
<script>
var code_url = decodeURIComponent('{!! urlencode($qrcode) !!}');
// 普通扫码
new QRCode('qrcode', {
text: code_url,
width: 230,
height: 230,
colorDark: "#000000",
colorLight: "#ffffff",
correctLevel: QRCode.CorrectLevel.H,
title: '请使用微信扫一扫'
});
// 订单详情
var orderDetail = $('#orderDetail');
orderDetail.find('.arrow').click(function (event) {
if (orderDetail.hasClass('detail-open')) {
orderDetail.find('.detail-ct').slideUp(500, function () {
orderDetail.removeClass('detail-open');
});
} else {
orderDetail.find('.detail-ct').slideDown(500, function () {
orderDetail.addClass('detail-open');
});
}
});
$(document).ready(function () {
var time = 4000, interval;
function getData() {
$.post('/api/qrcode/query/{!! $pay_id !!}', {
id: '{!! $id !!}',
t: Math.random()
},
function (r) {
clearInterval(interval);
$('.qr-image').remove();
$('.tip').html('<p style="font-size:24px">已支付，正在处理...</p>');
window.location = r.data;
}, 'json');
}
(function run() {
interval = setInterval(getData, time);
})();
});
// call app
if (navigator.userAgent.match(/(iPhone|iPod|Android|ios|SymbianOS)/i) !== null) {
// 想跳转微信, 真的跳不过去啊, 傻吊微信
} else {
$('#open-app-container').hide();
}
</script>
</body>
</html>