zhh
/
huahuibao


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544
							<!DOCTYPE html>
<html class="" lang="zh-cmn-Hans">
<head>
    <meta charset="utf-8">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="cleartype" content="on">
    <meta name="referrer" content="always">
    <title>您正在向【<?= $this->context->merchant['merchantName'] ?>】付款</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link type="text/css" rel="stylesheet" href="/css/pay/index.css?version=<?= $this->context->version ?>1">
    <link rel="stylesheet" href="/css/pay/cashier.css?version=<?= $this->context->version ?>">
    <link type="text/css" rel="stylesheet" href="/css/wapmain.css?version=<?= $this->context->version ?>">
</head>
<body style="background:#f8f8f8;">
<div name="payMask" style="position:fixed;left:0;top:0;width:100%;height:100%;z-index:990;background-color:gray;filter:alpha(opacity=10);opacity:0.8;display:none;">
    <img style="float:right;width:60%;" src="/images/pay/alipay.png"/></div>
<div name="entireSiteBeCenterMask" class="xhMask"></div>
<div name="xhCenterModal" class="xhCenterModal"></div>
<div class="container " style="min-height: 441px;">
    <div class="content free-cash ">
        <div class="cashier-info-container center">
            <div class="avatar cashier-avatar" style="height:auto;">
                <a href="/user/logout?account=<?= $this->context->merchant['id'] ?>">
                    <img class="circular" style="width:60px;height:60px;" src="<?= Yii::$app->params['imgUrl'] . $this->context->merchant['logo'] ?>" alt="<?= $this->context->merchant['merchantName'] ?>">
                </a>
            </div>
            <div class="js-cashier-form block cashier-form text-left">
                <label for="cashier-price" class="font-size-12 cashier-label">金额（元）</label>
                <p class="cashier-field">
                    <i class="money-text">￥</i> <span type="text" id="cashier-price" class="cashier-text"></span>
                    <i id="js-cashier-cursor" class="cursor"></i>
                </p>
            </div>
            <div style="text-align:left;margin-top:.5rem;display:none;" name="hasCoupon">
                <span class="has_coupon">您有优惠卷可用，<a href="javascript:;" onclick="goSetUsageCategory()">点此查看</a></span>
            </div>
			<?php if (!empty($level)) { ?>
                <div class="is_member">您是<?= $level ?>级会员，享<?= $discount ?>折优惠。<span id="actPay"></span>
                </div>
			<?php } ?>
            <div class="use_coupon_amount" name="use_coupon_amount" onclick="window.location.reload(true)"></div>
        </div>
    </div>
    <div class="myCouponMask"></div>
    <div class="my_coupon_list">
        <div class="show_coupon_list">
            <div class="top">
                <span class="to_get">请点击选择优惠卷：</span> <span onclick="confirmClose()" class="close">×</span>
            </div>

            <div name="available_coupon" style="z-index:9999">

            </div>

        </div>
        <div class="show_no_coupon">
            <div class="top">
                <span class="not_to_get">您本次付款未达到使用优惠卷的条件</span>
                <div style="text-align:center;">
                    <button type="button" onclick="confirmClose()" style="width:50%;margin:0 auto;" class="btn-pay btn btn-block btn-large btn-wxwappay btn-green">确认</button>
                </div>
            </div>
        </div>
        <div class="usage_category">
            <span class="second_show">请先确认本次付款商品的类型和用途：</span>
            <div class="item_list category">
                <span class="header">类型：</span>
				<?php if (!empty($categoryList)) {
					foreach ($categoryList as $category) { ?>
                        <span onclick="getThisCategory(<?= $category['id'] ?>,this)" name="categoryItem" class="item"><?= $category['name'] ?></span>
					<?php }
				} ?>
            </div>
            <div class="item_list usage">
                <span class="header">用途：</span>
				<?php if (!empty($usageList)) {
					foreach ($usageList as $usage) { ?>
                        <span onclick="getThisUsage(<?= $usage['id'] ?>,this)" name="usageItem" class="item"><?= $usage['name'] ?></span>
					<?php }
				} ?>
            </div>
        </div>
    </div>

    <div class="action-container" id="js-cashier-action">
		<?php $display = 'block';
		if (isset($userAsset['balance']) && $userAsset['balance'] > 0) {
			$display = 'none' ?>
            <div style="margin-bottom: 13px;">
                <button type="button" pay-way="balance" name="toPay" class="btn-pay btn btn-block btn-large btn-aliwap btn-blue">余额支付</button>
            </div>
            <div style="font-size:14px;color:#999;text-align:center;">余额：<?= $userAsset['balance'] ?>元
                <span style="color:#005097;" onclick="$('#otherPayWay').css('display','block')">更多付款方式</span></div>
		<?php } ?>
        <div id="otherPayWay" style="display:<?= $display ?>;padding-top:8px;">
			<?php if ($this->context->isWeixin) { ?>
                <div style="margin-bottom: 13px;">
                    <button type="button" pay-way="weixin" name="toPay" class="btn-pay btn btn-block btn-large btn-wxwappay btn-green">微信支付</button>
                </div>
                <div style="margin-bottom: 13px;">
                    <button type="button" pay-way="alipay" name="aliPayInWeixin" class="btn-pay btn btn-block btn-large btn-aliwap  btn-blue">支付宝支付</button>
                </div>
			<?php } else { ?>
                <div style="margin-bottom: 13px;">
                    <button type="button" pay-way="alipay" name="toPay" class="btn-pay btn btn-block btn-large btn-aliwap  btn-blue">支付宝支付</button>
                </div>
			<?php } ?>
        </div>
    </div>
    <div style="" name="wxPayKeyboard">
        <div class="ui-keyboard js-keyboard on">
            <ul class="ui-keyboard-numbers js-num" name="keyboardNum">
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
                <li>7</li>
                <li>8</li>
                <li>9</li>
                <li class="zero">0</li>
                <li>.</li>
            </ul>
            <ul class="ui-keyboard-buttons">
                <li class="btn-del js-del" name="numDel">&lt;</li>
                <li class="btn-ok js-ok" name="fillOk">完成</li>
            </ul>
        </div>
    </div>
