kylx365
/
miaoguo_system_server


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
    <title>特殊支付</title>
    <style>

        .FlexColumn {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .FlexRow {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
        }

        .container {
            width:100%;
            padding: 0;
            margin: auto 0;
        }

        .panelBottom{
            width:100%;
            height:70px;
            background-color: #329468;
            position: fixed;
            bottom:0;
            z-index: 10;
        }

        .panelBottom1{
            margin-left: 15px;
            align-items: flex-start;
        }
        .text1{
            font-size:12px;
            color:#fff;
        }
        .text2{
            font-size:18px;
            color:#fff;
        }
        .btnPay{
            width:190px;
            height:50px;
            border-radius: 5px;
            background-color: #FFDD0C;
            color:#1e1e1e;
            font-size:24px;
            text-align: center;
            line-height: 50px;
            font-weight: 500;
            margin-right: 15px;
        }

        .panel{
            width:100%;
        }
        .panelChild{
            width:100%;
        }
        .text3{
            width: 30%;
            text-align: center;
            background-color: #eeeeee;
            line-height: 50px;
        }
        .text4{
            flex:1;
            margin-left: 10px;
        }
        .text5{
            flex:1;
            text-align: center;
            font-size:24px;
            line-height: 50px;
        }
    </style>
    <script src="js/jquery-1.6.4.min.js"></script>
    <script>
        var serverurl1='[支付链接]';
        $(document).ready(function () {

            $(".btnPay").click(function(){
                var param={};
                param.money=$(this).attr("title");
                param.code=QueryString("code");
                $.post("/apiData/"+serverurl1, param, function (data) {
                    onBridgeReady(data);
                });
            });
        });

        function onBridgeReady(data){
            console.log(data);
            WeixinJSBridge.invoke(
                    'getBrandWCPayRequest', data.result,
                    function(res){
                        if(res.err_msg === "get_brand_wcpay_request:ok" ){
                            window.location.href = "https://www.kylx365.com/webpay?url=webpayok";
                        }
                        else {
                            window.location.href = "https://www.kylx365.com/webpay";
                        }
                    });
        }


        function QueryString(key) {
            var paras = location.search;
            if (paras) {
                var arr = paras.substr(1).split("&"), data;
                for (i in arr) {
                    data = arr[i].split("=");
                    if (data[0] == key) {
                        return data[1].replace("__","=").replace("_","?");
                    }
                }
            }
        }
    </script>
</head>
<body class="container FlexColumn">
<div class="panel FlexColumn">
    <div class="panelChild FlexRow">
        <div class="text5">代缴费</div>
    </div>
    <div class="panelChild FlexRow">
        <div class="text3">支付人</div>
        <div class="text4">紫叶</div>
    </div>
    <div class="panelChild FlexRow">
        <div class="text3">受惠人</div>
        <div class="text4">小王珂</div>
    </div>
    <div class="panelChild FlexRow">
        <div class="text3">支付</div>
        <div class="text4">149元</div>
    </div>
    <div class="panelChild FlexRow">
    <div class="text3">内容</div>
    <div class="text4">提前续费1年享4折优惠，额外加送30天有效期</div>
</div>

</div>
<div class="panelBottom FlexRow">
    <button class="btnPay" title="1.00">支付</button>
</div>
<div style="height:50px"></div>
</body>
</html>