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.

384 lines
16 KiB
HTML

5 years ago
<!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">
5 years ago
<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>
<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">
</head>
5 years ago
<body>
5 years ago
<div class="recharge">
<div class="recharge-heard">
<!-- 子页公共头部 -->
<div class="subpage-heard">充值中心
<a href="{:U('/User/index')}" class="arrows"></a>
5 years ago
</div>
5 years ago
<div class="recharge-tabbar">
<li class="selected" name="currency" style="margin-left:0;">平台币充值</li>
<!-- <li name="iscurrency">折扣充值</li> -->
5 years ago
</div>
</div>
5 years ago
<div class="content">
<div class="recharge-flat" style="">
<form class="" id="form1" action="{:U('User/recharge')}" method="post">
5 years ago
<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="请输入充值账户">
5 years ago
<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}/,'');">
5 years ago
</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;">
5 years ago
</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>
5 years ago
</div>
<!-- <div class="recharge-discount" style="display: none;">
<form class="" id="form2" action="{:U('User/recharge')}" method="post">
5 years ago
<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="请输入充值账户" >
5 years ago
<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">
5 years ago
<option value="">请选择游戏</option>
<volist name="gameList" id="vo">
<option value="{$vo.id}" data-radio="{$vo.bind_recharge_discount}">{$vo.game_name}</option>
</volist>
5 years ago
</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}/,'');">
5 years ago
</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;">
5 years ago
</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;">
5 years ago
</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;">
5 years ago
</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>
5 years ago
<div class="radio_select">
<input id="zhifubao1" name="way1" type="radio" value="1" checked>
<label for="zhifubao1" class="radio-label"></label>
</div>
5 years ago
</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>
5 years ago
</div>
<div style="text-align: center;">
<input type="hidden" name="spendType" value="1">
<div class="payment_btn" style="margin-left: 1rem;">
确认支付</div>
</div>
</form>
5 years ago
</div>
</div> -->
5 years ago
</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();
5 years ago
if (isWeiXin() || !is_mobile()) {
5 years ago
$('#ch_weixin').hide();
$("#recharge_weixin").hide();
5 years ago
}
if(isWeiXin()){
5 years ago
//popmsg.msg('请点击右上角按钮,选择在浏览器中打开去充值');
alert('请点击右上角按钮,选择在浏览器中打开去充值');
5 years ago
}
$('.jstab .btn').click(function() {
5 years ago
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;
5 years ago
});
//点击父标签切换radio
$(".alipay").click(function(){
$(this).children(".radio_select").children("input").prop("checked", true);
})
//阻止事件冒泡
$(".radio_select").click(function(){
event.stopPropagation();
})
5 years ago
$('.jssbtn').click(function() {
5 years ago
var that = $(this);
if (that.hasClass('on')) {
that.removeClass('on');
} else {
that.closest('.table').find('.jssbtn').removeClass('on');
that.addClass('on');
}
5 years ago
});
5 years ago
$('#game_id').change(function() {
var that = $(this),cur = that.find('option:selected');
var ratio = cur.attr('data-radio');
var parent = that.closest('.recharge-discount');
5 years ago
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+'折');
}
5 years ago
if (rc) {
if (!ratio) {
ratio = 10;
}
5 years ago
var rmnum = Math.floor(ratio*100 * rc/10)/100;
rm.val(rmnum);
}
} else {
sib.val(10+'折');
rr.val(10);
rm.val(rc);
5 years ago
}
});
$('.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');
5 years ago
var rm = parent.find('.realmoney');
if(val == ""){$(".rcmoney1ptb").val(0);return true;}
5 years ago
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('');}
}
5 years ago
} else {
5 years ago
popmsg.msg('请输入充值金额');that.val('').focus();
pf.val('');if(rm) {rm.val('');}
5 years ago
}
});
function isWeiXin(){
5 years ago
var ua = window.navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i) == 'micromessenger'){
return true;
}else{
return false;
}
5 years ago
}
5 years ago
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
}
5 years ago
}
5 years ago
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('请选择充值游戏');
alert("请选择充值游戏");
return false;
5 years ago
}
5 years ago
if($.trim(pay_amount) == ''){
alert("请输入充值金额");
//popmsg.msg('请输入充值金额');
return false;
5 years ago
}
5 years ago
return true;
}
$('.payment_btn').click(function(){
var than = $(this),form = than.closest('form');
if(than.hasClass('disabled')) {
5 years ago
return false;
5 years ago
}
than.addClass('disabled');
if($("#form1 .on").val()==8){
$("#form1").attr("action","{:U('pay/goldpig')}");
if(validation($("#form1"))){
$("#form1").submit();
5 years ago
}else{
5 years ago
than.removeClass('disabled');
5 years ago
}
5 years ago
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())
5 years ago
$.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)
5 years ago
alert("服务端异常");
}
})
}else{
than.removeClass('disabled');
}
return false;
5 years ago
})
5 years ago
});
5 years ago
5 years ago
</script>
</html>