dayuan
/
manyi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
							<!DOCTYPE html>
<html class="remModel">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="application/xhtml+xml;charset=UTF-8">
    <meta http-equiv="Cache-Control" content="no-cache,must-revalidate">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta name="format-detection" content="telephone=no,email=no">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>支付完成</title>
    <link rel="stylesheet" href="/components/lib/mui.min.css">
    <link rel="stylesheet" href="/components/custom/css/common.css">
    <style>
        html, body {
            background: #fff;
        }

        /*不能占太多的空间，否则小票在微信点击页面显示不下*/
        body {
            padding: 5px;
            height: 100%;
            width: 100%;
            position: absolute;
        }
    </style>
</head>

<body class="">

<div class="order-box">
    <div class="order-info">
        <div class="order-ins">
            <div class="icon-ins"></div>
        </div>

        <div class="order-row main-row">
            <div class="order-lab">支付单号</div>
            <div class="order-value" id="orderNo"></div>
        </div>
        <div class="order-row">
            <div class="order-lab" id="p_name_label"></div>
            <div class="order-value" id="p_name"></div>
        </div>
        <div class="order-row">
            <div class="order-lab">支付金额</div>
            <div class="order-value" id="price">¥</div>
        </div>
    </div>
    <div class="order-split">
    </div>

    <div class="order-p-b">
        <div class="order-status">
            <div class="order-icon loading"></div>
            <div class="order-tips">正在启动设备</div>
            <div class="order-sub-tips"></div>
        </div>

        <div class="order-btn-row">
            <div class="order-btn hide" id="backHome"><i class="iconfont icon-home"></i> 首页</div>
            <div class="order-btn hide" id="serviceBtn"><i class="iconfont icon-service"></i> 客服</div>
            <div class="order-btn hide" id="toOrder"><i class="iconfont icon-form"></i> 详情</div>
        </div>
    </div>
</div>

<script charset="UTF-8"
        src="https://wx.gtimg.com/pay_h5/goldplan/js/jgoldplan-1.0.0.js"></script>

<script src="https://cdn.washpayer.com/npm/jquery@3.3.1/dist/jquery.min.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="/static/js/jquery.min.js"%3E%3C/script%3E'))</script>

<script src="/components/lib/mui.min.js"></script>
<script src="/components/custom/js/common.js"></script>
<script src="/components/custom/js/receipt.js"></script>
<script>
    /**
     * 本页面配置在微信后台的支付回调链接，是微信官方支持小票页面；
     */
    function plusString(str, frontLen, endLen) {
        var len = str.length - frontLen - endLen;
        if (len <= 0) {
            return str
        }

        var startStr = '';
        for (var i = 0; i < len; i++) {
            startStr += '*';
        }
        return str.substring(0, frontLen) + startStr + str.substring(str.length - endLen);
    }

    //获取参数
    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)

    var startKey = null;
    var devNo = null;
    var homeLink = null;
    var detailLink = null;
    var serviceLink = null;

    sendRequest("/common/getReceipt", "GET", {
        sub_mch_id: sub_mch_id,
        out_trade_no: out_trade_no,
        check_code: check_code
    }, function (data) {
        if (data.result == 1) {
            var info = data.payload;
            startKey = info.startKey
            devNo = info.devNo
            homeLink = info.homeLink
            serviceLink = info.serviceLink

            $("#orderNo").html(plusString(info.orderNo, 8, 8))
            $("#p_name").html(info.itemName)
            $("#price").html('￥' + info.payment)

            if (!startKey) {
                detailLink = info.detailLink
                $("#p_name_label").text("购买商品")
                orderEvent.noDeviceOrder()
            } else {
                $("#p_name_label").text("启动设备")
                localStorage.setItem("RECEIPT_START_TIME", new Date().getTime())
                orderEvent.getUserStatusInterval()
            }

            //注册点击事件(去详情)
            document.getElementById("toOrder").onclick = function () {
                var mchData = {
                    action: 'jumpOut',
                    jumpOutUrl: detailLink //跳转的页面
                }
                var postData = JSON.stringify(mchData)
                parent && parent.postMessage(postData, 'https://payapp.weixin.qq.com')
            }

            //注册点击事件(去首页)
            document.getElementById("backHome").onclick = function () {
                var mchData = {
                    action: 'jumpOut',
                    jumpOutUrl: homeLink //跳转的页面
                }
                var postData = JSON.stringify(mchData)
                parent && parent.postMessage(postData, 'https://payapp.weixin.qq.com')
            }
            $('#backHome').removeClass('hide')

            //注册点击事件(客服页面)
            document.getElementById("serviceBtn").onclick = function () {
                var mchData = {
                    action: 'jumpOut',
                    jumpOutUrl: serviceLink
                }
                var postData = JSON.stringify(mchData)
                parent && parent.postMessage(postData, 'https://payapp.weixin.qq.com')
            }
            //初始化小票
            var initData = {
                action: 'onIframeReady',
                displayStyle: 'SHOW_CUSTOM_PAGE'
            }

            var initPostData = JSON.stringify(initData)
            parent && parent.postMessage(initPostData, 'https://payapp.weixin.qq.com')

            $('.order-ins').click(function (){
                location.href = '/user/index.html#/insurance/compensate'
            })
        }
    });
</script>
</body>
</html>