You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

780 lines
16 KiB
HTML

5 years ago
<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>