</div>

<div class="footer" style="min-height: 86px;">
    <div class="copyright">
        <div class="ft-copyright ">
        </div>
    </div>
</div>

<?php if (!empty($userInfo)) { ?>
    <div name="payBeCenter" class="xhBeCenterBox">
        <div class="lay-body" id="J_MainBody" style="padding-top:0px;">
            <div class="reg">
                <div style="padding-top:5px;margin-bottom:5px;">
                    <span name="directPaymentClose" style="display:block;float:right;margin-right:10px;color:white;font-size:25px;">×</span>
                </div>
                <div class="reg-form">
                    <div class="m-form reg-phone">
                        <input type="password" name="directPaymentPassword" class="m-full-txt reg-phone-number J_Phone" placeholder="请输入支付密码">
                        <input type="hidden" name="balancePayOrderId" value=""/>
                    </div>
                    <div style="margin:0 5%;font-size:12px;color:red;" name="payMention"></div>
                    <div class="login-btn clearfix">
                        <button type="button" name="makeSureToPay">支付</button>
                        <div style="font-size:12px;padding-top:4px;padding-bottom:4px;margin-top:12px;">
							<?php if (!empty($userInfo['payPassword'])) { ?>
                                <a style="font-size:12px;color:red;" href="javascript:void(0)" name="directPayMention"></a>
							<?php } else { ?>
                                您还未设置支付密码哦~
                                <a style="font-size:12px;color:blue;" href="/center/password?account=<?= $_GET['account'] ?>">点此设置</a>
							<?php } ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<?php } ?>
