<extend name="Public/baseso" />
<block name="body" >
<link href="__CSS__/open.css" rel="stylesheet" >
<div class="occupy"></div>
<section class="trunker">
<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">
<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="" placeholder="请输入充值账户"></span></li>
<li class="table-row"><span class="table-cell">充值金额</span><span class="table-cell"><input type="text" class="txt rcmoney" name="" placeholder="最低充值金额1元"></span></li>
<li class="table-row"><span class="table-cell">获得平台币</span><span class="table-cell"><input type="text" class="txt rcplatform" name="" 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 ><i class="iconfont icon-yes"></i></label></span></li>
<li class="table-row"><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" ><i class="iconfont icon-yes"></i></label></span></li>
</ul>
</div>
<div class="btnbox recharge-part recharge-table-btnbox">
<input type="submit" class="btn jssubmit" value="确认支付">
</div>
</form>
</div>
<div class="t-tabpan">
<form class="abatement">
<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="" placeholder="请输入充值账户" value="15452052144"></span></li>
<li class="table-row"><span class="table-cell">选择游戏</span><span class="table-cell"><div class="input-select"><select id="gameid" name="game_id" class="txt select" style="width:100%;"><option value="">请选择充值游戏</option><option value="" data-radio="6.5">梦幻西游</option><option value="" data-radio="4.5">大话西游</option></select></div></span></li>
<li class="table-row"><span class="table-cell">充值金额</span><span class="table-cell"><input type="text" class="txt rcmoney" name="" placeholder="最低充值金额1元"></span></li>
<li class="table-row"><span class="table-cell">折扣比例</span><span class="table-cell"><input type="text" class="txt" value="" readonly><input class="rcratio" name="" type="hidden" name="" value=""></span></li>
<li class="table-row"><span class="table-cell">实付金额</span><span class="table-cell"><input type="text" class="txt realmoney" name="" readonly ></span></li>
<li class="table-row"><span class="table-cell">获得平台币</span><span class="table-cell"><input type="text" class="txt rcplatform" name="" 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" checked ><i class="iconfont icon-yes"></i></label></span></li>
<li class="table-row"><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" ><i class="iconfont icon-yes"></i></label></span></li>
</ul>
</div>
<div class="btnbox recharge-part recharge-table-btnbox">
<input type="submit" class="btn jssubmit" value="确认支付">
</div>
</form>
</div>
</div>
</section>
</section>
<div class="popmsg pop-dialog"></div>
<script src="__JS__/pop.lwx.min.js"></script>
<script>
$(function() {
var popmsg = $('.popmsg').pop();
$('.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');
}
});
$('#gameid').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) {
rr.val(ratio);
sib.val(ratio+'折');
if (rc) {
var rmnum =Math.floor(ratio*100 * rc/10)/100;
rm.val(rmnum);
}
} else {
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) {
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('');}
}
});
});
</script>
</block>