<!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">
<script src="../lib/fsize.js"></script>
<script src="../lib/jquery-3.1.1.min.js"></script>
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/fireflyPay.css?v='2018060681'">
<link rel="stylesheet" href="../css/layer.css">
<title></title>
<style>
body{
background: #FFF;
}
.p-w{
background-color: #FFF;
}
.gash-for-ul {
margin: 0 auto;
width: 10rem;
}
.gash-for-ul li {
height: 1.45rem;
line-height: 1.45rem;
color: #00F8DC;
background: #FFF;
margin-bottom: 0.05rem;
border: 0.04rem solid transparent ;
}
.p-active{
border: 0.04rem solid transparent !important;
}
.gash-for-ul li img {
width: 0.5rem;
vertical-align: middle;
margin-top: -0.2rem;
margin-left: 0.5rem;
}
.gash-for-ul li span {
margin-left: 0.3rem;
font-size: 0.45rem;
color: #FF57A0;
}
.gash-for-ul li button {
height: 0.73rem;
line-height: 0.75rem;
width: 2.2rem;
background: #FF57A0;
border-radius: 2rem;
color: #fff;
float: right;
margin-top: 0.35rem;
margin-right: 0.46rem;
font-size: 0.4rem;
}
.gash-rid {
visibility: hidden;
}
.login-tips{
color:#666;
}
</style>
</head>
<body >
<div class="p-w alipay">
<!--<div>-->
<!--<p class="apple-top">優惠充值</p>-->
<!--</div>-->
<ul class="gash-for-ul clearfix">
<img src="../img/loading.png" alt="">
</ul>
<!--<div class="paypal">
<button class="login-btn"></button>
</div>-->
<p class="login-tips"></p>
</div>
</body>
<script src="../lib/jquery-3.1.1.min.js"></script>
<script src="../lib/payLangchange.js?v=201912121422222222"></script>
<script src="../layer-v3.1.0/layer/layer.js"></script>
<script>
$('title').text(langList[langType].paytitle);
$('.login-tips').text(langList[langType].ques);
var btnOk=false;
$.ajax({
url:$ip+"/setting/getRecharge.html",
type:"post",
data:{
'cid':"web_gw",
'os':"h5",
lang:sessionStorage.lang,
'vest':0,
'paytype':sessionStorage.pay
},
error:function(msg){
console.log('erroe!');
},
success: function (msg) {
var data=JSON.parse(msg);
var html=[];
for(var i=0;i<data.data.length;i++){
html+='<li>'
html+='<img src="../img/zuan.png"><span>'+data.data[i].diamond+'</span>'
html+='<button>'+data.data[i].price[0].currency+'<i style="font-style:normal">'+data.data[i].price[0].price+'</i></button>';
html+='<span class="gash-rid">'+data.data[i].rid+'</span>';
html+='</li>'
}
$(".gash-for-ul").html(html);
$(".gash-for-ul li").on("click", function () {
$(this).siblings("li").removeClass("p-active");
$(this).addClass("p-active");
rid= $(this).find('.gash-rid').text();
console.log(rid);
money=$(this).find('button i').text();
console.log(money);
btnOk=true;
if(btnOk==true){
if(sessionStorage.pay=="PAYPALPAY") {
$.ajax({
url:$ip+"/pay/getPayPreid.html",
type:"post",
data:{
'lang':sessionStorage.lang,
'uid':sessionStorage.uid,
'product':"橙钻充值",
'country':"86",
'rid':rid,
'payType':sessionStorage.pay,
'payTypeSub':"NAVITE",
'amount':money*100,
'extend':"0",
},
success: function (msg) {
var data =JSON.parse(msg);
// $.cookie('oid',data.orderId,{expires:1});
sessionStorage.oid=data.orderId;
key=data.payInfo.key;
var html1=[];
html1+="<div style=' text-align: center;margin-top: 1.7rem;' class='paypalpay'>";
html1+="<div id=paypal-button-container></div>";
html1+="</div>";
$(".paypal").html(html1);
paypal.Button.render({
env: 'production', // sandbox | production
// PayPal Client IDs - replace with your own
// Create a PayPal app: https://developer.paypal.com/developer/applications/create
client: {
production:key,
// production: '<insert production client id>'
},
style: {
color: 'gold',
size: 'large',
shape:'rect',
locale:'zh_US',
},
// Show the buyer a 'Pay Now' button in the checkout flow
commit: true,
// payment() is called when the button is clicked
payment: function(data, actions) {
// Make a call to the REST api to create the payment
return actions.payment.create({
payment: {
transactions: [
{
amount: { total: money, currency: 'USD' },
custom: sessionStorage.oid,
}
]
}
});
},
// onAuthorize() is called when the buyer approves the payment
onAuthorize: function(data, actions) {
// Make a call to the REST api to execute the payment
return actions.payment.execute().then(function() {
setInterval(function () {
window.location.href='payend.html';
},100)
});
}
}, '#paypal-button-container');
}
})
}
else if(sessionStorage.pay=="ALIPAY"){
$.ajax({
url:$ip+"/pay/getPayPreid.html",
type:"post",
data:{
'lang':sessionStorage.lang,
'uid':sessionStorage.uid,
'product':"橙钻充值",
'country':"86",
'rid':rid,
'payType':sessionStorage.pay,
'payTypeSub':"H5",
'amount':money*100,
'extend':"https://www.footseen.com/footseen/phonepay/payend.html",
},
success: function (msg) {
console.log(msg);
var data =JSON.parse(msg);
// $.cookie('oid',data.orderId,{expires:1});
sessionStorage.oid=data.orderId;
var html=[];
console.log(data);
html+=data.payInfo.h5
$(".alipay").html(html);
}
})
}
else if(sessionStorage.pay=="WECHATPAY"){
$.ajax({
url:$ip+"/pay/getPayPreid.html",
type:"post",
data:{
'cid':"web_gw",
'os':"h5",
lang:sessionStorage.lang,
'uid':sessionStorage.uid,
'product':"橙钻充值",
'country':"86",
'rid':rid,
'payType':sessionStorage.pay,
'payTypeSub':"MWEB",
'amount':money*100,
'extend':"https://www.footseen.com/footseen/phonepay/payend.html",
},
success: function (msg) {
var data = JSON.parse(msg);
// $.cookie('oid',data.orderId,{expires:1});
sessionStorage.oid=data.orderId;
var url =data.payInfo.mweb_url;
window.location.href=url;
}
})
}
else if(sessionStorage.pay=='MOLPAY'){
$.ajax({
url:"https://webserver.yabolive.net/pay/getPayPreid.html",
type: "post",
data: {
'cid':"web_gw",
'os':"h5",
lang:sessionStorage.lang,
"uid": sessionStorage.uid,
"product": "橙钻货币充值",
"country": "86",
"rid": rid,
"lang": 2,
"payType": sessionStorage.pay,
"payTypeSub": "H5",
"amount": money*100,
"extend": "0",
"returnUrl":"https://www.footseen.com/footseen/phonepay/payend.html",
},
success: function (msg) {
var data=JSON.parse(msg);
console.log(data);
window.location.href=data.payInfo.url;
}
})
}
}else{
layer.msg(langList[langType].select);
}
})
}
})
$(".payfor-ul").on("click", function () {
if(sessionStorage.pay=='PAYPALPAY'){
$(".paypal").html('<button class="login-btn">下一步</button>')
$(".login-btn").unbind("click")
$(".login-btn").on("click", function () {
if(btnOk==true){
if(sessionStorage.pay=="PAYPALPAY") {
$.ajax({
url:$ip+"/pay/getPayPreid.html",
type:"post",
data:{
'cid':"web_gw",
'os':"h5",
lang:sessionStorage.lang,
'uid':sessionStorage.uid,
'product':"橙钻充值",
'country':"86",
'rid':rid,
'payType':sessionStorage.pay,
'payTypeSub':"NAVITE",
'amount':money*100,
'extend':"0",
},
success: function (msg) {
var data =JSON.parse(msg);
// $.cookie('oid',data.orderId,{expires:1});
sessionStorage.oid=data.orderId;
key=data.payInfo.key;
var html1=[];
html1+="<div style=' text-align: center;margin-top: 1.7rem;' class='paypalpay'>";
html1+="<div id=paypal-button-container></div>";
html1+="</div>";
$(".paypal").html(html1);
paypal.Button.render({
env: 'production', // sandbox | production
// PayPal Client IDs - replace with your own
// Create a PayPal app: https://developer.paypal.com/developer/applications/create
client: {
production:key,
// production: '<insert production client id>'
},
style: {
color: 'gold',
size: 'large',
shape:'rect',
locale:'zh_US',
},
// Show the buyer a 'Pay Now' button in the checkout flow
commit: true,
// payment() is called when the button is clicked
payment: function(data, actions) {
// Make a call to the REST api to create the payment
return actions.payment.create({
payment: {
transactions: [
{
amount: { total: money, currency: 'USD' },
custom: sessionStorage.oid,
}
]
}
});
},
// onAuthorize() is called when the buyer approves the payment
onAuthorize: function(data, actions) {
// Make a call to the REST api to execute the payment
return actions.payment.execute().then(function() {
setInterval(function () {
window.location.href='payend.html';
},100)
});
}
}, '#paypal-button-container');
}
})
}
}else{
layer.msg(langList[langType].select);
}
})
}
})
</script>
</html>