huahuibao/app/frontend/views/mobile/choosePay.php

<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/goods/alipayHint.png" /></div>
<div class="lay-til J_MenuBody" id="J_SubHead">
	<div class="header-con">
		<i class="arrow-back"></i>
		  <h1>成功下单</h1>
	</div>
</div>
<div class="lay-body" id="J_MainBody">
	<div class="order-success">
		<div class="os-header os-header-wait">
			<div class="container" style="background:#7BB0B8;">
				<i class="u-wait"></i>
			 <h1 class="os-header-h1" style="padding-top:68px;">等待支付</h1>
			</div>
		</div>
		<div class="os-info">
		<?php if($asset['balance'] > 0 && $this->context->isLogin){?>
			<p>您的帐户余额：￥<?= $asset['balance'] ?></p>
		<?php } ?>
			<p>订单号：<?=$orderId ?></p>
			<p>金额：￥<?=$totalFee ?></p>
		</div>
		<?php if($asset['balance'] > 0 && $this->context->isLogin){ ?>
		<div class="os-btn" style="margin-bottom:15px;">
		<a  name="balancePay" style="padding:10px 10px;width:60%;" href="javascript:void(0)">余额支付</a>
		</div>
		<?php } ?>
		<?php if($this->context->isWeixin){?>
		<div class="os-btn" style="margin-bottom:15px;">
		<a name="weixinPay" style="padding:10px 10px;width:60%;background:#06bf04" href="javascript:void(0)" >微信支付</a>
		</div>

		<div class="os-btn" style="margin-bottom:15px;">
            <a name="aliPayInWeixin" style="padding:10px 10px;width:60%;background:#38f" href="javascript:void(0)" >支付宝支付</a>
        </div>

		<?php }else{ ?>
        <div class="os-btn" style="margin-bottom:15px;">
            <a name="aliPay" style="padding:10px 10px;width:60%;background:#38f" href="javascript:void(0)" >支付宝支付</a>
        </div>
        <?php } ?>
		<p class="os-ps">30分钟内订单将为您保留，请尽快付款</p>
		 <p class="os-footer">&nbsp;</p>
	</div>
</div>
</div>

<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="close" 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="payPassword" class="m-full-txt reg-phone-number J_Phone" placeholder="支付密码">
                    </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($user['payPassword'])){ ?>
                    &nbsp;
                    <?php }else{ ?>
                    您还没有设置支付密码哦，<a style="font-size:12px;" href="/center/password?account=<?= $this->context->merchant['id'] ?>">点此设置</a>
                    <?php } ?>
                    </div>
                    </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">

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

$("a[name=aliPay]").click(function(){
	window.location.href="/mobile/order-alipay?account=<?= $this->context->merchant['id'] ?>&orderId=<?= $orderId ?>";
});

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 appId,nonceStr,package,paySign,signType,timeStamp;
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='/mobile/success?account=<?= $this->context->merchant['id'] ?>&orderId=<?= $orderId ?>';
		  }
	   }
    );
}
//关闭余额支付弹框
$("span[name=close]").click(function(){
	entireSiteBeCenterMask.css("display","none");
	payBeCenter.css("display","none");
	$('html').removeClass('noscroll');//有浮层不允许底部滚动	
});
//余额支付弹框
$("a[name=balancePay]").click(function(){
	entireSiteBeCenterMask.css("display","block");
	payBeCenter.css("display","block");
	$('html').addClass('noscroll');//有浮层不允许底部滚动
	<?php if(!empty($user['payPassword'])){ ?>
	$("input[name=payPassword]").val('').focus();
	<?php } ?>
});
//确认余额支付
$("button[name=makeSureToPay]").click(function(){
var payPassword		= $("input[name=payPassword]").val();
var data = 'orderId=<?= $orderId ?>&payPassword='+payPassword+'&_csrf=<?= Yii::$app->request->csrfToken ?>&couponId=<?= $couponId ?>';
$.ajax({type:"POST",url:'/mobile/balance-pay?account=<?= $this->context->merchant['id'] ?>',data:data,dataType:'json',async:false,success:function(data){
    xhPopMsg(data.msg,1800);
    if(data.code == 'A0001'){
     	setTimeout(function(){
    		window.location.href='/mobile/success?account=<?= $this->context->merchant['id'] ?>&orderId=<?= $orderId ?>';
        },1000);   
    }
}});
});
//微信支付
$("a[name=weixinPay]").click(function(){
    var	couponId		= 0;
    var data			= 'orderId=<?= $orderId ?>&_csrf=<?= Yii::$app->request->csrfToken ?>&couponId=<?= $couponId ?>';
    $.ajax({
        type:"POST",
        url:'/mobile/get-wx-params?account=<?= $this->context->merchant['id'] ?>',
        data:data,
        dataType:'json',
        async:false,success:function(data){
            if(data.code == 'A0001'){
                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();//调用微信JS api 支付
                }
            }else{
                xhPopMsg(data.msg,1800);
            }
        }
    });
});	
</script>