123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184 |
- <!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 type="text/javascript" src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
- <style>
- body {
- font-family: PingFang SC, "Helvetica Neue", Arial, sans-serif;
- }
- .order_box {
- text-align: center;
- }
- .order_box .bussiness_avt img {
- width: 68px;
- height: 68px;
- border-radius: 100%;
- border: 1px solid #E0E0E0;
- }
- .b_name {
- font-size: 14px;
- font-weight: 500;
- color: #333333;
- margin-top: 6px;
- }
- .col_box {
- margin-top: 35px;
- }
- .col_box .col {
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- font-size: 14px;
- color: #333;
- margin-bottom: 14px;
- }
- .col .ct.price {
- color: #E61515
- }
- .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: 100%;
- height: 35px;
- line-height: 35px;
- font-size: 14px;
- border-radius: 39px;
- border: 1px solid #CD2314;
- box-sizing: border-box;
- color: #CD2314;
- }
- .btns .btn.detail {
- background: linear-gradient(270deg, #D51010 0%, #EF4D2D 100%);
- color: #fff;
- }
- </style>
- </head>
- <body>
- <div class="order_box">
- <div class="bussiness_avt">
- <img id="b_avt" src="" alt="">
- </div>
- <div class="b_name" id="b_name">
- </div>
- <div class="col_box">
- <div class="col">
- <div class="lab">产品名称</div>
- <div id="p_name" class="ct">产品名称</div>
- </div>
- <div class="col">
- <div class="lab">实付金额</div>
- <div id="price" class="ct price">¥</div>
- </div>
- </div>
- <div class="btns">
- <!-- <div id="backHome" class="btn home">返回首页</div> -->
- <div id="toOrder" class="btn detail">查看详情</div>
- </div>
- </div>
- <script>
- //获取返回页面参数
- function getQueryString(name) {
- var query = window.location.search.substring(1);
- var vars = query.split("&");
- for (var i = 0; i < vars.length; i++) {
- var pair = vars[i].split("=");
- if (pair[0] == name) {
- return pair[1];
- }
- }
- return null;
- };
- //获取参数
- var sub_mch_id = getQueryString("sub_mch_id"); //特约商户号
- console.log("sub_mch_id is " + sub_mch_id)
- var out_trade_no = getQueryString("out_trade_no"); //商户订单号
- console.log("out_trade_no is " + out_trade_no)
- var check_code = getQueryString("check_code"); //md5 校验码
- console.log("check_code is " + check_code)
- $.ajax({
- type: "GET",
- url: "https://qhcs.yhlsm.com/api/service_pay_result",
- data: {
- sub_mch_id: sub_mch_id,
- out_trade_no: out_trade_no
- },
- dataType: "json",
- success: function (data) {
- console.log(data)
- if (data.msg == "success") {
- var info = data.data;
- const img = document.getElementById('b_avt');
- img.src = info.site_logo
- $("#b_name").html(info.site_name)
- $("#p_name").html(info.goods_name)
- $("#price").html(info.pay_price)
- //初始化小票
- var initData = {
- action: 'onIframeReady',
- displayStyle: 'SHOW_CUSTOM_PAGE'
- }
- var initPostData = JSON.stringify(initData)
- parent.postMessage(initPostData, 'https://payapp.weixin.qq.com')
- //注册点击事件(去详情)
- document.getElementById("toOrder").onclick = () => {
- var mchData = {
- action: 'jumpOut',
- jumpOutUrl: info.jump_url //跳转的页面
- }
- var postData = JSON.stringify(mchData)
- parent.postMessage(postData, 'https://payapp.weixin.qq.com')
- }
- }
- }
- });
- </script>
- </body>
- </html>
|