liuxue
/
payoffline


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252
							<!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name=viewport
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <title>支付完成</title>
    <script type="text/javascript">

    </script>

</head>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js" type="text/javascript"></script>
<script type="text/javascript">
    function adapter() {
        const dpWidth = document.documentElement.clientWidth
        const rootFonstSize = (dpWidth * 100) / 750
        if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
            document.documentElement.style.fontSize = rootFonstSize + 'px'
        } else {
            document.documentElement.style.fontSize = dpWidth
        }
    }
    adapter()
    window.onresize = adapter
</script>

<body>
    <div id="Paytocomplete">
        <!-- <div class="Paytocomplete_header">
            <div class="Paytocomplete-header-nei">
                <div class="Paytocomplete-header-nei-left">
                    <img src="https://cdn.bjtdba.com/vod/image/2022-10-18/20221018150019704.png" alt="">
                </div>
                <div class="Paytocomplete-header-nei-in">支付完成</div>
            </div>
        </div> -->
        <div class="Paytocomplete-digital">
            <span>￥</span>
            <text id="money"></text>
        </div>
        <div class="Paytocomplete-yes">支付成功</div>
        <div class="Paytocomplete-fanhui" onclick="btn()">返回商户首页</div>
        <div class="Paytocomplete-neirong">
            <div class="Paytocomplete-neirong-yi">
                <div class="Paytocomplete-neirong-yi-left">商户名称</div>
                <div class="Paytocomplete-neirong-yi-left" id="mername"></div>
            </div>
            <div class="Paytocomplete-neirong-yi">
                <div class="Paytocomplete-neirong-yi-left">订单状态</div>
                <div class="Paytocomplete-neirong-yi-left" id="">支付成功</div>
            </div>
            <div class="Paytocomplete-neirong-yi">
                <div class="Paytocomplete-neirong-yi-left">订单号</div>
                <div class="Paytocomplete-neirong-yi-left" id="outtradeno"></div>
            </div>
            <div class="Paytocomplete-neirong-yi">
                <div class="Paytocomplete-neirong-yi-left">养老金</div>
                <div class="Paytocomplete-neirong-yi-left" id="pension"></div>
            </div>
            <div class="Paytocomplete-neirong-yi">
                <div class="Paytocomplete-neirong-yi-left">交易时间</div>
                <div class="Paytocomplete-neirong-yi-left" id="paytime"></div>
            </div>

        </div>
    </div>
</body>

