324 lines
10 KiB
PHP
324 lines
10 KiB
PHP
<?php /*a:1:{s:69:"/www/wwwroot/mier.mieryy.com/application/api/view/payapp/wxjsapi.html";i:1710138858;}*/ ?>
|
||
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
|
||
<link rel="stylesheet" href="/public/wxpay/css/bootstrap.min.css">
|
||
<link rel="stylesheet" href="/public/wxpay/css/style_new.css">
|
||
<title>充值</title>
|
||
<style type="text/css" media="all">
|
||
*{
|
||
box-sizing: border-box;
|
||
}
|
||
body{
|
||
background: url('/public/wxpay/img/bodybg.png') no-repeat;
|
||
background-size: 100%;
|
||
background-color: #EFF5FF;
|
||
}
|
||
.container{
|
||
width: 100%;
|
||
padding: 0 15px;
|
||
background: none;
|
||
}
|
||
.tips{
|
||
padding: 12px;
|
||
color: #FF000C;
|
||
font-size: 13px;
|
||
}
|
||
.inputBox{
|
||
background: #ffffff;
|
||
border-radius: 10px;
|
||
display: flex;
|
||
align-items: center;
|
||
overflow: hidden;
|
||
|
||
}
|
||
.inputBox .user_id{
|
||
height: 42px;
|
||
border: none;
|
||
outline: none;
|
||
padding: 0 15px;
|
||
}
|
||
.btn_yanz{
|
||
height: 42px;
|
||
line-height: 42px;
|
||
padding: 0 15px;
|
||
color: #1C4AC6;
|
||
font-weight: bold;
|
||
}
|
||
.radio-row{
|
||
display: flex;
|
||
align-items: center;
|
||
width: 100%;
|
||
}
|
||
.radio-box{
|
||
display: flex;
|
||
align-items: center;
|
||
margin-right: 25px;
|
||
height: 30px;
|
||
line-height: 30px;
|
||
margin-top: 15px;
|
||
}
|
||
.mask {
|
||
display: none;
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
width: 100%;
|
||
/*height: 100vh;*/
|
||
background: rgba(0, 0, 0, 0.48);
|
||
z-index: 9999;
|
||
|
||
}
|
||
.mask-tip{
|
||
position: absolute;
|
||
width: 300px;
|
||
height: 200px;
|
||
top: 20px;
|
||
right: 30px;
|
||
}
|
||
.form_money{
|
||
padding: 20px 0 15px 0 ;
|
||
}
|
||
.form_money .title{
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
|
||
}
|
||
.issue{
|
||
color: #999999;
|
||
}
|
||
.number_box{
|
||
background: #ffffff;
|
||
border-radius: 10px;
|
||
display: flex;
|
||
align-items: center;
|
||
padding: 0 12px;
|
||
margin-top: 15px;
|
||
}
|
||
.money{
|
||
height: 42px;
|
||
}
|
||
.quick_amount div{
|
||
border: none;
|
||
background: #F4F8FF;
|
||
color: #1C4AC6;
|
||
border-radius: 10px;
|
||
line-height: 1.5;
|
||
padding: 12px 0;
|
||
|
||
}
|
||
.moneyNum{
|
||
font-weight: bold;
|
||
font-size: 15px;
|
||
}
|
||
.coinName{
|
||
font-size: 12px;
|
||
}
|
||
.tipBox{
|
||
padding: 15px 0;
|
||
margin-top: 20px;
|
||
color: #999999;
|
||
}
|
||
.tipBox p{
|
||
margin-bottom: 2px;
|
||
font-size: 13px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="container">
|
||
<div class="tips">
|
||
<div>如果您不是音悦语音公众号进入此界面，请谨慎提防！</div>
|
||
<div>平台不会以任何形式要求用户转账汇款、索要账号、密码、 验证码、向他人账号充值以及许诺充值返利活动，请大家提 高警惕，谨防诈骗!</div>
|
||
</div>
|
||
<form action="/api/payapp/wxjsapi" method="post">
|
||
<div class=" inputBox">
|
||
<div style="flex:1">
|
||
<input type="text" class="user_id" name="user_id" value="" placeholder="请输入您的会员ID">
|
||
<input type="hidden" class="user_id" id="user_id_has" name="user_id_has" value="">
|
||
</div>
|
||
<div class="">
|
||
<!--<button class="btn btn-default" id="user_id" type="button"></button>-->
|
||
<div class="btn_yanz" id="user_id">
|
||
验证
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form_money">
|
||
<div class="">
|
||
<span class="title">充值金额</span>
|
||
<span class="issue">(1元=10金币)</span>
|
||
</div>
|
||
<div class="number_box">
|
||
<div class="alcenter">
|
||
<img src="/public/wxpay/img/coin.png" width="15" alt="" />
|
||
<span style="margin-left:5px;font-size:16px;font-weight:bold">￥</span>
|
||
</div>
|
||
<input type="text" class="money" name="money" 、>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="quick_amount">
|
||
<?php if(is_array($item) || $item instanceof \think\Collection || $item instanceof \think\Paginator): $i = 0; $__LIST__ = $item;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?>
|
||
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" data-item='<?php echo htmlentities($vo['money']); ?>'>
|
||
<img src="/public/wxpay/img/coin.png" width="20" alt="" />
|
||
<p class="alcenter jscenter" style="margin: 8px 0 0 0">
|
||
<span class="moneyNum"><?php echo htmlentities($vo['money']); ?></span>
|
||
<!--<span class="coinName">金币</span>-->
|
||
</p>
|
||
</div>
|
||
<?php endforeach; endif; else: echo "" ;endif; ?>
|
||
</div>
|
||
</div>
|
||
<div class="radio-row">
|
||
<div class="radio-box zfb">
|
||
<input style="margin:0;" id="item1" type="radio" name="pay_type" value="10">
|
||
<label for="item1" style="margin-bottom:0;"><span style="padding-left:5px;">微信</span></label>
|
||
|
||
</div>
|
||
<!--<div class="radio-box zfb">-->
|
||
<!-- <input style="margin:0;" id="item2" type="radio" name="pay_type" value="11">-->
|
||
<!-- <label for="item2" style="margin-bottom:0;"><span style="padding-left:5px;">支付宝</span></label>-->
|
||
|
||
<!--</div>-->
|
||
</div>
|
||
<div class="">
|
||
<div class="_submit">
|
||
<input type="submit" value="充值" class="btn btn-primary submit-amount" style="border:none">
|
||
</div>
|
||
</div>
|
||
</form>
|
||
<div class="tipBox" style="">
|
||
<p>注：</p>
|
||
<p>1：本平台禁止未成年人充值</p>
|
||
<p>2：在本界面充值，仅可在音悦语音内消费</p>
|
||
<p>3：大额充值，请选择扫码支付充值</p>
|
||
<p>4：请您警惕任何以兼职刷单返款、套现返现、高额返利、垫付手续费、假冒客服登理由的交易骗局，请勿上当受骗</p>
|
||
</div>
|
||
<!--<div class="row">-->
|
||
<!--<p style="justify-content: center;align-items: center;">支付二维码</p>-->
|
||
<!-- <img src="http://qiniu.huayunwl.top/qr_code/SD209657202312081619587579.jpg" alt="" />-->
|
||
<!--</div>-->
|
||
</div>
|
||
|
||
<div class="mask">
|
||
<img class="mask-tip" src="/public/wxpay/img/tip.png" alt="" />
|
||
</div>
|
||
|
||
<script src="/public/wxpay/js/jquery.min.js"></script>
|
||
<script src="/public/wxpay/js/bootstrap.min.js"></script>
|
||
<script>
|
||
var $amountInput = $('.money');
|
||
var amount = '';
|
||
var $getId = $('[type="hidden"]');
|
||
var getparse = ParaMeter();
|
||
$getId.val(getparse.id);
|
||
let browserType = navigator.userAgent.toLowerCase();
|
||
let browserEnv = '';
|
||
|
||
if (browserType.match(/MicroMessenger/i) == 'micromessenger') { //微信环境
|
||
browserEnv = 'wechat';
|
||
$('#item1').attr("checked", "checked");
|
||
}else{
|
||
//浏览器环境
|
||
$('#item1').removeAttr("checked");
|
||
$('#item2').attr("checked", "checked");
|
||
$('.radio-box.wx').css('display','none')
|
||
browserEnv = 'mobile';
|
||
}
|
||
|
||
$('#user_id').bind("click", function(){
|
||
var uid=$(".user_id").val();
|
||
if(!uid){
|
||
alert("请输入要充值的会员ID");
|
||
}
|
||
$(".submit-amount").val('验证中..');
|
||
$.get("/api/payapp/checkuser", {user_id:uid},function(str){
|
||
var obj = JSON.parse(str);
|
||
var test="充值"
|
||
if(obj.code==200){
|
||
test="充值("+obj.result.nickname+")";
|
||
$(".submit-amount").prop('disabled', false);
|
||
$("#user_id_has").val(obj.result.id);
|
||
|
||
}else{
|
||
test=obj.message;
|
||
$(".submit-amount").prop('disabled', true);
|
||
}
|
||
$(".submit-amount").val(test);
|
||
})
|
||
});
|
||
|
||
|
||
$('.mask').bind("click",function(){
|
||
$('.mask').css('display','none')
|
||
})
|
||
|
||
$('.submit-amount').bind("click", function(e){
|
||
var uid=$(".user_id").val();
|
||
var money=$(".money").val();
|
||
//支付方式
|
||
var payType = $("input[type='radio']:checked").val();
|
||
|
||
let event = e || window.event;
|
||
|
||
|
||
if(!uid){
|
||
alert("请输入要充值的会员ID");
|
||
return false;
|
||
}
|
||
if(!money || money<0){
|
||
alert("请选择充值金额");
|
||
return false;
|
||
}
|
||
if(payType == 11){
|
||
|
||
if(browserEnv == 'wechat'){
|
||
//如果此时浏览器环境是微信
|
||
event.preventDefault(); // 兼容标准浏览器
|
||
window.event.returnValue = false; // 兼容IE6~8
|
||
$('.mask').css('display','block')
|
||
return
|
||
}else{
|
||
//在普通浏览器里，不执行提示操作
|
||
}
|
||
|
||
}
|
||
return true;
|
||
|
||
});
|
||
|
||
$(".quick_amount div").off("click").on("click", function () {
|
||
amount = $(this).attr('data-item');
|
||
if (!$(this).hasClass('active')) {
|
||
$(this).addClass('active').siblings().removeClass('active');
|
||
$amountInput.val(amount);
|
||
} else {
|
||
$(this).removeClass('active');
|
||
$amountInput.val('');
|
||
}
|
||
})
|
||
|
||
function ParaMeter() {
|
||
var obj = {};
|
||
var arr = location.href.substring(location.href.lastIndexOf('?') + 1).split("&");
|
||
for (var i = 0; i < arr.length; i++) {
|
||
var aa = arr[i].split("=");
|
||
obj[aa[0]] = aa[1];
|
||
}
|
||
return obj;
|
||
}
|
||
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|