xc/com.sharemao.web.xw3/src/main/webapp/benefitSubmitAli.jsp

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="applicable-device" content="mobile">
    <meta name="format-detection" content="telephone=no" />
    <meta http-equiv="title" content="" />
    <title>会员权益</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link rel="stylesheet" href="/static/css/animate.min.css" type="text/css" media="all" />
	<link rel="stylesheet" href="/static/css/style.css?v=1" type="text/css" media="all" />
	<link rel="stylesheet" href="/static/css/swiper-bundle.min.css" type="text/css" media="all" />
    <script language="javascript" type="text/javascript" src="/static/js/jquery-3.6.0.min.js"></script>
    <script language="javascript" type="text/javascript" src="/static/js/animate.min.js"></script>
    <script language="javascript" type="text/javascript" src="/static/js/main.js"></script>
	<script language="javascript" type="text/javascript" src="/static/js/swiper-bundle.min.js"></script>
</head>

<body class="topbg">
<div class="box">
    <div class="form-item">
        <label>权益卡价格</label>
        <div class="form-text">￥${amount }</div>
    </div>
<!--     <div class="form-item">
        <label>优惠券选择</label>
        <div class="form-text" onclick="ShowBox('PopCoupons')" id="coupons">暂无可用优惠券</div>
    </div> -->
    <div class="form-item">
        <div class="form-text">
            <img src="/static/img/icon-wallet.png" class="icon">
            <span>钱包特惠支付(余额:￥${balance })</span>
			<input id="ubalance" value="${balance }" type="hidden">
        </div>
        <div class="select">
            <input type="radio" name="pay" value="balance" class="redcheck" id="WalletPay">
        </div>
    </div>
    <div class="form-item">
        <div class="form-text">
            <img src="/static/img/icon-pay-alipay.png" class="icon">
            <span>支付宝支付支付</span>
        </div>
        <div class="select">
            <input type="radio" name="pay" value="alipay" class="redcheck" checked="">
        </div>
    </div>
    <div class="form-item">
        <div class="form-text">
            <img src="/static/img/icon-pay-weixin.png" class="icon">
            <span>微信支付，请联系在线客服充值</span>
        </div>
        <div class="select">

        </div>
    </div>
</div>
<div class="apply-btn">
    <button class="btn" id="pay-btn">立即支付 ￥${amount }</button>
</div>
<!--弹层-优惠券-->
<div class='menu-mask' id="PopCoupons">
    <div class="popbox animated fadeInUp">
        <h2 class="tcenter">选择优惠券</h2>
        <div class="popbox-con">
            <div class="lite-card-select btn-coupons">
                <div class="list">
                    <div class="item">
                        <div class="name" data="满1500减100" data-getprice="1500" data-price="100">满1500减100</div>
                        <div class="allow"></div>
                    </div>
                    <div class="item">
                        <div class="name" data="满500减50" data-getprice="500" data-price="50">满500减50</div>
                        <div class="allow"></div>
                    </div>
                    <div class="item">
                        <div class="name" data="满200减30" data-getprice="200" data-price="30">满200减30</div>
                        <div class="allow"></div>
                    </div>
                    <div class="item">
                        <div class="name" data="满100减10" data-getprice="100" data-price="10">满100减10</div>
                        <div class="allow"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="icon-close" onclick="CloseBox('PopCoupons')"></div>
    </div>
</div>
<form class="form_wrap">
	<input  type="hidden" name="amount" id="trxamt" value="${amount }"/>
	<input  type="hidden" name="devid" id="devid"  value="${devid}"/>
	<input  type="hidden" name="type" id="type"  value="3"/>
	<input 	type="hidden" name="paytype" id="paytype" value="0" />
	<input  type="hidden" name="speedpackid" id="speedpackid"  value="${speedpackid }"/>
</form>

<div class="mask"></div>
<script>
	var thumbSwiper = new Swiper(".benefit-list", {
	    spaceBetween: 10,
	    slidesPerView: "auto",
	    freeMode: true,
	    watchSlidesProgress: true,
	});
    document.addEventListener('DOMContentLoaded', function() {
        const payButton = document.getElementById('pay-btn');

        // 提交订单按钮事件
        var isRequesting = false;
        payButton.addEventListener('click', function(e) {
        	if (isRequesting) return;
			isRequesting = true;
			$(".mask").show();
			
        	var ubalance=parseFloat($("#ubalance").val());
        	var pkgprice=parseFloat($("#trxamt").val());
			var input = $('.form_wrap').find('input,select'), param = {};
            input.each(function(i,item){
                item = $(item);
                var vType = item.attr('vtype'), ind = 0;
                param[item.attr('name')] = item.val();
				//alert(item);
            });
            var paytype = $(".redcheck:checked").val();
    		if(paytype == "alipay") {
				$.post('/mifi/toalipay.do',param,function(res){
	                $('.mask').hide();
	                if(typeof(res) === 'string'){
	                    res = JSON.parse(res);
						//alert(res.pay_info);
	                }
					
	                if(res.status !== "200"){
	                    alert(res.msg);
	                }else{
                        location.href = res.pay_info;
	                }
					isRequesting = false;
	            });
    		} else {
    			if(ubalance>=pkgprice) {
					param['amount']=pkgprice;
					$.post('/mifi/memPackRechargeToSpeedPack.do',param,function(res){
					    $('.mask').hide();
					    if(res == 'OK'){
							alert("支付成功");
							location.href = "/device/getDevInfo.do?sn="+$("#devid").val();
					    } else {
							alert(res);
							if(res == '用户余额不足！'){
								location.href = "/mifi/getMember.do";
							}
						}
						isRequesting = false;
					},'json');
				} else {
					alert("您的余额不足，请使用微信支付");
					$('.mask').hide();
					isRequesting = false;
				}
    		}
        });
    });
</script>
</body>
</html>