<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>丫播-让世界终结孤单</title>
<link rel="stylesheet" href="../../../ysx/css/base.css"/>
<link rel="stylesheet" href="../css/rech.css"/>
<link rel="stylesheet" href="../css/layer.css"/>
<link rel="shortcut icon" type="image/x-icon" href="../images/icon.png" />
</head>
<style>
</style>
<div class="rech-box" >
<div class="rech-top">
<img src="../images/rechbanner.png" alt="丫播充值"/>
</div>
<div class="rech-content">
<div>
<ul class="rech-nav clearfix">
<li class="navact">账号验证 ></li>
<li>充值金额 ></li>
<li>充值完成</li>
</ul>
</div>
<div class="rech-showtime">
<div class="rech-login">
<p class="rech-txt">丫播YaboLive账号验证</p>
<input class="rech-inp" type="text" placeholder="请输入您的Yabo ID"/>
<div class="rech-msg">
<p class="rech-sos"></p>
<p class="rech-nicheng"><img src="../images/rechlogo.png" alt="丫播头像"/><span>丫播YaboLive昵称</span></p>
</div>
<div class="rech-btn">
<button class="rech-next" disabled="disabled">下一步</button>
</div>
</div>
</div>
</div>
<p class="rech-tips">*如果出现充值问题，请登录丫播YaboLive并联系客服</p>
</div>
<div class="paybox">
<p>确认给以下账号充值</p>
<div>
<div class="layer-face"><img src="../images/rechlogo.png" alt="丫播头像"/></div>
<div class="layer-uid">
<p>晴宝宝</p>
<p>Yabo ID:85524756</p>
</div>
<button class="layer-ok">确认</button>
</div>
</div>
<script src="../lib/jquery-3.1.1.min.js"></script>
<script src="../layer-v3.1.0/layer/layer.js"></script>
<script src="../lib/qrcode.min.js"></script>
<script>
var $ip="http://pay.ishuaji.cn";
var moneykey=false;
var paykey=false;
var p1=null;
$(".rech-inp").on("keydown", function () {
if(event.keyCode == "13"){
$(this).blur();
if($(".rech-inp").val()!=""){
uid=$(".rech-inp").val();
// console.log(uid);
$.ajax({
url:$ip+"/user/info/"+uid,
dataType:"json",
type:"get",
success: function (msg) {
// console.log(msg);
if(msg.code==1){
nickname=msg.nickname;
face=msg.face;
var html=[];
html+='<p class="rech-sos"></p>';
html+='<p class="rech-nicheng">';
html+="<img src='http://zhibocdn.ishuaji.cn/comm"+msg.face+"?x-oss-process=image/resize,h_100,w_100'/><span>"+msg.nickname+"</span>";
html+='</p>';
$(".rech-msg").html(html);
var htmlb=[];
htmlb+='<button class="rech-nextok">下一步</button>';
$(".rech-btn").html(htmlb);
$(".rech-nextok").on("click", function () {
$(".rech-nav").children("li").removeClass("navact");
$(".rech-nav").children().eq(1).addClass("navact");
loding ();
});
}
else{
var html2=[];
html2+='<p class="rech-sos">您输入的Yabo有误，请确认后重新输入</p>';
html2+='<p class="rech-nicheng"><img src="../images/rechlogo.png" alt="丫播头像"/><span>丫播YaboLive昵称</span></p>';
$(".rech-msg").html(html2);
$(".rech-inp").val("");
}
// <p class="rech-txt">丫播YaboLive账号验证</p>
// <input class="rech-inp" type="text" placeholder="请输入您的Yabo ID"/>
// <p class="rech-sos"></p>
// <p class="rech-nicheng"><img src="../images/rechlogo.png" alt="丫播头像"/><span>丫播YaboLive昵称</span></p>
}
// http://zhibocdn.ishuaji.cn/comm/user/img/7878549/f859ccbcce5b4a728c79cdc6844f10d9.jpg?x-oss-process=image/resize,h_100,w_100
})
}
}
}).on("keyup", function () {
if($(".rech-inp").val()>10000){
uid=$(".rech-inp").val();
clearTimeout(p1);
p1=setTimeout(function () {
$.ajax({
url:$ip+"/user/info/"+uid,
dataType:"json",
type:"get",
success: function (msg) {
// console.log(msg);
if(msg.code==1){
nickname=msg.nickname;
face=msg.face;
var html=[];
html+='<p class="rech-sos"></p>';
html+='<p class="rech-nicheng">';
html+="<img src='http://zhibocdn.ishuaji.cn/comm"+msg.face+"?x-oss-process=image/resize,h_100,w_100'/><span>"+msg.nickname+"</span>";
html+='</p>';
$(".rech-msg").html(html);
var htmlb=[];
htmlb+='<button class="rech-nextok">下一步</button>';
$(".rech-btn").html(htmlb);
$(".rech-nextok").on("click", function () {
$(".rech-nav").children("li").removeClass("navact");
$(".rech-nav").children().eq(1).addClass("navact");
loding ();
});
}
else{
var html2=[];
html2+='<p class="rech-sos">您输入的Yabo有误，请确认后重新输入</p>';
html2+='<p class="rech-nicheng"><img src="../images/rechlogo.png" alt="丫播头像"/><span>丫播YaboLive昵称</span></p>';
$(".rech-msg").html(html2);
}
}
})
},1000)
}
else if($(".rech-inp").val()>10000){
}
})
function loding (){
$.ajax({
url:$ip+"/pay/normal/recharge.html",
dataType:"json",
type:"get",
success: function (msg) {
// console.log(msg.data.third);
var html=[];
html+='<ul class="ul-face clearfix">';
for(var i= 0;i<msg.data.third.length;i++){
if(msg.data.third[i].coinnum!=0&&msg.data.third[i].sale!=0&&msg.data.third[i].addnum!=0){
html+='<li class="pay-more">';
html+='<i class="rid">'+msg.data.third[i].rid+'</i>';
html+=' <div class="pay-money">¥ <span>'+msg.data.third[i].amount+'</span></div>';
html+='<div class="pay-diamoad">'+msg.data.third[i].diamond+'橙钻（送'+msg.data.third[i].coinnum+'银币和'+msg.data.third[i].addnum+'钻石）</div>';
html+='<img class="tuijian" src="../images/hotpay.png">';
html+='</li>';
}
else if(msg.data.third[i].coinnum!=0&&msg.data.third[i].sale!=0){
html+='<li class="pay-more">';
html+='<i class="rid">'+msg.data.third[i].rid+'</i>';
html+=' <div class="pay-money">¥ <span>'+msg.data.third[i].amount+'</span></div>';
html+='<div class="pay-diamoad">'+msg.data.third[i].diamond+'橙钻（送'+msg.data.third[i].coinnum+'银币）</div>';
html+='<img class="tuijian" src="../images/hotpay.png">';
html+='</li>';
}
else if(msg.data.third[i].addnum!=0&&msg.data.third[i].sale!=0){
html+='<li class="pay-more">';
html+='<i class="rid">'+msg.data.third[i].rid+'</i>';
html+=' <div class="pay-money">¥ <span>'+msg.data.third[i].amount+'</span></div>';
html+='<div class="pay-diamoad">'+msg.data.third[i].diamond+'橙钻（送'+msg.data.third[i].addnum+'钻石）</div>';
html+='<img class="tuijian" src="../images/hotpay.png">';
html+='</li>';
}
else if(msg.data.third[i].addnum!=0&&msg.data.third[i].coinnum!=0){
html+='<li class="pay-more">';
html+='<i class="rid">'+msg.data.third[i].rid+'</i>';
html+=' <div class="pay-money">¥ <span>'+msg.data.third[i].amount+'</span></div>';
html+='<div class="pay-diamoad">'+msg.data.third[i].diamond+'橙钻（送'+msg.data.third[i].coinnum+'和'+msg.data.third[i].addnum+'钻石）</div>';
html+='</li>';
}
else if(msg.data.third[i].coinnum!=0){
html+='<li class="pay-more">';
html+='<i class="rid">'+msg.data.third[i].rid+'</i>';
html+=' <div class="pay-money">¥ <span>'+msg.data.third[i].amount+'</span></div>';
html+='<div class="pay-diamoad">'+msg.data.third[i].diamond+'橙钻（送'+msg.data.third[i].coinnum+'银币）</div>';
html+='</li>';
}
else if(msg.data.third[i].addnum!=0){
html+='<li class="pay-more">';
html+='<i class="rid">'+msg.data.third[i].rid+'</i>';
html+=' <div class="pay-money">¥ <span>'+msg.data.third[i].amount+'</span></div>';
html+='<div class="pay-diamoad">'+msg.data.third[i].diamond+'橙钻（送'+msg.data.third[i].addnum+'钻石）</div>';
html+='</li>';
}
else {
html+='<li class="pay-more">';
html+='<i class="rid">'+msg.data.third[i].rid+'</i>';
html+=' <div class="pay-money">¥ <span>'+msg.data.third[i].amount+'</span></div>';
html+='<div class="pay-diamoad">'+msg.data.third[i].diamond+'橙钻</div>';
html+='</li>';
}
}
html+="<div class='face-ck'><img src='http://zhibocdn.ishuaji.cn/comm"+face+"?x-oss-process=image/resize,h_100,w_100'/><span>"+nickname+"</span></div>";
html+='</ul>';
html+='<div class="pay-ck clearfix">';
html+='<p>选择支付方式</p>';
html+='<div class="moneypay"><i class="pay-xz">wechatpay</i><img src="../images/weipay.png" alt="丫播微信支付"/>微信支付</div>';
html+='<div class="moneypay"><i class="pay-xz">alipay</i><img src="../images/alipay.png" alt="丫播支付宝支付"/>支付宝</div>';
html+='</div>';
html+='<div class="pay-btn">';
html+='<button class="rech-back">上一步</button>'
html+='<button class="rech-next2" disabled="disabled">下一步</button>';
html+='</div>';
$(".rech-showtime").html(html);
$(".rech-back").on("click", function () {
var htmlback=[];
htmlback+='<div class="rech-login">';
htmlback+='<p class="rech-txt">丫播YaboLive账号验证</p>';
htmlback+='<input class="rech-inp" type="text" placeholder="请输入您的Yabo ID">';
htmlback+='<div class="rech-msg">';
htmlback+='<p class="rech-sos"></p>';
htmlback+='<p class="rech-nicheng"><img src="http://zhibocdn.ishuaji.cn/comm'+face+'?x-oss-process=image/resize,h_100,w_100"/><span>'+nickname+'</span></p>';
htmlback+=' </div>';
htmlback+='<div class="rech-btn"><button class="rech-nextok">下一步</button></div>';
htmlback+='</div>';
$(".rech-showtime").html(htmlback);
$(".rech-nextok").on("click", function () {
$(".rech-nav").children("li").removeClass("navact");
$(".rech-nav").children().eq(1).addClass("navact");
loding ();
});
})
$(".pay-more").on("click", function () {
moneykey=true;
$(this).css("border","none");
$(this).siblings("li").removeClass("mk");
$(this).addClass("mk");
rid=$(this).children("i").text();
// $(this).css("b")
// console.log(rid);
amount=$(this).children(".pay-money").children("span").text();
// console.log(amount);
if(moneykey==true&&paykey==true){
layer.open({
type: 1,
shade: false,
title: false,
area : ['325px','200px'],
content:$('.paybox'),
});
var htmllayer=[];
htmllayer+='<p>确认给以下账号充值</p>';
htmllayer+='<div>';
htmllayer+='<div class="layer-face"><img src="http://zhibocdn.ishuaji.cn/comm'+face+'?x-oss-process=image/resize,h_100,w_100"/></div>';
htmllayer+='<div class="layer-uid">';
htmllayer+=' <p>'+nickname+'</p>';
htmllayer+='<p>Yabo ID:'+uid+'</p>';
htmllayer+='</div>';
htmllayer+='<button class="layer-ok">确认</button>';
htmllayer+='</div>';
$(".paybox").html(htmllayer);
// paybox
// <p>确认给以下账号充值</p>
// <div>
// <div class="layer-face"><img src="../images/rechlogo.png" alt="丫播头像"/></div>
// <div class="layer-uid">
// <p>晴宝宝</p>
// <p>Yabo ID:85524756</p>
// </div>
// <button class="layer-ok">确认</button>
// </div>
//
$(".layer-ok").on("click", function () {
layer.close(layer.index);
})
var html2=[];
html2+='<button class="rech-back">上一步</button>'
html2+='<button class="pay-nextok">下一步</button>';
$(".pay-btn").html(html2);
$(".rech-back").on("click", function () {
var htmlback=[];
htmlback+='<div class="rech-login">';
htmlback+='<p class="rech-txt">丫播YaboLive账号验证</p>';
htmlback+='<input class="rech-inp" type="text" placeholder="请输入您的Yabo ID">';
htmlback+='<div class="rech-msg">';
htmlback+='<p class="rech-sos"></p>';
htmlback+='<p class="rech-nicheng"><img src="http://zhibocdn.ishuaji.cn/comm'+face+'?x-oss-process=image/resize,h_100,w_100"/><span>'+nickname+'</span></p>';
htmlback+=' </div>';
htmlback+='<div class="rech-btn"><button class="rech-nextok">下一步</button></div>';
htmlback+='</div>';
$(".rech-showtime").html(htmlback);
$(".rech-nextok").on("click", function () {
$(".rech-nav").children("li").removeClass("navact");
$(".rech-nav").children().eq(1).addClass("navact");
loding ();
});
})
$(".pay-nextok").on("click", function () {
$.ajax({
url:$ip+"/order/web/new",
dataType:"json",
type:"post",
data:{
'uid':uid,
'paytype':payType,
'amount':amount,
},
success: function (msg) {
if(msg.code==1){
var oid=msg.result.orderId;
var url=msg.result.payInfo.qr;
// console.log(oid);
// console.log(url);
var html=[];
html+='<div id="pay-erwei"></div>';
html+='<p class="pay-tips">*请您使用手机扫一扫支付</p>'
$(".rech-showtime").html(html);
$("#qrcode").children().remove();
new QRCode(document.getElementById("pay-erwei"), url);
if(msg.code==1){
var lunxun = setInterval(function () {
$.ajax({
url:$ip+"/order/query/"+oid,
type:"post",
success: function (msg) {
// console.log(msg);
var data=JSON.parse(msg);
if(data.code==1){
$(".rech-nav").children("li").removeClass("navact");
$(".rech-nav").children().eq(2).addClass("navact");
var html2=[];
html2+='<div><img class="pay-img-end" src="../images/ok.png"/></div>';
html2+='<p class="pay-p-end">支付成功！三秒后自动关闭窗口。</p>'
clearInterval(lunxun);
$(".rech-showtime").html(html2);
setTimeout(function () {
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
window.location.reload();
},3000)
}
}
})
},1500);
}
}
}
})
})
}
})
$('.moneypay').on("click", function () {
paykey=true;
$(this).siblings("div").css("border","1px solid #EBEBEB");
$(this).css("border","none");
$(this).siblings("div").removeClass("pk");
$(this).addClass("pk");
payType=$(this).children("i").text();
// console.log(payType);
if(moneykey==true&&paykey==true){
layer.open({
type: 1,
shade: false,
title: false,
area : ['325px','200px'],
content:$('.paybox'),
});
var htmllayer=[];
htmllayer+='<p>确认给以下账号充值</p>';
htmllayer+='<div>';
htmllayer+='<div class="layer-face"><img src="http://zhibocdn.ishuaji.cn/comm'+face+'?x-oss-process=image/resize,h_100,w_100"/></div>';
htmllayer+='<div class="layer-uid">';
htmllayer+=' <p>'+nickname+'</p>';
htmllayer+='<p>Yabo ID:'+uid+'</p>';
htmllayer+='</div>';
htmllayer+='<button class="layer-ok">确认</button>';
htmllayer+='</div>';
$(".paybox").html(htmllayer);
$(".layer-ok").on("click", function () {
layer.close(layer.index);
})
var html2=[];
html2+='<button class="rech-back">上一步</button>'
html2+='<button class="pay-nextok">下一步</button>';
$(".pay-btn").html(html2);
$(".pay-nextok").on("click", function () {
$.ajax({
url:$ip+"/order/web/new",
dataType:"json",
type:"post",
data:{
'uid':uid,
'paytype':payType,
'amount':amount,
},
success: function (msg) {
// console.log(msg);
if(msg.code==1){
var oid=msg.result.orderId;
var url=msg.result.payInfo.qr;
// console.log(oid);
// console.log(url);
var html=[];
html+='<div id="pay-erwei"></div>';
html+='<p class="pay-tips">*请您使用手机扫一扫支付</p>'
$(".rech-showtime").html(html);
$("#qrcode").children().remove();
new QRCode(document.getElementById("pay-erwei"), url);
if(msg.code==1){
var l=0;
var lunxun = setInterval(function () {
$.ajax({
url:$ip+"/order/query/"+oid,
type:"post",
success: function (msg) {
// console.log(msg);
var data=JSON.parse(msg);
l++;
if(l>=5){
clearInterval(lunxun);
}
if(data.code==1){
$(".rech-nav").children("li").removeClass("navact");
$(".rech-nav").children().eq(2).addClass("navact");
var html2=[];
html2+='<div><img class="pay-img-end" src="../images/ok.png"/></div>';
html2+='<p class="pay-p-end">支付成功！三秒后自动关闭窗口。</p>'
clearInterval(lunxun);
$(".rech-showtime").html(html2);
setTimeout(function () {
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
window.location.reload();
},1500)
}
}
})
},4000);
}
}
}
})
})
}
})
}
})
}
</script>
</html>