62 lines
2.3 KiB
HTML
62 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="referrer" content="origin">
|
|
<meta name="viewport"content="width=device-width, viewport-fit=cover, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
|
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
|
|
<title>支付完成</title>
|
|
<script type="text/javascript" charset="UTF-8" src="https://wx.gtimg.com/pay_h5/goldplan/js/jgoldplan-1.0.0.js"></script>
|
|
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
|
|
<style>
|
|
.order_box {text-align: center;}
|
|
.b_name {
|
|
font-size: 25px;
|
|
background: #67C23A;
|
|
width: 50px;
|
|
height: 50px;
|
|
margin: 50px auto;
|
|
color: #fff;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.col_box {margin-top: 35px;font-size: 16px;color: #333;margin-bottom: 14px;}
|
|
.btns {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 31px;}
|
|
.btns .btn {width: 147px;height: 35px;line-height: 33px;font-size: 14px;border-radius: 39px;border: 1px solid #409EFF;box-sizing: border-box;color: #409EFF;margin: 0px auto;cursor:pointer}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="order_box">
|
|
<div class="b_name">✓</div>
|
|
<div class="col_box">支付完成</div>
|
|
<div class="btns">
|
|
<div class="btn home" id="tojumpbtn">返回</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
// 初始化
|
|
$(function() {
|
|
let url = window.location.href.split('?')
|
|
let Param = new URLSearchParams(url[1])
|
|
let out_trade_no = Param.get('out_trade_no')
|
|
|
|
// 加载商家小票
|
|
let mchData = {action: 'onIframeReady', displayStyle: 'SHOW_CUSTOM_PAGE'};
|
|
let postData = JSON.stringify(mchData);
|
|
parent.postMessage(postData, 'https://payapp.weixin.qq.com');
|
|
|
|
//注册点击事件
|
|
document.getElementById("tojumpbtn").onclick = function () {
|
|
let mchData = {
|
|
action: "jumpOut",
|
|
jumpOutUrl: "https://shop.chutang66.com/web#/pages/order/list/index?out_trade_no=" + out_trade_no // 外跳链接
|
|
};
|
|
let postData = JSON.stringify(mchData);
|
|
parent.postMessage(postData, 'https://payapp.weixin.qq.com');
|
|
}
|
|
})
|
|
</script>
|
|
</body></html> |