</body>
<script type="text/javascript" src="/js/jquery-1.10.2.min.js?version=<?= $this->context->version ?>"></script>
<script type="text/javascript" src="/js/util.js?version=<?= $this->context->version ?>"></script>
<script type="text/javascript" src="/js/jweixin-1.0.0.js?version=<?= $this->context->version ?>"></script>
<script>
    var payBeCenter = $("div[name=payBeCenter]");
    var entireSiteBeCenterMask = $("div[name=entireSiteBeCenterMask]");
    var payHeight = payBeCenter.outerHeight();//取div标签的高宽
    var payWidth = payBeCenter.outerWidth();
    var wWidth = $(window).width();//取浏览器高宽
    var wHeight = $(window).height();
    var scrollHeight = $(document).scrollTop();//获取当前窗口距离页面顶部高度
    var lH = (wHeight - payHeight) / 2 + scrollHeight;
    var lW = (wWidth - payWidth) / 2;
    payBeCenter.css({"z-index": 998, "position": "absolute", "left": lW, "top": lH,});

    var amount = 0;
    var couponId = 0;

    var categoryId = 0;
    var usageId = 0;
    //生成订单时专用参数
    var payCategoryId = 0;
    var payUsageId = 0;
	
	<?php if(!empty($level)){ ?>
    var discount = <?= $discount ?>;
	<?php } ?>

    $("span[name=directPaymentClose]").click(function () {
        entireSiteBeCenterMask.css("display", "none");
        payBeCenter.css("display", "none");
    });
    $("li[name=fillOk]").click(function () {
        //已经显示的优惠券隐藏
        $("div[name=use_coupon_amount]").html('');
        //卷id设置为零
        couponId = 0;
        //有优惠可以使用的提示
		<?php if($hasCoupon){ ?>
        $("div[name=hasCoupon]").css('display', 'block');
		<?php } ?>
        $("div[name=wxPayKeyboard]").css('display', 'none');
        $("#js-cashier-cursor").css("display", "none");
        amount = $("#cashier-price").text();
		<?php if(!empty($level)){ ?>
        //折扣后保留一位小数
        if (isNaN(amount) == false && amount.length > 0 && amount >= 1) {
            var newNum = (amount * 100 * discount) / 10000;
            var lastNum = Math.floor(newNum * 10) / 10;
            $("#actPay").html("实付款<i style='color:red;'>" + lastNum + "</i>元");
        }
		<?php } ?>
    });
    $("ul[name=keyboardNum] li").click(function () {
        var preNum = $("#cashier-price").text();
        var num = $(this).text();
        $("#cashier-price").text(preNum + num);
		<?php if(!empty($level)){ ?>
        $("#actPay").html("");
		<?php } ?>
    });
    $(".cashier-field").click(function () {
        $("#js-cashier-cursor").css("display", "inline-block");
        $("div[name=wxPayKeyboard]").fadeIn();
    });
    $("li[name=numDel]").click(function () {

        //已经显示的优惠券隐藏
        $("div[name=use_coupon_amount]").html('');
        //卷id设置为零
        couponId = 0;

        usageId = 0;
        categoryId = 0;
        payUsageId = 0;
        payCategoryId = 0;

        var preNum = $("#cashier-price").text();
        var preLen = preNum.length;
        var newNum = preNum.substring(0, preLen - 1);
        $("#cashier-price").text(newNum);
		<?php if(!empty($level)){ ?>
        $("#actPay").html("");
		<?php } ?>
    });

    var appId, nonceStr, package, paySign, signType, timeStamp, orderId;
    //调用微信JS api 支付
    function jsApiCall() {
        WeixinJSBridge.invoke(
            'getBrandWCPayRequest', {
                "appId": appId,     //公众号名称，由商户传入
                "timeStamp": timeStamp,         //时间戳，自1970年以来的秒数
                "nonceStr": nonceStr, //随机串
                "package": package,
                "signType": signType,         //微信签名方式：
                "paySign": paySign //微信签名
            },
            function (res) {
                WeixinJSBridge.log(res.err_msg);
                //alert(res.err_code+'|'+res.err_desc+'|'+res.err_msg);
                if (res.err_msg == 'get_brand_wcpay_request:ok') {
                    window.location.href = '/pay/success?account=<?= $this->context->merchant['id'] ?>&orderId=' + orderId;
                }
            }
        );
    }

    $("button[name=makeSureToPay]").click(function () {
        var directPaymentPassword = $("input[name=directPaymentPassword]").val();
        var balancePayOrderId = $("input[name=balancePayOrderId]").val();
        if (directPaymentPassword.length <= 0) {
            $('a[name=directPayMention]').html('请填写密码');
            return;
        }
        var data = 'orderId=' + balancePayOrderId + '&payPassword=' + directPaymentPassword + '&_csrf=<?= Yii::$app->request->csrfToken ?>&couponId=' + couponId;
        $.ajax({
            type: "POST",
            url: '/pay/balance-pay?account=<?= $this->context->merchant['id'] ?>',
            data: data,
            dataType: 'json',
            async: false,
            success: function (data) {
                xhPopMsg(data.msg, 1800);
                if (data.code == 'A0001') {
                    var orderId = data.data.orderId;
                    setTimeout(function () {
                        window.location.href = '/pay/success?account=<?= $this->context->merchant['id'] ?>&orderId=' + orderId;
                    }, 1000);
                }
            }
        });
    });

    $("input[name=directPaymentPassword]").focus(function () {
        $('a[name=directPayMention]').html('');
    });

    $("button[name=toPay]").click(function () {
        var currentAmount = $("#cashier-price").text();
        if (isNaN(currentAmount) || currentAmount.length <= 0) {
            xhPopMsg('请填写金额', 1800);
            return;
        }
        var payWay = $(this).attr('pay-way');
        var data = 'sourceType=<?= $sourceType ?>&prePrice=' + currentAmount + '&_csrf=<?= Yii::$app->request->csrfToken ?>&couponId=' + couponId + '&payWay=' + payWay + '&userId=<?= $userId ?>&shopId=<?= $shopId ?>&categoryId=' + payCategoryId + '&usageId=' + payUsageId;

        $.ajax({
            type: "POST",
            url: '/pay/get-params?account=<?= $this->context->merchant['id'] ?>',
            data: data,
            dataType: 'json',
            async: false,
            success: function (data) {
                if (data.code == 'A0001') {
                    orderId = data.data.orderId;//获取orderId

                    if (payWay == 'weixin') {//微信支付
                        appId = data.data.appId;
                        nonceStr = data.data.nonceStr;
                        package = data.data.package;
                        paySign = data.data.paySign;
                        signType = data.data.signType;
                        timeStamp = data.data.timeStamp;
                        if (typeof WeixinJSBridge == "undefined") {
                            if (document.addEventListener) {
                                document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);
                            } else if (document.attachEvent) {
                                document.attachEvent('WeixinJSBridgeReady', jsApiCall);
                                document.attachEvent('onWeixinJSBridgeReady', jsApiCall);
                            }
                        } else {
                            jsApiCall();
                        }
                    } else if (payWay == 'alipay') {//支付宝支付
                        window.location.href = "/pay/exec-alipay?couponId=" + couponId + "&orderId=" + orderId + "&account=<?= $this->context->merchant['id'] ?>&shopId=<?= $shopId ?>";
                    } else {//余额支付
                        entireSiteBeCenterMask.css("display", "block");
                        payBeCenter.css("display", "block");
                        $('html').addClass('noscroll');//有浮层不允许底部滚动
                        $("div[name=wxPayKeyboard]").css('display', 'none');
						<?php if(!empty($userInfo['payPassword'])){ ?>
                        $("input[name=directPaymentPassword]").val('').focus();
						<?php }else{ ?>
                        $("input[name=directPaymentPassword]").val('');//没有设置支付密码不自动获得焦点
						<?php } ?>
                        $("input[name=balancePayOrderId]").val(orderId);
                    }
                } else {
                    xhPopMsg(data.msg, 1800);
                }
            }
        });
    });

    //微信里的支付宝支付提示
    $("button[name=aliPayInWeixin]").click(function () {
        $("div[name=payMask]").css("display", "block");
    });

    $("div[name=payMask]").click(function () {
        $(this).css("display", "none");
    });
	
	<?php if($this->context->isWeixin){ ?>
    //微信分享
    var shareTitle = '点我付款';
    var descContent = '享随机优惠，最高20元。';
    var lineLink = '<?= Yii::$app->params['frontUrl'] ?>/pay/index?account=<?= $this->context->merchant['id'] ?>&shopId=<?= $shopId ?>&sourceType=2';
    var imgUrl = '<?= Yii::$app->params['frontUrl'] ?>/images/pay/pay.jpg';
    wx.config({
        debug: false,
        appId: '<?= $this->context->signPackage['appId'] ?>',
        timestamp: <?= $this->context->signPackage['timestamp'] ?>,
        nonceStr: '<?= $this->context->signPackage['nonceStr'] ?>',
        signature: '<?= $this->context->signPackage['signature'] ?>',
        jsApiList: [
            'checkJsApi',
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'onMenuShareQQ',
            'onMenuShareWeibo',
        ]
    });

    wx.ready(function () {
        var shareData = {
            title: shareTitle,
            link: lineLink,
            imgUrl: imgUrl,
            desc: descContent,
        };

        wx.onMenuShareAppMessage(shareData);
        wx.onMenuShareTimeline({
            title: shareTitle,
            link: lineLink,
            imgUrl: imgUrl,
            desc: descContent,
            success: function () {
                //分享成功后的操作
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
        wx.onMenuShareQQ({
            title: shareTitle,
            link: lineLink,
            imgUrl: imgUrl,
            desc: descContent,
            success: function () {
                //分享成功后的操作
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
        wx.onMenuShareWeibo(shareData);
    });
	<?php } ?>

    //显示分类和用途 shish 2019.8.30
    function goSetUsageCategory() {
        $(".myCouponMask").css('display', 'block');
        $('.my_coupon_list').css('display', 'block');
        $('.show_coupon_list').css('display', 'none');
        $('.usage_category').css('display', 'block');
        $(".show_no_coupon").css('display', 'none');
    }

    function getThisCategory(id, o) {
        categoryId = id;
        payCategoryId = id;
        $(o).addClass('active').siblings().removeClass('active');
        console.log(amount);
        if (categoryId != 0 && usageId != 0 && parseFloat(amount) > 0) {
            getAvailableCoupon();
        }
    }

    function getThisUsage(id, o) {
        usageId = id;
        payUsageId = id;
        $(o).addClass('active').siblings().removeClass('active');
        console.log(amount);
        if (categoryId != 0 && usageId != 0 && parseFloat(amount) > 0) {
            getAvailableCoupon();
        }
    }

    function getAvailableCoupon() {
        //去除分类和用途标签的选中状态
        $("span[name=categoryItem]").each(function () {
            $(this).removeClass('active');
        });
        $("span[name=usageItem]").each(function () {
            $(this).removeClass('active');
        });
        //分类与用途区隐藏
        $(".usage_category").css('display', 'none');
        $.ajax({
            type: "GET",
            url: '/pay/get-my-coupon?categoryId=' + categoryId + '&usageId=' + usageId + '&amount=' + amount + '&account=<?= $this->context->merchantId ?>',
            async: false,
            dataType: 'json',
            success: function (data) {
                if (data.code == 1) {
                    var currentData = data.data;
                    if (currentData.length > 0) {
                        var couponList = '';
                        for (var i = 0; i < currentData.length; i++) {
                            couponList += '<div onclick="confirmThisCoupon(' + currentData[i].id + ',\'' + currentData[i].amount + '\')">\
                                <div class="stamp stamp04">\
                                <div class="par">\
                                <sub class="sign">￥</sub><span>' + currentData[i].amount + '</span>\
                                <p>满' + currentData[i].meetAmount + '元可用</p>\
                                </div>\
                                <div class="copy">有效期<p>2019-12-00<br>2019-12-30</p>\
                                </div>\
                                </div>\
                                </div>';
                        }
                        $("div[name=available_coupon]").html(couponList);
                        $(".show_coupon_list").css('display', 'block');
                        $(".show_no_coupon").css('display', 'none');
                        return true;
                    }
                }
                $(".show_coupon_list").css('display', 'none');
                $(".show_no_coupon").css('display', 'block');
            }
        });
        //重置分类与用途
        categoryId = 0;
        usageId = 0;
    }

    //使用优惠卷 shish 2019.8.30
    function confirmThisCoupon(id, couponAmount) {
        couponId = id;
        $(".myCouponMask").css('display', 'none');
        $(".my_coupon_list").css("display", "none");
        $("div[name=hasCoupon]").css("display", 'none');
        //会员不能同时使用
        $(".is_member").css("display", 'none');
        //浮点计算有问题，增加到1000倍修复
        var actPay = (amount * 1000 - couponAmount * 1000) / 1000;
        $(".use_coupon_amount").html("使用" + couponAmount + "元优惠卷，实付款<i style='color:red;'>" + actPay + "</i>元 <a href='javascript:;' onclick='window.location.reload(true)' style='color:blue;'>重选</a>");
    }

    //关闭窗口
    function confirmClose() {
        $(".myCouponMask").css('display', 'none');
        $(".my_coupon_list").css("display", "none");
        $("div[name=hasCoupon]").css("display", 'none');
        $(".is_member").css("display", 'block');
        //重置分类与用途
        categoryId = 0;
        usageId = 0;
        //去除分类和用途标签的选中状态
        $("span[name=categoryItem]").each(function () {
            $(this).removeClass('active');
        });
        $("span[name=usageItem]").each(function () {
            $(this).removeClass('active');
        });
    }

</script>
</html>