|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
<title>充值中心</title>
|
|
|
<script src="__JS__/jquery-1.11.3.min.js"></script>
|
|
|
<script type="text/javascript" src="__JS__/getRem.js"></script>
|
|
|
<script src="__STATIC__/bg4_4.js"></script>
|
|
|
<link rel="stylesheet" type="text/css" href="__CSS__/reset.css">
|
|
|
<link rel="stylesheet" type="text/css" href="__CSS__/foot_tabbar.css">
|
|
|
<link rel="stylesheet" type="text/css" href="__CSS__/recharge.css">
|
|
|
<style>
|
|
|
.pop-dialog {
|
|
|
display: none;
|
|
|
position: fixed;
|
|
|
z-index: 1999;
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
right: 0;
|
|
|
text-align: center;
|
|
|
width: 100vw;
|
|
|
height: 100vh;
|
|
|
}
|
|
|
.pop-dialog span {
|
|
|
background: rgba(0,0,0,.6);
|
|
|
top: 50%;
|
|
|
color: #FFF;
|
|
|
display: inline-block;
|
|
|
line-height: 2;
|
|
|
position: relative;
|
|
|
word-break: break-all;
|
|
|
max-width: 2rem;
|
|
|
font-size: 0.32rem;
|
|
|
border-radius: 5px;
|
|
|
display: block;
|
|
|
margin: auto;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="recharge">
|
|
|
<div class="recharge-heard">
|
|
|
<!-- 子页公共头部 -->
|
|
|
<div class="subpage-heard">充值中心
|
|
|
<a href="{:U('/User/index')}" class="arrows"></a>
|
|
|
</div>
|
|
|
<div class="recharge-tabbar">
|
|
|
<li class="selected" name="currency" style="margin-left:0;">平台币充值</li>
|
|
|
<!-- <li name="iscurrency">折扣充值</li> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="recharge-flat" style="">
|
|
|
<form class="" id="form1" action="{:U('User/recharge')}" method="post">
|
|
|
<div class="flat-box">
|
|
|
<div class="flat-info">
|
|
|
<div>充值账户</div>
|
|
|
<input type="hidden" class="txt" name="account" value="{:session('suser_auth.account')}" readonly="readonly" placeholder="请输入充值账户">
|
|
|
<span>{:session('suser_auth.account')}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="flat-box">
|
|
|
<div class="flat-info">
|
|
|
<div>充值金额</div>
|
|
|
<input type="text" class="rcmoney1" name="pay_amount" placeholder="请输入金额，最低金额1元" style="text-align:right;width: 2.88rem" oninput="this.value=this.value.replace(/[^0-9]+|^0|\d{9}/,'');">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="flat-box">
|
|
|
<div class="flat-info">
|
|
|
<div>获得平台币</div>
|
|
|
<input type="text" class="rcplatform rcmoney1ptb" name="balance" readonly placeholder="" value="" style="text-align:right;">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="recharge-payment">
|
|
|
<div class="title">请选择支付方式</div>
|
|
|
<div class="alipay">
|
|
|
<div class="alipay_img">
|
|
|
<img src="__IMG__/zhifubaozhifu.png" alt="">
|
|
|
<div class="img_text">
|
|
|
<div>支付宝支付</div>
|
|
|
<div>推荐支付宝用户使用</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="radio_select">
|
|
|
<input id="zhifubao" name="way" type="radio" value="1" checked>
|
|
|
<label for="zhifubao" class="radio-label"></label>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
<div class="alipay" id="ch_weixin">
|
|
|
<div class="alipay_img">
|
|
|
<img src="__IMG__/weixin.png" alt="">
|
|
|
<div class="img_text">
|
|
|
<div>微信支付</div>
|
|
|
<div>推荐微信用户使用</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="radio_select">
|
|
|
<input id="weixin" name="way" type="radio" value="2" >
|
|
|
<label for="weixin" class="radio-label"></label>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="text-align: center;">
|
|
|
<input type="hidden" name="spendType" value="1">
|
|
|
<div class="payment_btn" style="margin-left: 1rem;">
|
|
|
确认支付</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|
|
|
<!-- <div class="recharge-discount" style="display: none;">
|
|
|
<form class="" id="form2" action="{:U('User/recharge')}" method="post">
|
|
|
<div class="flat-box">
|
|
|
<div class="flat-info">
|
|
|
<div>充值账户</div>
|
|
|
<input type="hidden" class="txt" name="account" value="{:session('suser_auth.account')}" readonly="readonly" placeholder="请输入充值账户" >
|
|
|
<span>{:session('suser_auth.account')}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="flat-box">
|
|
|
<div class="flat-info">
|
|
|
<div>选择游戏</div>
|
|
|
<select name="game_id" id="game_id">
|
|
|
<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>
|
|
|
</div>
|
|
|
<div class="flat-box">
|
|
|
<div class="flat-info">
|
|
|
<div>充值金额</div>
|
|
|
<input type="text" class="txt rcmoney" id="pay_amount" name="pay_amount" placeholder="请输入金额，最低金额1元" style="width:2.88rem;text-align:right;" oninput="this.value=this.value.replace(/[^0-9]+|^0|\d{9}/,'');">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="flat-box">
|
|
|
<div class="flat-info">
|
|
|
<div>折扣比例</div>
|
|
|
<input type="text" class="txt discount" value="" readonly style="color: #FE9C22;text-align:right;">
|
|
|
|
|
|
<input class="rcratio" name="ratio" type="hidden" value="" style="text-align:right;">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="flat-box">
|
|
|
<div class="flat-info">
|
|
|
<div>实付金额</div>
|
|
|
<input type="text" class="txt rcmoney2bb realmoney" name="realmoney" readonly style="text-align:right;">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="flat-box">
|
|
|
<div class="flat-info">
|
|
|
<div>获得绑币</div>
|
|
|
<input type="text" class="txt rcplatform" name="rcplatform" readonly style="text-align:right;">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="recharge-payment">
|
|
|
<div class="title">请选择支付方式</div>
|
|
|
<div class="alipay bindway">
|
|
|
<div class="alipay_img">
|
|
|
<img src="__IMG__/zhifubaozhifu.png" alt="">
|
|
|
<div class="img_text">
|
|
|
<div>支付宝支付</div>
|
|
|
<div>推荐支付宝用户使用</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="radio_select">
|
|
|
<input id="zhifubao1" name="way1" type="radio" value="1" checked>
|
|
|
<label for="zhifubao1" class="radio-label"></label>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
<div class="alipay bindway" id="ch_weixin1">
|
|
|
<div class="alipay_img">
|
|
|
<img src="__IMG__/weixin.png" alt="">
|
|
|
<div class="img_text">
|
|
|
<div>微信支付</div>
|
|
|
<div>推荐微信用户使用</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="radio_select">
|
|
|
<input id="weixin1" name="way1" type="radio" value="2" >
|
|
|
<label for="weixin1" class="radio-label"></label>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="text-align: center;">
|
|
|
<input type="hidden" name="spendType" value="1">
|
|
|
<div class="payment_btn" style="margin-left: 1rem;">
|
|
|
确认支付</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|
|
|
</div> -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
<div class="popmsg pop-dialog"></div>
|
|
|
</body>
|
|
|
<script type="text/javascript" src="__JS__/recharge.js"></script>
|
|
|
<script src="__JS__/pop.lwx.min.js"></script>
|
|
|
<script>
|
|
|
$(function() {
|
|
|
var popmsg = $('.popmsg').pop();
|
|
|
if (isWeiXin() || !is_mobile()) {
|
|
|
$('#ch_weixin').hide();
|
|
|
$("#recharge_weixin").hide();
|
|
|
}
|
|
|
if(isWeiXin()){
|
|
|
popmsg.msg('请点击右上角按钮，选择在浏览器中打开去充值');
|
|
|
// alert('请点击右上角按钮，选择在浏览器中打开去充值');
|
|
|
}
|
|
|
$('.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;
|
|
|
});
|
|
|
//点击父标签切换radio
|
|
|
$(".alipay").click(function(){
|
|
|
$(this).children(".radio_select").children("input").prop("checked", true);
|
|
|
})
|
|
|
//阻止事件冒泡
|
|
|
$(".radio_select").click(function(){
|
|
|
event.stopPropagation();
|
|
|
})
|
|
|
$('.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').change(function() {
|
|
|
var that = $(this),cur = that.find('option:selected');
|
|
|
var ratio = cur.attr('data-radio');
|
|
|
var parent = that.closest('.recharge-discount');
|
|
|
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);
|
|
|
if (ratio) {
|
|
|
sib.val(ratio+'折');
|
|
|
}
|
|
|
|
|
|
if (rc) {
|
|
|
if (!ratio) {
|
|
|
ratio = 10;
|
|
|
}
|
|
|
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('.recharge-discount'),pf=parent.find('.rcplatform');
|
|
|
var rm = parent.find('.realmoney');
|
|
|
if(val == ""){$(".rcmoney2bb").val(0);$(".rcplatform").val(0);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('');}
|
|
|
}
|
|
|
});
|
|
|
$('.rcmoney1').keyup(function() {
|
|
|
var that = $(this),val = $.trim(that.val()),parent=that.closest('.recharge-flat'),pf=parent.find('.rcplatform');
|
|
|
var rm = parent.find('.realmoney');
|
|
|
if(val == ""){$(".rcmoney1ptb").val(0);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('请输入充值账号');
|
|
|
alert("请输入充值账号");
|
|
|
return false;
|
|
|
}*/
|
|
|
if(obj.attr('id') == 'form2' && $.trim(game_id) == ''){
|
|
|
//popmsg.msg('请选择充值游戏');
|
|
|
popmsg.msg("请选择充值游戏");
|
|
|
return false;
|
|
|
}
|
|
|
if($.trim(pay_amount) == ''){
|
|
|
popmsg.msg("请输入充值金额");
|
|
|
//popmsg.msg('请输入充值金额');
|
|
|
return false;
|
|
|
}
|
|
|
return true;
|
|
|
}
|
|
|
$('.payment_btn').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)){
|
|
|
console.log(form.serialize())
|
|
|
$.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(res){
|
|
|
console.log(res)
|
|
|
popmsg.msg("服务端异常");
|
|
|
}
|
|
|
})
|
|
|
}else{
|
|
|
than.removeClass('disabled');
|
|
|
}
|
|
|
return false;
|
|
|
})
|
|
|
});
|
|
|
|
|
|
</script>
|
|
|
</html> |