not_distribut.html 9.89 KB
<include file="public/layout"/>
<link href="__PUBLIC__/static/css/index.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/static/css/perfect-scrollbar.min.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/static/css/purebox.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/static/js/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="__PUBLIC__/static/js/qrcode.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/static/js/md5.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/mchat_global.js"></script>
<style>
    .payment:hover {
        cursor: pointer;
    }
    .kfnum{margin: 0}
</style>

<body style="background-color: rgb(255, 255, 255); overflow: hidden; cursor: default; -moz-user-select: inherit;">
<div class="laybox" style="width: 820px;margin: 20px auto">
    <dl style="text-align: center;color: #333;">
        <dt style="font-size: 30px;">分销推广</dt>
        <dd style="font-size: 14px; margin-left:150px">
            <p  style="text-align: left">推广+吸粉+客户粘性,精准营销,快速促成订单,打造以分销商为中心的全新分销体验。</p>
            <if condition="$Think.request.out eq 1"><p  style="text-align: left;color: red">注:您的分销功能已经过期</p></if>
            <if condition="$Think.request.out eq 0"><p  style="text-align: left;color: red">注:您的分销功能已经达到体验人数上限</p></if>
            <if condition="$Think.request.out eq 2"><p  style="text-align: left;color: red">注:请您购买分销功能</p></if>
        </dd>
        <dd>
            <foreach name="price_arr" key="k" item="v">
                <if condition="$v.money gt 0">
                    <div class="kfnum" flag="{$v.money}" num="{$v.user_num}" pid="{$v.id}" onclick="setkfnum(this)">
                        <div class="">
                            <em>{$v.money}</em>元/年
                        </div>
                        <div>{$v.user_num}人</div>
                        <img class="ribot" src="__PUBLIC__/static/images/ribot.png" alt="">
                    </div>
                    <else/>
                    <if condition="$v.type eq 1">
                        <div class="kfnum">
                            <div class="">
                                <em>面谈</em>
                            </div>
                            <div>{$v.title}</div>
                            <img class="ribot" src="__PUBLIC__/static/images/ribot.png" alt="">
                        </div>
                        <else/>
                        <div class="kfnum" onclick="freeTast()" >
                            <div class="">
                                <em>免费</em>
                            </div>
                            <div>免费体验{$v.user_num}人</div>
                            <img class="ribot" src="__PUBLIC__/static/images/ribot.png" alt="">
                        </div>
                    </if>
                </if>
            </foreach>
        </dd>
        <dd>
            <div class="ware_ewm">
                <div id="ewm_box" class="ewm"></div>
                <!--<img id="ewm_box" class="ewm" src="" alt="">-->
                <span class="sjbox lt"></span>
                <span class="sjbox rt"></span>
                <span class="sjbox lb"></span>
                <span class="sjbox rb"></span>
            </div>
            <div class="ware_more">
                <ul>
                    <li>支付金额:<em id="buy_money"></em>&nbsp;</li>
                    <li>可用人数:<em id="enablenum1" style="color: black;font-size:16px;"></em>&nbsp;</li>
                    <li style="color: red">注:请确认可用人数再进行支付!</li>
                    <li>
                        <span class="wx payment" flag="WEIXIN"></span>
                        <span class="zfb payment" flag="ALIPAY"></span>
                    </li>
                </ul>
            </div>
        </dd>
    </dl>