</html>
<script>
    var userpay = parseParms()
    //hash参数转对象
    function parseParms() {
        var str = window.location.href.split("?")[1];
        var pieces = str.split("&"), data = {}, i, parts;
        // process each query pair
        for (i = 0; i < pieces.length; i++) {
            parts = pieces[i].split("=");
            if (parts.length < 2) {
                parts.push("");
            }
            data[decodeURIComponent(parts[0])] = decodeURIComponent(parts[1]);
        }
        return data
    }
    aliUser()
    function aliUser() {
        $.post("https://test.bjtdba.com/api/merchant/queryOrders", { out_trade_no: userpay.out_trade_no }, function (data) {
            if (data.status == 200) {
                $("#money").text(data.data.money)//金额
                $("#mername").text(data.data.mer_name)//商户名称
                $("#outtradeno").text(data.data.out_trade_no)//商户订单
                $("#pension").text('¥' + data.data.pension)//养老金
                $("#paytime").text(data.data.pay_time)//时间
            }
        })
    }
    function btn() {
        var ua = window.navigator.userAgent.toLowerCase();
        // var UA=navigator.userAgent.toUpperCase();
        //判断是不是微信
        if (ua.match(/MicroMessenger/i) == "micromessenger") {

        }
        //判断是不是支付宝
        if (ua.match(/AlipayClient/i) == "alipayclient") {
            location.replace("https://test.bjtdba.com/share/download.html")
            //    //如果是安卓浏览器(自带浏览器、UA浏览器、QQ浏览器等)
            //    if(UA.indexOf("ANDROID")!=-1){ 
            //     //创建iframe 
            //     var ifr=document.createElement("iframe"); //iframe设置为app的协议打开方式地址 
            //     ifr.src="cmread://cmread.com/client?url=wap.cmread.com/rbc/402310056/index.htm";//安卓协议启动地址 
            //     ifr.style.display="none";//隐藏 
            //     var t=Date.now();//取当前时间戳 //延迟执行iframe 实现访问app协议打开app 
            //     setTimeout(function(){ document.body.appendChild(ifr); },96); //延迟执行 如果1s没响应，就表示你手机中没有该app。就可以去下载了 
            //     setTimeout(function(){ if(Date.now() - t < 1200){ document.body.appendChild(ifr); location.href="http://wap.cmread.com/r/p/pg/212/CMREADBC_Android/CMREADBC_Android.apk";} },1001)
            // }
            // //如果是ios浏览器(safari、UA浏览器、QQ浏览器等)else 
            // if(UA.indexOf("IOS")!=-1 || UA.indexOf("IPHONE")!=-1){
            //     var t=Date.now();//取当前时间戳 //延迟直接跳转唤起app协议地址 
            //     setTimeout(function(){ location.href='cmread://cmread.com/clientjson={"activity":{"url":"http://wap.cmread.com/rbc/402310056/index.htm"}}&contentId=1004'; },96); //延迟执行 如果1s没响应，就表示你手机中没有该app。就可以去下载了 
            //     setTimeout(function(){ if(Date.now() - t < 1200){ location.href="https://itunes.apple.com/cn/app/he-yue-du/id863837323?mt=8&uo=4&at=10lM6r"; } },1001);
            // }
        }
    }
</script>
<style>
    body {

        background: #F8F8F8;
    }

    * {
        margin: 0;
        padding: 0;
    }

    #Paytocomplete {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* .Paytocomplete_header {
        width: 100%;
        height: 1.76rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FFFFFF;
    }

    .Paytocomplete-header-nei {
        width: 6.86rem;
        height: 100%;
        display: flex;
    }

    .Paytocomplete-header-nei-in {
        margin-top: 1.07rem;
        font-size: 0.36rem;
        font-weight: 500;
        color: #333333;
        text-align: center;
        margin-left: 2.17rem;
    }

    .Paytocomplete-header-nei-left {
        width: 0.36rem;
        height: 0.36rem;
        margin-top: 1.17rem;
    }

    .Paytocomplete-header-nei-left img {
        width: 100%;
        height: 100%;
        display: block;
    } */

    .Paytocomplete-digital {
        height: 1.01rem;
        margin: 0.8rem 0 0 0;
        display: flex;
        align-items: center;
        height: 1.01rem;
    }

    .Paytocomplete-digital span {
        font-size: 0.64rem;
        font-weight: 600;
        color: #333333;
        margin-top: 0.27rem;
    }

    .Paytocomplete-digital text {
        font-size: 1.01rem;
        font-weight: bold;
        color: #333333;
    }

    .Paytocomplete-yes {
        font-size: 0.32rem;
        font-weight: 500;
        color: #1B1B1B;
        margin: 0.12rem 0 0 0;
    }

    .Paytocomplete-fanhui {
        margin: 0.34rem 0 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 1.9rem;
        height: 0.58rem;
        border-radius: 0.3rem;
        border: 0.01rem solid #FE0032;
        font-size: 0.24rem;
        font-weight: 400;
        color: #FE0032;
    }

    .Paytocomplete-neirong {
        width: 6.86rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin: 0.87rem 0 0 0;
    }

    .Paytocomplete-neirong-yi {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.26rem;
    }

    .Paytocomplete-neirong-yi-left {
        font-size: 0.28rem;
        font-weight: 400;
        color: #333333;
    }
</style>