hebei-chengben-car/common/widget/views/pay.php

<!--PC充值金币-->
<?php if($act=='coinrecharge'){
       if($request_from==1){?>
        <style>
            .vip-qrcode.hpwx_pay{ width: 125px;height: 125px;padding-top: 15px;padding-left: 15px;}
        </style>
        <div class="zfuma flexaround">
            <?php if($wxpay){?>
            <div class="scanarea">
                <div class="title2">请扫码完成支付</div>
                <div class="vip-qrcodebox">
                    <div class="ifr_cont">
                        <img class="vip-qrcode <?php echo $wxpay;?>" id="wxpay_code" style="display:none;"/>
                    </div>
                    <div class="scanarea-title3">
                        <span class="iconfont icon-weixin8"></span>微信支付
                    </div>
                </div>
            </div>
            <?php }?>
            <?php if($alipay){?>
            <div class="scanarea">
                <div class="title2">请扫码完成支付</div>
                <div class="vip-qrcodebox">
                    <div class="ifr_cont zfbf">
                        <iframe class="vip-qrcode" id="alipay_code" scrolling="no"  style="display:none;width: 125px; height: 125px; padding-left: 15px; padding-top: 15px; border: none;"/></iframe>
                    </div>
                    <div class="scanarea-title3">
                        <span class="iconfont icon-zhifubao3"></span>支付宝支付
                    </div>
                </div>
            </div>
            <?php }?>
        </div>
        <?php }else{ ?>
        <div class="pay-box coinrecharge" style="<?php if(!($wxpay||$alipay)){?> display:none; <?php }?>">
                <h2>支付方式</h2>
                <div class="payment-container">
                    <input type="hidden" value="" name="pay_method" id="pay_method">
                    <?php if($wxpay){?>
                    <div class="payment-item pay-item wx" data-id="<?php echo $wxpay;?>">
                        <div class="left">
                            <span class="iconfont icon-weixin8"></span>
                            <span>微信支付</span>
                        </div>
                        <div class="right">
                            <span class="iconfont icon-confirm-line"></span>
                        </div>
                    </div>
                    <?php }?>
                    <?php if($alipay){?>
                    <div class="payment-item pay-item zfb"  data-id="<?php echo $alipay;?>">
                        <div class="left">
                            <span class="iconfont icon-zhifubaozhifu2"></span>
                            <span>支付宝</span>
                        </div>
                        <div class="right">
                            <span class="iconfont icon-confirm-line"></span>
                        </div>
                    </div>
                    <?php }?>
                </div>
            </div>
        <?php }?>
        <input type="hidden" name="coin_num" id="coin_num">
        <input type="hidden" name="total_price" id="total_price">
        <input type="hidden" name="discount_price" id="discount_price" value="0">
        <input type="hidden" name="act" id="act" value="coinrecharge">
        <input type="hidden" name="order_sn" id="order_sn" value="<?php echo $order_sn;?>">
        <input type="hidden" name="return_url" id="return_url" value="<?php echo $return_url;?>">
<?php }?>
<!--PC开通VIP-->
<?php if($act=='buyvip'){
    if($request_from==1){?>
    <style>
    .vip-qrcode.weixin_pay{width: 140px;height: 140px;position:absolute;top:0;left:0;}
    </style>
    <div class="payconl">
        <form id="payform">
            <input type="hidden" name="vip_type" id="vip_type" value="0">
            <input type="hidden" name="total_price" id="total_price" value="0">
            <input type="hidden" name="discount_price" id="discount_price" value="0">
            <input type="hidden" name="act" id="act" value="buyvip">
            <input type="hidden" name="order_sn" id="order_sn" value="<?php echo $order_sn;?>">
            <input type="hidden" name="return_url" id="return_url" value="<?php echo $return_url;?>">
        </form>
        <ul class="paymethod-list openvip flexbetwen">
            <div class="titps">选择支付方式</div>
            <?php if($wxpay){?>
            <li class="active  paymethod-item wxbtn" data-paymethod="<?php echo $wxpay;?>" data-type="wx">
                <span class="iconfont icon-weixin8 wx1"></span> 微信支付
                <div class="flag" hidden><span class="iconfont icon-confirm-line"></span></div>
            </li>
            <?php }?>
            <?php if($alipay){?>
            <li class="<?php if(!$wxpay&&$alipay){?> active <?php }?> paymethod-item zfbbtn" data-paymethod="<?php echo $alipay;?>" data-type="ali" >
                <span class="iconfont icon-zhifubaozhifu2 wx2"></span>支付宝
                <div class="flag" hidden><span class="iconfont icon-confirm-line"></span></div>
            </li>
            <?php }?>
            <?php if($payconfig['open_coupon']){ ?>
            <li class="paymethod-item duibtnf" data-paymethod="" data-type="">
                <span class="iconfont icon-huangguan wx3"></span><?php echo Yii::$app->controller->module->baseconfig['viptit'];?>兑换码
                <div class="flag" hidden><span class="iconfont icon-confirm-line"></span></div>
            </li>
            <?php }?>
        </ul>
        <?php if(Yii::$app->controller->hasLogined()){?>
        <div class="scanarea" >
            <div><span class="title2">请扫码完成支付</span></div>
            <div class="vip-qrcodebox" >
                <div class="ifr_cont" style="border:1px solid #eee;position:relative;">
                    <?php if($alipay){?>
                    <iframe class="qrcode" src="" id="alipay_code" name="paycode"  frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"  style="display:none;width: 120px;height: 120px; margin-left: 5px; margin-top: 5px;"></iframe>
                    <?php }?>
                    <?php if($wxpay){?><img class="vip-qrcode <?php echo $wxpay;?>" id="wxpay_code" src=""  style="display:none;" /><?php }?>
                </div>
                <div class="flexstart">
                    <div>
                        <span class="scanarea-title6">支付金额</span>
                        <span class="scanarea-title4">￥</span>
                        <span class="scanarea-title5" id="price">0</span>
                        <span class="scanarea-title6" id="discount_tips">已优惠<b  id="cutmoney">0</b>元</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="duihuan flexbetwen" style="display: none;">
            <div class="tips">兑换<?php echo Yii::$app->controller->module->baseconfig['viptit'];?></div>
            <div class="dmain flexstart">
                <form class="flexbetwen astart layui-form" onsubmit="return false;">
                    <input type="text" class="text layui-input" name="coupon_no" id="coupon_no" placeholder="输入兑换码">
                    <span class="duibtn" id="duibtn" onclick="usevipcoupon()">兑换</span>
                </form>
            </div>
        </div>
        <?php }else{?>
        <div class="scanarea" >
            <div><span class="title2">请扫码完成支付</span></div>
            <div class="vip-qrcodebox">
                <div class="ifr_cont poplogin" style="background:#333;border:1px solid #000;color:#fff;text-align:center;cursor:pointer;">
                    <span style="display:block;margin-top:35px;">登录后<br>获取二维码支付</span>
                </div>
                <div class="flexstart">
                    <div>
                        <span class="scanarea-title6">支付金额</span>
                        <span class="scanarea-title4">￥</span>
                        <span class="scanarea-title5" id="price">0</span>
                        <span class="scanarea-title6" id="discount_tips">已优惠<b  id="cutmoney">0</b>元</span>
                    </div>
                </div>
            </div>
        </div>
        <?php }?>
    </div>
   <?php }else{ ?>
        <style>
            /*VIP兑换样式*/
            .czzbi .cznum .pay-box .payment-container .payment-item.payment-active.cardno{background: #FFE4BB;border: 0.01rem solid #ff9900;}
            .czzbi .cznum .pay-box .payment-container .payment-item.payment-active.cardno .right span{color: #ff9900;}
            .czzbi .cznum .pay-box .payment-container .payment-item.payment-active.cardno .right{border: 0.01rem solid #ff9900;}
            .czzbi .cznum .pay-box .payment-container .payment-item .left span.icon-vipkehu{color: #ff9900;}
            .czzbi .cznum .pay-box .payment-container .coupon_no_box {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                border: 0.01rem solid #ddd;
                padding: 0.1rem 0.2rem;
                margin-top: 0.2rem;
                font-size: .24rem;
                border-radius: 0.2rem;
            }
            .czzbi .cznum .pay-box .payment-container .coupon_no_box input{width:100%;height:0.75rem;line-height:0.5rem;}
        </style>
        <input type="hidden" name="vip_type" id="vip_type" value="<?php echo $selVipType?$selVipType->id:0;?>">
        <input type="hidden" name="total_price" id="total_price" value="<?php echo $selVipType?$selVipType->price:0;?>">
        <input type="hidden" name="discount_price" id="discount_price" value="<?php echo $selVipType->old_price?($selVipType->old_price-$selVipType->price):0;?>">
        <input type="hidden" name="act" id="act" value="buyvip">
        <input type="hidden" name="order_sn" id="order_sn" value="<?php echo $order_sn;?>">
        <input type="hidden" name="return_url" id="return_url" value="<?php echo $return_url;?>">
        <div   class="pay-box" style="margin: 0 0.2rem 0 0.2rem;<?php if(!$wxpay&&!$alipay){?> display:none; <?php }?> ">
            <h3 style="font-weight:bold;color:#333;">支付方式</h3>
            <div class="payment-container">
                <input type="hidden" value="" name="pay_method" id="pay_method">
                <?php if($wxpay){?>
                    <div class="payment-item pay-item wx" data-id="<?php echo $wxpay;?>" >
                        <div class="left">
                            <span class="iconfont icon-weixin8"></span>
                            <span>微信支付</span>
                        </div>
                        <div class="right">
                            <span class="iconfont icon-confirm-line"></span>
                        </div>
                    </div>
                <?php }?>
                <?php if($alipay){?>
                    <div class="payment-item pay-item zfb"  data-id="<?php echo $alipay;?>" >
                        <div class="left">
                            <span class="iconfont icon-zhifubaozhifu2"></span>
                            <span>支付宝</span>
                        </div>
                        <div class="right">
                            <span class="iconfont icon-confirm-line"></span>
                        </div>
                    </div>
                <?php }?>
                <?php if($payconfig['open_coupon']){ ?>
                <div class="payment-item pay-item cardno"  data-id="cardno" >
                    <div class="left">
                        <span class="iconfont icon-vipkehu"></span>
                        <span>VIP兑换码</span>
                    </div>
                    <div class="right">
                        <span class="iconfont icon-confirm-line"></span>
                    </div>
                </div>
                <div class="coupon_no_box"  id="coupon_no_box" style="display:none" >
                   <input type="text" value="" id="coupon_no" placeholder="请输入兑换码">
                </div>
                <?php }?>
            </div>
        </div>
<?php }} ?>
<!--PC购买文档-->
<?php if($act=='buydoc'){
      if($request_from==1){ ?>
<form id="payform">
    <input type="hidden" name="id" id="id" value="<?php echo $docConfig['id'];?>">
    <input type="hidden" name="total_price" id="total_price" value="<?php echo $docConfig['pay_price'];?>">
    <input type="hidden" name="discount_price" id="discount_price" value="<?php echo $docConfig['discount_price'];?>">
    <input type="hidden" name="act" id="act" value="<?php echo $act;?>">
    <input type="hidden" name="order_sn" id="order_sn" value="<?php echo $order_sn;?>">
    <input type="hidden" name="return_url" id="return_url" value="<?php echo $return_url;?>">
</form>
<div class="zfuma  <?php if($wxpay&&$alipay){?> flexbetwen <?php }else{ ?> flexaround <?php }?>" id="buydocma">
    <?php if($wxpay){?>
    <div class="scanarea">
        <div class="vip-qrcodebox">
            <div class="ifr_cont">
                <img class="vip-qrcode" id="wxpay_code" src="">
            </div>
            <div class="scanarea-title3"><span class="iconfont icon-weixin8"></span>微信支付</div>
        </div>
    </div>
    <?php }?>
    <?php if($alipay){?>
    <div class="scanarea">
        <div class="vip-qrcodebox">
            <div class="ifr_cont zfbf">
                <iframe class="vip-qrcode" src="" id="alipay_code"   frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"  style="width: 120px;height: 120px;margin-left: 15px; margin-top: 15px;"></iframe>
            </div>
            <div class="scanarea-title3"><span class="iconfont icon-zhifubao3"></span>支付宝支付</div>
        </div>
    </div>
    <?php }?>
</div>
<?php }else{ ?>
  <form id="payform" class="layui-form"  method="post" onsubmit="return false;">
      <input type="hidden" name="id" id="id" value="<?php echo $docConfig['id'];?>">
      <input type="hidden" name="total_price" id="total_price" value="<?php echo $docConfig['pay_price'];?>">
      <input type="hidden" name="discount_price" id="discount_price" value="<?php echo $docConfig['discount_price'];?>">
      <input type="hidden" name="act" id="act" value="<?php echo $act;?>">
      <input type="hidden" name="order_sn" id="order_sn" value="<?php echo $order_sn;?>">
      <input type="hidden" name="return_url" id="return_url" value="<?php echo $return_url;?>">
      <input type="hidden" name="pay_method" id="pay_method" value="" >
      <div class="payment-container pd2">
          <?php if($wxpay){?>
          <div class="payment-item pay-item wx" data-id="<?php echo $wxpay;?>" onclick="$('#dopay_btn').show();$('#docoinpay_btn').hide();">
              <div class="left">
                  <span class="iconfont icon-weixin8"></span>
                  <span>微信支付</span>
              </div>
              <div class="right">
                  <span class="iconfont icon-confirm-line"></span>
              </div>
          </div>
          <?php }?>
          <?php if($alipay){?>
          <div class="payment-item pay-item zfb"  data-id="<?php echo $alipay;?>" onclick="$('#dopay_btn').show();$('#docoinpay_btn').hide();">
              <div class="left">
                  <span class="iconfont icon-zhifubaozhifu2"></span>
                  <span>支付宝</span>
              </div>
              <div class="right">
                  <span class="iconfont icon-confirm-line"></span>
              </div>
          </div>
          <?php }?>
          <div class="payment-item pay-item coin"  data-id="coin" onclick="$('#docoinpay_btn').show();$('#dopay_btn').hide();">
              <div class="left">
                  <span class="iconfont icon-jifen1"></span>
                  <span><?php echo $docConfig['coin_name'];?>支付</span>
              </div>
              <div class="right">
                  <span class="iconfont icon-confirm-line"></span>
              </div>
          </div>

      </div>
      <div class="payment-btn"  id="dopay_btn">
          <span>支付并下载（<span class="nowprice" >¥<span id="price"><?php echo $docConfig['pay_price'];?></span></span>元）</span>
      </div>
      <div class="payment-btn coindown"  id="docoinpay_btn" style="display:none;">
          <span>支付并下载（<span class="nowprice" ><span id="price"><?php echo $docConfig['pay_coin_price'].$docConfig['coin_name'];?></span></span>）</span>
      </div>
      <div class="tipss" style="height:0.2rem"><span class="red"></span></div>
  </form>
<?php } }?>
<script>
var fetchOrderStatusInterval = null;
//PC充值金币
function loadWxCode()
{
    var data = $('#payform').serialize()+"&paymethod=<?php echo $wxpay;?>";
    $.post(app_url+'pay/codeimg/',data,function(result){
        if(result.error == 0)
        {
            $('#wxpay_code').attr('src',result.data.code_url).show();
        }
        else if(result.error==2)
        {
            if(result.data.order_sn!=$('#order_sn').val())
            {
                $('#order_sn').val(result.data.order_sn);
                refreshAllCode();
            }
        }
        else if(result.error==1)
        {
            message(result.msg);
        }
    },'json')
}

function loadAliCode()
{
    var data = $('#payform').serialize()+"&paymethod=<?php echo $alipay;?>";
    $.post(app_url+'pay/codeimg/',data,function(result){
        if(result.error == 0)
        {
            $('#alipay_code').attr('src',result.data.code_url).show();
        }
        else if(result.error==2)
        {
            if(result.data.order_sn!=$('#order_sn').val())
            {
                $('#order_sn').val(result.data.order_sn);
                refreshAllCode();
            }
        }
        else if(result.error==1)
        {
            message(result.msg);
        }
    },'json')
}

function refreshAllCode()
{

    <?php if(!empty($wxpay)&&!empty($alipay)){?>
    var data = $('#payform').serialize()+"&paymethod=<?php echo $wxpay;?>";
    $.post(app_url+'pay/codeimg/',data,function(result){
        if(result.error == 0)
        {
            $('#wxpay_code').attr('src',result.data.code_url).show();
            var alidata = $('#payform').serialize()+"&paymethod=<?php echo $alipay;?>&order_sn="+result.data.order_sn;
            $.post(app_url+'pay/codeimg/',alidata,function(aliresult){
                if(aliresult.error == 0)
                {
                    $('#alipay_code').attr('src',aliresult.data.code_url).show();
                }
                else if(aliresult.error==1)
                {
                    message(aliresult.msg);
                }
                else if(aliresult.error==2)
                {
                    if(aliresult.data.order_sn!=$('#order_sn').val())
                    {
                        $('#order_sn').val(aliresult.data.order_sn);
                        refreshAllCode();
                    }
                }
            },'json')

        }
        else if(result.error==1)
        {
            message(result.msg);
        }
        else if(result.error==2)
        {
            if(result.data.order_sn!=$('#order_sn').val())
            {
                $('#order_sn').val(result.data.order_sn);
                refreshAllCode();

            }
        }

    },'json')
    <?php }else if($wxpay){ ?>
    loadWxCode();
    <?php }else if($alipay){?>
    loadAliCode();
    <?php }?>
    if(fetchOrderStatusInterval!=null)clearInterval(fetchOrderStatusInterval);
    fetchOrderStatusInterval = setInterval(fetchOrderStatus,2000);
}

//PC加入VIP
function refreshVipPayCode()
{
    if(has_logined==0)return;
    $('#alipay_code').hide();
    $('#wxpay_code').hide();
    var paymethod = $(".paymethod-item.active").data('paymethod');
    var type = $(".paymethod-item.active").data('type');
    if(paymethod==''||type==''){
        if(fetchOrderStatusInterval!=null)clearInterval(fetchOrderStatusInterval);
        $('.scanarea').hide();
        $('.duihuan').show();
        return;
    }
    else
    {
        $('.scanarea').show();
        $('.duihuan').hide();
    }
    var data = $('#payform').serialize()+"&paymethod="+paymethod;
    $.post(app_url+'pay/codeimg/',data,function(result){
        if(result.error == 0)
        {
            if(type=='ali')
            {
                $('#alipay_code').attr('src',result.data.code_url).show();
                $('#wxpay_code').hide();
            }
            if(type=='wx')
            {
                $('#alipay_code').hide();
                $('#wxpay_code').attr('src',result.data.code_url).show();
            }
            if(fetchOrderStatusInterval!=null)clearInterval(fetchOrderStatusInterval);
            fetchOrderStatusInterval = setInterval(fetchOrderStatus,2000);
        }
        else if(result.error==2)
        {
            if(result.data.order_sn!=$('#order_sn').val())
            {
                $('#order_sn').val(result.data.order_sn);
                refreshVipPayCode();
            }
        }
        else if(result.error==1)
        {
            message(result.msg);
        }
    },'json')
}

//兑换VIP
function usevipcoupon()
{
    var coupon_no = $('#coupon_no').val();
    if(coupon_no=='')
    {
        message('请输入兑换码');
        return;
    }
    else
    {
        var loading = commonLoading();
        //提交
        $.ajax({
            type: "POST",
            url:api_url+"user/usevipcoupon",
            data:{coupon_no:coupon_no},
            headers: {'Authorization': 'Bearer '+access_token},
            success: function (res) {
                layer.close(loading);
                if (res.error == 0) {
                    timeMsg(res.msg);
                    if(typeof refer_page !='undefined' && refer_page!='' && refer_page.indexOf('coincharge')==-1 && refer_page.indexOf('vip')==-1)
                    {
                        window.location.href = refer_page;
                    }
                    else
                    {
                        window.location.reload();
                    }
                } else {
                    message(res.msg);
                }
            }
        });

    }
}


function fetchOrderStatus()
{
    var order_sn = $('#order_sn').val();
    var return_url = $('#return_url').val();
    if(return_url=='')return_url = app_url;
    $.get(app_url+'pay/orderstatus/',{order_sn:order_sn},function(result){
        if(result.error == 0)
        {
            if(fetchOrderStatusInterval!=null)clearInterval(fetchOrderStatusInterval);
            //如果是购买文档
            if(typeof result.data.downurl !='undefined'&&result.data.downurl!='')
            {
                message(result.msg);
                setTimeout(function(){
                    layer.closeAll();
                    //请求下载文件
                    if($('#downiframe').length>0){
                        var loading = commonLoading();
                        $('#downiframe').attr('src',result.data.downurl);
                        var timer = setInterval(function () {
                            $.get(app_url+"ajax/checkdown/",{downcode:result.data.downcode},function(checkres){
                                if(checkres.error==0)
                                {
                                    clearInterval(timer);
                                    layer.closeAll();
                                    if(has_logined) window.location.reload();
                                }
                                else
                                {
                                    layer.closeAll();
                                    clearInterval(timer);
                                }
                            })
                        }, 1000);
                    }

                },2000)
            }
            else
            {
                if(typeof refer_page !='undefined' && refer_page!='' && refer_page.indexOf('coincharge')==-1 && refer_page.indexOf('vip')==-1)
                {
                    messageGoto(result.msg,refer_page,2000);
                }
                else
                {
                    messageGoto(result.msg,return_url,2000);
                }
            }

        }
        else if(result.error==1)
        {
            message(result.msg);
            if(fetchOrderStatusInterval!=null)clearInterval(fetchOrderStatusInterval);
        }

    },'json')
}
//手机端的一些方法
$(function(){
    //支付方式切换
    $(".payment-item").bind('click',function(){
        $('.payment-item').removeClass('payment-active');
        $(this).addClass('payment-active');
        $('#pay_method').val($('.payment-item.payment-active').data('id'));
        if($('#pay_method').val()=='cardno')
        {
            $('#coupon_no_box').show();
        }
        else
        {
            $('#coupon_no_box').hide();
        }
    })
    //设置默认支付方式
    $('.payment-item').removeClass('payment-active').eq(0).addClass('payment-active');
    $('#pay_method').val($('.payment-item.payment-active').data('id'));
    //发送支付请求
    $(document).on("click", "#dopay_btn", function(){
        if($('#rule').length>0&&$('#rule').prop('checked')==false)
        {
            message("请认真阅读并接受服务协议");
            return false;
        }
        if($('#pay_method').val()=='cardno')
        {
            dowapCoupon();
        }
        else
        {
            $('#payform').attr('action',app_url+'pay/dowap/');
            $('#payform')[0].submit();
        }

    })
    $(document).on("click", ".dopay_btn", function(){
        if($('#rule').length>0&&$('#rule').prop('checked')==false)
        {
            message("请认真阅读并接受服务协议");
            return false;
        }
        if($('#pay_method').val()=='cardno')
        {
            dowapCoupon();
        }
        else
        {
            $('#payform').attr('action',app_url+'pay/dowap/');
            $('#payform')[0].submit();
        }
    })
})
//手机端兑换VIP
function  dowapCoupon()
{

    var coupon_no = $('#coupon_no').val();
    if(coupon_no=='')
    {
        message('请输入兑换码');
        return;
    }
    else
    {
        var loading = showLoad('正在请求，请稍候...');
        //提交
        $.ajax({
            type: "POST",
            url:api_url+"user/usevipcoupon",
            data:{coupon_no:coupon_no},
            headers: {'Authorization': 'Bearer '+access_token},
            success: function (res) {
                layer_mobile.close(loading);
                if (res.error == 0) {
                    timeMsg(res.msg);
                    if(typeof refer_page !='undefined' && refer_page!='' && refer_page.indexOf('coincharge')==-1 && refer_page.indexOf('vip')==-1)
                    {
                        window.location.href = refer_page;
                    }
                    else
                    {
                        window.location.reload();
                    }
                } else {
                    message(res.msg);
                }
            }
        });

    }

}

</script>