<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<title>优惠充值</title>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/index2.css?v='2022091801'">
<script src="lib/fsize.js"></script>
</head>
<body style="background:rgba(0,0,0,0)">
<div class="bg">
<p class="title-p">充值 <span>联系客服</span></p>
<ul class="reg-ul clearfix">
<!-- <li class="reg-click">
<p><img src="images/diamond.png?v=20210514">300</p>
<p>¥30</p>
</li>
<li>
<p><img src="images/diamond.png?v=20210514">300</p>
<p>¥30</p>
</li>
<li>
<p><img src="images/diamond.png?v=20210514">300</p>
<p>¥30</p>
<img class="hot" src="images/hot.png?v=20210514" alt="">
</li>
<li>
<p><img src="images/diamond.png?v=20210514">300</p>
<p>¥30</p>
<img class="hot" src="images/hot.png?v=20210514" alt="">
</li>
<li>
<p><img src="images/diamond.png?v=20210514">300</p>
<p>¥30</p>
</li>
<li>
<p><img src="images/diamond.png?v=20210514">300</p>
<p>¥30</p>
</li> -->
</ul>
<p class="pay-title">选择支付方式</p>
<ul class="pay-ul">
<li data-type='weipay' class="pay-click"><img src="images/weipay2.png?v=20210514" alt=""><span>微信支付</p><img class="pay-icon" src="images/pay-click.png?v=20210514" alt=""></li>
<li data-type='alipay'><img src="images/alipay2.png?v=20210514" alt=""><span>支付宝</p><img class="pay-icon" src="images/pay-click.png?v=20210514" alt=""></li>
</ul>
<div class="bottom-box">
余额 :<img src="images/diamond.png?v=20210514"><span>25</span>
<div class="reg-btn">确认充值</div>
</div>
</div>
<div style="display: none;" class="alipay"></div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script>
// var $ip = "http://test.pay.ishuaji.cn";
var $ip="https://pay.ishuaji.cn";
var cdn = "https://zhibocdn.ishuaji.cn/comm";
var money=98
payOk = true;
moneyBl = true;
payBl = true;
if (sessionStorage.kkk == undefined) {
var bbb = location.href;
var data = url_get_params(bbb)
sessionStorage.kkk = data.token; //t
sessionStorage.bbb = data.uid; //u
sessionStorage.cid = data.cid;
sessionStorage.pkg = data.pkg;
sessionStorage.os = data.os;
sessionStorage.appversion=data.appversion
}
function url_get_params(url_path) {
var url = url_path;
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(url.indexOf("?") + 1);
strs = str.split("&");
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}
if(sessionStorage.pkg=='undefined')sessionStorage.pkg='yabo'
if(sessionStorage.os=='undefined')sessionStorage.os='web'
if(sessionStorage.cid=='undefined')sessionStorage.cid='gf'
sessionStorage.pay="weipay"
$(".pay-ul li").on("click",function(){
$(this).siblings("li").removeClass("pay-click")
$(this).addClass("pay-click")
sessionStorage.pay=$(this).attr("data-type");
})
$.ajax({
url:$ip+"/user/auth/"+sessionStorage.bbb+'/'+sessionStorage.kkk,
type:"post",
success: function (msg) {
var data=JSON.parse(msg);
$(".bottom-box span").text(data.diamond)
}
})
$.ajax({
url: $ip + "/pay/normal/recharge.html",
dataType: "json",
type: "get",
success: function (msg) {
console.log(msg)
var html=[];
for(var i=0;i<6;i++){
if(msg.data.third[i]==undefined)break;
if(msg.data.third[i].amount==100)html+='<li class="reg-click" data-type='+msg.data.third[i].amount+'>';
else html+='<li data-type='+msg.data.third[i].amount+'>';
html+='<p><img src="images/diamond.png?v=20210514">'+msg.data.third[i].diamond+'</p>';
html+='<p>¥'+msg.data.third[i].amount+'</p>';
if(msg.data.third[i].addnum!=0)html += '<div class=hot-box><span>送<img src="images/diamond.png?v=20210514">' + msg.data.third[i].addnum + '</span></div>'
// if(msg.data.third[i].sale==1)html+='<img class="hot" src="images/hot.png?v=20210514" alt="">'
html+='</li>';
}
$(".reg-ul").html(html);
$(".reg-ul li").on("click",function(){
$(this).siblings("li").removeClass("reg-click");
$(this).addClass("reg-click")
money=$(this).attr("data-type")
})
}
})
$(".reg-btn").on("click",function(){
if(money==0){
layer.msg("请选择充值金额")
return
}
if(sessionStorage.pay=='weipay'){
$.ajax({
url: $ip+"/order/h5/wechat.html",
dataType: "json",
type: "post",
data: {
'uid': sessionStorage.bbb,
'amount': money,
'pkg':'qiezi',
'cid':sessionStorage.cid,
'os':sessionStorage.os
},
success: function (msg) {
console.log(msg);
payOk = true;
window.location.href=msg.result.payInfo.url;
}
})
}else if(sessionStorage.pay=='alipay'){
$.ajax({
url: $ip + "/order/h5/alipay.html",
dataType: "json",
type: "get",
data: {
'uid': sessionStorage.bbb,
'amount': money,
'pkg':sessionStorage.pkg,
'cid':sessionStorage.cid,
'os':sessionStorage.os
},
success: function (msg) {
console.log(msg);
var html = [];
payOk = true
html += msg.html;
$(".alipay").html(html);
}
})
}
})
$(".title-p span").on("click", function () {
var obj2 = {
"cid": 4,
"reqCode": new Date().getTime(),
"data": {
"msg": "请求客服",
}
}
var obj = JSON.stringify(obj2);
appCollaboration(obj)
})
//实现和客户端沟通
function appCollaboration(msg) {
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
}
else if (bIsAndroid) {
window.yazhai.appCollaboration(msg);
} else if (bIsIphoneOs || bIsIpad) {
window.webkit.messageHandlers.appCollaboration.postMessage(msg);
}
}
//客户端回调结果
function appCallback(msg) {
console.log(msg);
}
</script>
</html>