<extend name="Public/bases" /> <block name="body" > <link href="__CSS__/open.css" rel="stylesheet" > <!--<style> @media screen and (min-width: 768px) { .t-table .platform .btnbox.recharge-part{ padding-bottom: 18rem; } } </style>--> <body> <header class="header"> <div class=""> <a <if condition='$_SERVER["HTTP_REFERER"]'>href="{:$_SERVER["HTTP_REFERER"]}"<else/> href="{:U('User/index')}"</if> class="hbtn back"><i class="iconfont icon-drop-left"></i></a> <h1 class="caption">账户充值</h1> </div> </header> <div class="occupy"></div> <section class="trunker" style="margin-bottom: 0;"> <section class="container"> <ul class="t-tab jstab recharge-tab clearfix"> <li><a href="" class="btn active">平台币充值</a></li> <li><a href="" class="btn">折扣充值</a></li> </ul> <div class="t-table recharge-table jslist"> <div class="t-tabpan active"> <form class="platform" id="form1" action="{:U('User/recharge')}" method="post"> <div class="recharge-part"> <ul class="table info jsinfo"> <li class="table-row"> <span class="table-cell">充值账户</span> <span class="table-cell"> <input type="text" class="txt" name="account" value="{:session('suser_auth.account')}" readonly="readonly" placeholder="请输入充值账户"> </span> </li> <li class="table-row"> <span class="table-cell">充值金额</span> <span class="table-cell"> <input type="text" class="txt rcmoney" name="pay_amount" value="" placeholder="最低充值金额1元"> </span> </li> <li class="table-row"> <span class="table-cell">获得平台币</span><span class="table-cell"> <input type="text" class="txt rcplatform" name="balance" readonly placeholder=""> </span> </li> </ul> </div> <div class="recharge-part"> <ul class="table way"> <li class="table-caption"> <span class="table"> <span class="tcell"> <span class="font">请选择支付方式</span> </span> </span> </li> <li class="table-row"> <span class="table-cell"> <i class="iconfont icon-alipay"></i> <span class="text"> <span>支付宝</span> <span>支付宝安全支付</span> </span> </span> <span class="table-cell"> <label class="input-radio"> <input type="radio" class="radio on jssbtn" name="way" checked value="1"> <i class="iconfont icon-yes"></i> </label> </span> </li> <li class="table-row" id="weixin"> <span class="table-cell"> <i class="iconfont icon-weixin"></i> <span class="text"> <span>微信支付</span> <span>支持微信4.2以上版本支付</span> </span> </span> <span class="table-cell"> <label class="input-radio"> <input type="radio" class="radio jssbtn" name="way" value="2"> <i class="iconfont icon-yes"></i> </label> </span> </li> <if condition="get_tool_status('goldpig') eq 2"> <li class="table-row"> <span class="table-cell"> <i class="iconfont goldpig"></i> <span class="text"> <span>金猪支付</span> <span>支持多种支付</span> </span> </span> <span class="table-cell"> <label class="input-radio"> <input type="radio" class="radio jssbtn" name="way" value="8"> <i class="iconfont icon-yes"></i> </label> </span> </li> </if> </ul> </div> <div class="btnbox recharge-part recharge-table-btnbox"> <input type="submit" class="btn jssubmit" value="确认支付"> </div> <input type="hidden" name="spendType" value="1"> </form> </div> <div class="t-tabpan"> <form id="form2" class="abatement" action="{:U('User/recharge')}" method="post"> <div class="recharge-part"> <ul class="table info jsinfo"> <li class="table-row"> <span class="table-cell">充值账户</span> <span class="table-cell"> <input type="text" class="txt" id="account" name="account" placeholder="请输入充值账户" readonly="readonly" value="{:session('suser_auth.account')}"> </span> </li> <li class="table-row"> <span class="table-cell">选择游戏</span> <span class="table-cell"> <div class="input-select"> <select id="game_id" name="game_id" class="txt select" style="width:100%;"> <option value="">请选择充值游戏</option> <volist name="gameList" id="vo"> <option value="{$vo.id}" data-radio="{$vo.bind_recharge_discount}">{$vo.game_name}</option> </volist> </select> </div> </span> </li> <li class="table-row"> <span class="table-cell">充值金额</span> <span class="table-cell"> <input type="text" class="txt rcmoney" id="pay_amount" name="pay_amount" placeholder="最低充值金额1元"> </span> </li> <li class="table-row"> <span class="table-cell">折扣比例</span> <span class="table-cell"> <input type="text" class="txt discount" value="" readonly> <input class="rcratio" name="ratio" type="hidden" value=""> </span> </li> <li class="table-row"> <span class="table-cell">实付金额</span> <span class="table-cell"> <input type="text" class="txt realmoney" name="realmoney" readonly > </span> </li> <li class="table-row"> <span class="table-cell">获得绑币</span> <span class="table-cell"> <input type="text" class="txt rcplatform" name="rcplatform" readonly > </span> </li> </ul> </div> <div class="recharge-part"> <ul class="table way"> <li class="table-caption"> <span class="table"> <span class="tcell"> <span class="font">请选择支付方式</span> </span> </span> </li> <li class="table-row"> <span class="table-cell"> <i class="iconfont icon-alipay"></i> <span class="text"> <span>支付宝</span> <span>支付宝安全支付</span> </span> </span> <span class="table-cell"> <label class="input-radio"> <input type="radio" class="radio on jssbtn" name="way" value="1" checked ><i class="iconfont icon-yes"></i> </label> </span> </li> <li class="table-row" id="recharge_weixin"> <span class="table-cell"> <i class="iconfont icon-weixin"></i> <span class="text"> <span>微信支付</span> <span>支持微信4.2以上版本支付</span> </span> </span> <span class="table-cell"> <label class="input-radio"> <input type="radio" class="radio jssbtn" name="way" value="2"><i class="iconfont icon-yes"></i> </label> </span> </li> <if condition="get_tool_status('goldpig') eq 2"> <li class="table-row"> <span class="table-cell"> <i class="iconfont goldpig"></i> <span class="text"> <span>金猪支付</span> <span>支持多种支付</span> </span> </span> <span class="table-cell"> <label class="input-radio"> <input type="radio" class="radio jssbtn" name="way" value="8"><i class="iconfont icon-yes"></i> </label> </span> </li> </if> </ul> </div> <div class="btnbox recharge-part recharge-table-btnbox"> <input type="button" class="btn jssubmit" value="确认支付"> </div> <input type="hidden" name="spendType" value="2"> </form> </div> </div> </section> </section> <div class="popmsg pop-dialog"></div> <script src="__JS__/pop.lwx.min.js"></script> <script src="__JS__/select2.min.js"></script> <script> $(function() { var popmsg = $('.popmsg').pop(); if (isWeiXin() || !is_mobile()) { $('#weixin').hide(); $("#recharge_weixin").hide(); } if(isWeiXin()){ popmsg.msg('请点击右上角按钮,选择在浏览器中打开去充值'); } $('.jstab .btn').click(function() { var that = $(this),parent = that.closest('.jstab'),sib=parent.siblings('.jslist'); parent.find('.btn').removeClass('active'); var index = that.addClass('active').closest('li').index(); sib.find('.t-tabpan').eq(index).addClass('active').siblings().removeClass('active'); return false; }); $('.jssbtn').click(function() { var that = $(this); if (that.hasClass('on')) { that.removeClass('on'); } else { that.closest('.table').find('.jssbtn').removeClass('on'); that.addClass('on'); } }); $('#game_id').select2().change(function() { var that = $(this),cur = that.find('option:selected'); var ratio = cur.attr('data-radio'); var parent = that.closest('.jsinfo'); var rr = parent.find('.rcratio'); var sib = rr.siblings('input'); var rm = parent.find('.realmoney'); var rc = parent.find('.rcmoney').val(); rr.val('');sib.val(''); if (ratio !='0.00' && ratio != '') { rr.val(ratio); sib.val(ratio+'折'); if (rc) { var rmnum = Math.floor(ratio*100 * rc/10)/100; rm.val(rmnum); } } else { sib.val(10+'折'); rr.val(10); rm.val(rc); } }); $('.rcmoney').keyup(function() { var that = $(this),val = $.trim(that.val()),parent=that.closest('.jsinfo'),pf=parent.find('.rcplatform'); var rm = parent.find('.realmoney'); if(val == ""){return true;} if (val) { if (val>0 && /^(0|[1-9][0-9]*)$/.test(val)) { pf.val(val); if (rm) { var ratio = $.trim(parent.find('.rcratio').val()) || 10; var rmnum = Math.floor(ratio*100 * val/10)/100; rm.val(rmnum); } } else { popmsg.msg('请输入非零开头的正整数');that.val('').focus(); pf.val('');if(rm) {rm.val('');} } } else { popmsg.msg('请输入充值金额');that.val('').focus(); pf.val('');if(rm) {rm.val('');} } }); function isWeiXin(){ var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i) == 'micromessenger'){ return true; }else{ return false; } } function is_mobile() { var regex_match = /(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browser|up.link|htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|techfaith|palmsource|blackberry|alcatel|amoi|ktouch|nexian|samsung|^sam-|s[cg]h|^lge|ericsson|philips|sagem|wellcom|bunjalloo|maui|symbian|smartphone|midp|wap|phone|windows ce|iemobile|^spice|^bird|^zte-|longcos|pantech|gionee|^sie-|portalmmm|jigs browser|hiptop|^benq|haier|^lct|operas*mobi|opera*mini|320x320|240x320|176x220)/i; var u = navigator.userAgent; if (null == u) { return true; } var result = regex_match.exec(u); if (null == result) { return false } else { return true } } function validation(obj){ var account = obj.find('input[name="account"]').val(); var game_id = obj.find('select option:selected').val(); var pay_amount = obj.find('input[name="pay_amount"]').val(); if($.trim(account) == ''){ popmsg.msg('请输入充值账号'); return false; } if(obj.attr('id') == 'form2' && $.trim(game_id) == ''){ popmsg.msg('请选择充值游戏'); return false; } if($.trim(pay_amount) == ''){ popmsg.msg('请输入充值金额'); return false; } return true; } $('.jssubmit').click(function(){ var than = $(this),form = than.closest('form'); if(than.hasClass('disabled')) { return false; } than.addClass('disabled'); if($("#form1 .on").val()==8){ $("#form1").attr("action","{:U('pay/goldpig')}"); if(validation($("#form1"))){ $("#form1").submit(); }else{ than.removeClass('disabled'); } return false; } if($("#form2 .on").val()==8){ $("#form2").attr("action","{:U('pay/goldpig')}"); if(validation($("#form2"))){ $("#form2").submit(); }else{ than.removeClass('disabled'); } return false; } if(validation(form)){ $.ajax({ url:form.attr('active'), type:"post", dataType:"json", data:form.serialize(), success:function(result){ than.removeClass('disabled'); if(result.status == 1){ window.location.href = result.url; }else{ popmsg.msg(result.info); } }, error:function(){ alert("服务端异常"); } }) }else{ than.removeClass('disabled'); } return false; }) }); </script> </body> </block> <block name="footer"></block>