</div>
<script>
    $(function () {
        var minprice=0;
        $('.kfnum').each(function () {
            var flag=$(this).attr('flag');
            if(flag!=undefined && minprice==0){
                minprice=flag;
                var ob=this;
                $(".kfnum").removeClass('on');
                $(ob).addClass('on');

                var money=$(ob).attr('flag');
                var num=$(ob).attr('num');
                if(ucount!="")
                    num=num-parseInt(ucount);
                pid=$(ob).attr('pid');

                $("#buy_money").text(money);
                $("#enablenum1").text(num);

                $("#ewm_box img").attr('src', '');//清空二维码
                $(".payment").removeClass("on");

                //默认微信支付
                $('.wx.payment').click();
                return false;
            }
        });
    });


    /*--支付--*/
    var QRCode = new QRCode(document.getElementById("ewm_box"), {
        width: $('#ewm_box').width(),
        height: $('#ewm_box').height(),
    });
    var trxNo = '';
    var payUrl = '';
    var recharge_no = '';
    var bankOrderNo = '';
    var pay_qurl = '{:pay_qurl}';
    var pid=0;
    var ucount="{$ucount}";

    //支付方式
    $(document).on("click", ".payment", function () {
        $(".payment").removeClass("on");
        $(this).addClass("on");
        $("#ewm_box img").attr('src', '');//清空二维码
        trxNo = '';
        payUrl = '';
        recharge_no = '';
        bankOrderNo = '';
        create_QRCode(this);
    });

    //数量改变金额
    $('#buy_num').on('input propertychange', function () {
        if (!$('#buy_num').readOnly) {
            var num = $('#buy_num').val();
            if (num == '' || isNaN(parseInt(num))) {
                num = 0;
            }
            $('#buy_num').val(parseInt(num));
            $('#buy_money').text($('#buy_num').val() * dis_price);
            $('#enablenum1').text(dis_num);
            $('#enablenum2').text(dis_num+parseInt(num));

        }
        $(".payment").removeClass("on");
        $("#ewm_box img").attr('src', '');//清空二维码

    });

    //选择购买项目
    function setkfnum(ob)
    {
        $(".kfnum").removeClass('on');
        $(ob).addClass('on');

        var money=$(ob).attr('flag');
        var num=$(ob).attr('num');
        if(ucount!="")
            num=num-parseInt(ucount);
        pid=$(ob).attr('pid');

        $("#buy_money").text(money);
        $("#enablenum1").text(num);

        $("#ewm_box img").attr('src', '');//清空二维码
        $(".payment").removeClass("on");

        //默认选择微信
        $('.wx.payment').click();
    };

    //生成二维码
    function create_QRCode(obj)
    {
        if(pid==0) {
            layer.alert('请选择购买的价格!',{icon: 6, time: 3000});
            return;
        }
        var payway=$(obj).attr('flag');
        var data = {
            'buy_num': 1,//数量
            'payWay': payway,
            'type':1,  //分销推广
            'pid':pid
        };
        var shadow = layer.msg('加载中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false,offset: '150px',time: 0});
        var r = ajax_return('{:url("Index/Create_QRCode")}', data, false, 'post', 2);
        if (r['code'] == 1) {
            trxNo = r['trxNo'];              //流水号
            payUrl = r['payUrl'];            //支付链接
            recharge_no = r['orderNo'];      //传入orderNo
            bankOrderNo = r['bankOrderNo'];  //银行订单号=流水号
            QRCode.makeCode(payUrl);         //生成二维码
            $("#ewm_box").attr('title', '');
            setTimeout(function () {
                layer.close(shadow);
            },500)
        }
    }

    //定时校验支付状态,支付成功时关闭支付layer
    var T =  window.setInterval("submit_wx()", 1000);
    function submit_wx()
    {
        if (bankOrderNo != '') {
            //支付状态查询
            var url='/index.php/admin/template/recharge_query?bankOrderNo=' + bankOrderNo;
            $.ajax({
                type : 'post',  //提交方式
                url  : url,
                dataType : 'json',
                success: function(r) {
                    var arr=r;
                    //客户支付完成
                    if (arr['code'] == 0) {
                        //支付完成&&处理完成
                        if (arr['data']['status'] == 100) {
                            trxNo = '';
                            payUrl = '';
                            recharge_no = '';
                            bankOrderNo = '';
                            parent.layer.closeAll();
                            parent.layer.alert('购买成功!',{icon: 6, time: 3000});
                            window.location.href='/index.php/admin/System/index/inc_type/distribut.html'
                            clearInterval(T);
                        }
                    }
                }
            });
        }
    }

    //---免费体验----
    function freeTast() {
        if(confirm('您确定要免费体验吗?')){
            var shadow = layer.msg('加载中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false,offset: '150px',time: 0});
            $.ajax({
                type: 'get',
                url: '/index.php/admin/index/free_tast_distri',
                dataType: 'json',
                success: function (data) {
                    layer.close(shadow);
                    if (data.code== 1) {
                        layer.alert('您提交体验成功!',{icon: 6, time: 3000});
                        setTimeout(function () {
                            window.location.href="/index.php/admin/System/index/inc_type/distribut.html";
                        },2000)
                    }else{
                        layer.alert(data.msg,{icon: 6, time: 3000});
                    }
                }
            });
        }
    }
</script>
</body>
</html>