554 lines
17 KiB
JavaScript
554 lines
17 KiB
JavaScript
let num = $('#num'),
|
||
wpContent = $('.wxPayContent'),
|
||
shade = $('.shade'),
|
||
$content = $('.pop .content'),
|
||
cancel = $('#cancel'),
|
||
confirm = $('#confirm'),
|
||
api = locateJudge(),
|
||
$pop = $('.pop'),
|
||
lock = false;
|
||
let locateObj = getQueryString();
|
||
let browser = checkVersion();
|
||
|
||
const productUrl = 'https://api.pekolive.com'; // 正式环境
|
||
const testUrl = 'https://beta.api.pekolive.com'; // 测试环境
|
||
//获取域名前缀
|
||
function getUrlPrefix() {
|
||
if (!EnvCheck()) return undefined;
|
||
return EnvCheck() === 'live' ? productUrl : testUrl;
|
||
}
|
||
const urlPrefix = getUrlPrefix()
|
||
// 鉆石比例
|
||
var amountPercentage;
|
||
// 自定义充值id
|
||
var custom_charge_prod;
|
||
const toastMsg = (content = '操作完成', time = 2) => {
|
||
layer.open({
|
||
content,
|
||
skin: 'msg',
|
||
time
|
||
});
|
||
}
|
||
const showLoading = () => {
|
||
layer.open({ type: 2, shadeClose: false });
|
||
}
|
||
const hideLoading = () => {
|
||
layer.closeAll();
|
||
}
|
||
if (EnvCheck() == 'test') {
|
||
let vConsole = new VConsole();
|
||
}
|
||
//弹窗的函数
|
||
function mess(str) {
|
||
$('.pop1 .message_').html(str);
|
||
$('.pop1').fadeIn(100)
|
||
}
|
||
//payType = "wx_wap" =>微信支付参数 : payType = "alipay_wap" =>支付宝支付参数
|
||
//defaultPayH5 => 决定H5支付页面的payType，由后台配置
|
||
let payType = "wx_wap" //默认微信选中
|
||
let cerruntIndex = 0 //选中的支付方式的索引
|
||
let defaultPayH5 //不再由其配置，貌似已经没用了
|
||
let chargeList = [] //微信充值列表
|
||
let aLiChargeList = [] //支付宝充值列表(高额)
|
||
|
||
const getChargeList = () => {
|
||
showLoading();
|
||
$.ajax({
|
||
type: 'GET',
|
||
url: urlPrefix + '/chargeprod/listV2?channelType=1&position=web',
|
||
success: function (res) {
|
||
hideLoading()
|
||
if (res.code == 200) {
|
||
// defaultPayH5 = res.data.defaultPayH5
|
||
custom_charge_prod = res.data.customChargeProd[0].chargeProdId;
|
||
chargeList = res.data.list
|
||
const { bigList } = res.data
|
||
aLiChargeList = chargeList.concat(bigList)
|
||
//defaultPayH5：1是支付宝，2是微信,微信支付要过滤掉money大于9998的,支付宝不用过滤
|
||
// rebuilidList = rebuildData();
|
||
renderList(chargeList);
|
||
}
|
||
|
||
if (browser.weixin) {
|
||
if (locateObj.code) {
|
||
if (browser.ios) {
|
||
window.location.href = window.location.href.split('?')[0]
|
||
} else {
|
||
getOpenId()
|
||
}
|
||
}
|
||
if (browser.ios) {
|
||
$('.tips-tit').fadeIn(30);
|
||
}
|
||
return
|
||
} else {
|
||
$('.pay-type').css('display', 'block')
|
||
}
|
||
},
|
||
error() {
|
||
hideLoading();
|
||
toastMsg('網絡錯誤');
|
||
}
|
||
});
|
||
}
|
||
|
||
function custom() {
|
||
$('.max .currency .wxPayContent').append(`
|
||
<li class="customBox" custom='custom'>自定义充值</li>
|
||
`)
|
||
// money
|
||
}
|
||
function toDecimal2(x) {
|
||
var f = parseFloat(x);
|
||
if (isNaN(f)) {
|
||
return false;
|
||
}
|
||
var f = Math.round(x * 100) / 100;
|
||
var s = f.toString();
|
||
var rs = s.indexOf('.');
|
||
if (rs < 0) {
|
||
rs = s.length;
|
||
s += '.';
|
||
}
|
||
while (s.length <= rs + 2) {
|
||
s += '0';
|
||
}
|
||
return s;
|
||
}
|
||
// 监听自定义充值input
|
||
$('.pop2 .content .box input').bind('input propertychange', function () {
|
||
var val = $(this).val();
|
||
// $('.pop2 .content .box span b').text(val * amountPercentage);
|
||
$('.pop2 .content .box span b').text(val * 10);
|
||
if (val > 5000) {
|
||
$(this).val('');
|
||
$('.pop2 .content .box span b').text('0')
|
||
toastMsg('金额数值不能大于5000')
|
||
} else if (val == '') {
|
||
$('.pop2 .content .box span b').text('0')
|
||
} else if (!((/^(\+|-)?\d+$/.test(val)) && val > 0)) {
|
||
$(this).val('');
|
||
$('.pop2 .content .box span b').text('0')
|
||
toastMsg('只能输入正整数')
|
||
}
|
||
// console.log('自定义充值',val);
|
||
});
|
||
// 取消自定义充值
|
||
$('.pop2 .content .butc .pop2_close').click(function () {
|
||
lock = false;
|
||
$('.pop2').hide()
|
||
})
|
||
// 确定自定义充值
|
||
$('.pop2 .content .butc .pop2_check').click(function () {
|
||
var val = $('.pop2 .content .box input').val();
|
||
charge = custom_charge_prod;
|
||
let reg = /^[0-9]*$/, //输入框的正则匹配
|
||
_num = num.val(); //获取输入框的值
|
||
if (val < 100) {
|
||
$('.pop2 .content .box div input').val('');
|
||
$('.pop2 .content .box span b').text('0')
|
||
toastMsg('充值金额不能小于100')
|
||
}
|
||
// else if (!(val % amountPercentage == 0)) {
|
||
// $('.pop2 .content .box div input').val('');
|
||
// $('.pop2 .content .box span b').text('0')
|
||
// toastMsg('只能输入正整数')
|
||
// }
|
||
else {
|
||
$('.pop2 .content .box input').val('');
|
||
$('.pop2 .content .box span b').text('0');
|
||
$('.pop2').hide()
|
||
// lock = !lock;
|
||
if (browser.weixin) {
|
||
price = val;
|
||
} else {
|
||
if (payType === "wx_wap") {
|
||
price = val; //获取价格
|
||
} else if (payType === 'alipay_wap') {
|
||
price = val; //获取价格
|
||
}
|
||
}
|
||
let params = {
|
||
chargeProdId: charge,
|
||
payChannel: payType,
|
||
chargeMoney: val,
|
||
successUrl: urlPrefix + '/accompany/modules/payment/index.html'
|
||
};
|
||
if (_num === '') {
|
||
$('.pop1 .content').removeClass('shiming')
|
||
// mess('请输入正确的手机号或者平台号');
|
||
toastMsg('账号不能为空')
|
||
lock = !lock;
|
||
return;
|
||
} else if (!reg.test(_num)) {
|
||
$('.pop1 .content').removeClass('shiming')
|
||
// mess('请输入正确的手机号或者平台号');
|
||
lock = !lock;
|
||
return toastMsg('请确定账号是否正确');
|
||
}else {
|
||
let _reg = /^[1][3,4,5,7,8][0-9]{9}$/;
|
||
_reg.test(_num) ? params['phone'] = _num : params['erbanNo'] = _num
|
||
}
|
||
|
||
if (browser.weixin) {
|
||
if (browser.ios) {
|
||
toastMsg('ios不支持公众号支付');
|
||
return;
|
||
}
|
||
let openid = window.sessionStorage.getItem('user_openid');
|
||
console.log(window.sessionStorage);
|
||
if (!openid) {
|
||
toastMsg('页面未授权，请在公众号菜单进入本页面');
|
||
return;
|
||
}
|
||
params['openId'] = openid;
|
||
if (params['phone']) {
|
||
params['phone'] = _num;
|
||
} else {
|
||
params['erban_no'] = _num;
|
||
}
|
||
delete params['erbanNo'];
|
||
delete params.payChannel;
|
||
if (locateObj.outerTradeId) {
|
||
params['outerTradeId'] = locateObj.outerTradeId
|
||
}
|
||
submitWxPayment(params);
|
||
} else {
|
||
if (locateObj.outerTradeId) {
|
||
params['outerTradeId'] = locateObj.outerTradeId
|
||
}
|
||
getPaymentInfo(params)
|
||
}
|
||
}
|
||
})
|
||
|
||
//渲染充值列表
|
||
const renderList = (data) => {
|
||
let str = '';
|
||
for (let i = 0; i < data.length; i++) {
|
||
let chargeProdId = data[i].chargeProdId;
|
||
let prodName = data[i].prodName;
|
||
let money = data[i].money;
|
||
|
||
let prodDesc = data[i].prodDesc ? data[i].prodDesc : '';
|
||
let $li = $('<li class="charge"></li>');
|
||
str += `<li class="charge" data-index="${i}" _charge="${chargeProdId}">
|
||
<p class="content"><span class="goldimg"><img src="./images/gold.png"
|
||
alt=""></span><span class="sproutCurrency">
|
||
${prodName.replace(/^[0-9]*/, function ($) { return `<span class="price-list">${$}</span>` })}
|
||
</span><span class="RNB">￥${money}</span></p><p class="tip">${prodDesc}</p>`
|
||
// wpContent.append('<li class="charge" data-index="' + i + '" _charge="' + chargeProdId + '">' + '<p class="content"><span class="goldimg"><img src="./images/gold.png" alt=""></span><span class="sproutCurrency">' + prodName + '</span><span class="RNB">￥' + money + '</span></p>' + '<p class="tip">' + prodDesc + '</p>');
|
||
// wpContent.append(str)
|
||
}
|
||
wpContent.html(str)
|
||
custom();
|
||
}
|
||
|
||
//获取openid
|
||
const getOpenId = () => {
|
||
$.ajax({
|
||
type: 'GET',
|
||
url: urlPrefix + '/getCodeCallbackMsg',
|
||
data: {
|
||
code: locateObj.code
|
||
},
|
||
success(res) {
|
||
if (res.code === 200) {
|
||
let data = res.data;
|
||
window.sessionStorage.setItem('user_openid', data.openid);
|
||
window.location.href = window.location.href.split('?')[0];
|
||
} else {
|
||
toastMsg(res.message)
|
||
}
|
||
},
|
||
error() {
|
||
toastMsg('網絡錯誤');
|
||
}
|
||
})
|
||
}
|
||
|
||
//外部浏览器获取订单信息
|
||
const getPaymentInfo = (params) => {
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: urlPrefix + '/charge/apply2New?app=peko',
|
||
data: params,
|
||
success: function (res) {
|
||
lock = !lock;
|
||
if (res.code == 200) {
|
||
let packages = res.data;
|
||
let nick = packages.nick;
|
||
let erbanNo = packages.erbanNo;
|
||
$pop.show();
|
||
$content.find('.toPerson').html('<p>向<span> ' + nick + '</span></p> <p>(peko号：<span>' + erbanNo + '</span> )</p> <p>充值 <span> ' + price + ' 元？</span></p>');
|
||
payInOutter(packages)
|
||
} else if (res.code === 10108) {
|
||
// $('.cancel1').fadeIn(0)
|
||
// $('.check1').html("取消")
|
||
// mess('为保护您的财产安全，请先在客户端进行实名认证');
|
||
$('.cancel1').fadeOut(0)
|
||
$('.pop1 .content').addClass('shiming')
|
||
mess('<div>为了保护财产安全，请前往app【我的】- 【实名认证】进行实名认证</div><div><img src="./images/shiming.png"></div>');
|
||
} else {
|
||
$('.pop1 .content').removeClass('shiming')
|
||
mess(res.message);
|
||
}
|
||
},
|
||
error: function (res) {
|
||
lock = !lock;
|
||
$('.pop1 .content').removeClass('shiming')
|
||
mess('请链接网络试试');
|
||
}
|
||
});
|
||
}
|
||
|
||
//外部浏览器唤起 微信支付/支付宝支付
|
||
const payInOutter = (packages) => {
|
||
$('#confirm').on('click', () => {
|
||
num.val('');
|
||
$pop.hide();
|
||
$('#confirm').unbind('click')
|
||
|
||
window.location.href = packages.payInfo.mweb_url
|
||
})
|
||
}
|
||
|
||
//微信浏览器获取订单信息
|
||
const submitWxPayment = (params) => {
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: urlPrefix + '/wx/submitPay?app=peko',
|
||
data: params,
|
||
success: function (res) {
|
||
lock = !lock;
|
||
if (res.code == 200) {
|
||
console.log(res);
|
||
let packages = res.data;
|
||
// var timeStamp = packages.timestamp;//时间戳,自1970年开始
|
||
// var nonceStr = packages.nonce_str;//随机串
|
||
// var prepayId = packages.prepay_id;
|
||
// var paySign = packages.sign;//微信签名
|
||
let nick = packages.nick;
|
||
let erbanNo = packages.erban_no;
|
||
// var appId = packages.appid;
|
||
// var signType = packages.sign_type;
|
||
// shade.toggle();
|
||
// $content.toggle();
|
||
$pop.show();
|
||
$content.find('.toPerson').html('<p>向<span> ' + nick + '</span></p> <p>(peko号：<span>' + erbanNo + '</span> )</p> <p>充值 <span> ' + price + ' 元？</span></p>');
|
||
|
||
payInWxBrowser(packages)
|
||
} else if (res.code === 10108) {
|
||
// $('.cancel1').fadeIn(0)
|
||
// $('.check1').html("取消")
|
||
// mess('为保护您的财产安全，请先在客户端进行实名认证');
|
||
$('.cancel1').fadeOut(0)
|
||
$('.pop1 .content').addClass('shiming')
|
||
mess('<div>为了保护财产安全，请前往app【我的】- 【实名认证】进行实名认证</div><div><img src="./images/shiming.png"></div>');
|
||
} else {
|
||
$('.pop1 .content').removeClass('shiming')
|
||
mess(res.message);
|
||
}
|
||
},
|
||
error: function (res) {
|
||
lock = !lock;
|
||
$('.pop1 .content').removeClass('shiming')
|
||
mess('请链接网络试试');
|
||
}
|
||
})
|
||
}
|
||
|
||
//微信浏览器唤起支付
|
||
const payInWxBrowser = (packages) => {
|
||
$('#confirm').on('click', function () {
|
||
num.val('');
|
||
$pop.hide();
|
||
|
||
if ($.isEmptyObject(packages)) {
|
||
toastMsg('出错了，请刷新页面重试');
|
||
return;
|
||
}
|
||
const { realPayChannel } = packages;
|
||
if (realPayChannel === 'hui_fu_bao') {
|
||
const { redirectUrl } = packages;
|
||
window.location.href = redirectUrl
|
||
} else {
|
||
const { appid, timestamp, nonce_str, prepay_id, sign_type, sign } = packages
|
||
function onBridgeReady() {
|
||
WeixinJSBridge.invoke(
|
||
'getBrandWCPayRequest', {
|
||
"appId": appid,
|
||
"timeStamp": timestamp,
|
||
"nonceStr": nonce_str,
|
||
"package": prepay_id,
|
||
"signType": sign_type,
|
||
"paySign": sign
|
||
},
|
||
function (res) {
|
||
window.location.reload();
|
||
}
|
||
);
|
||
}
|
||
if (typeof WeixinJSBridge == 'undefined') {
|
||
if (document.addEventListener) {
|
||
document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
|
||
} else if (document.attachEvent) {
|
||
document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
|
||
document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
|
||
}
|
||
} else {
|
||
onBridgeReady();
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
$(function () {
|
||
setTimeout(() => {
|
||
getChargeList();
|
||
$('.shade-mask').show();
|
||
$('body').css('overflow', 'hidden')
|
||
}, 100);
|
||
|
||
|
||
|
||
let main = {
|
||
init: function () {
|
||
// this.getData();
|
||
this.eventRegister();
|
||
},
|
||
|
||
eventRegister: function () {
|
||
//切换支付类型，是支付宝与微信
|
||
$('.pay-type .type').on('click', 'div', function () {
|
||
let index = $(this).index();
|
||
if (index === cerruntIndex) return;
|
||
cerruntIndex = index;
|
||
$(this).addClass('active').siblings().removeClass('active');
|
||
if ($(this).hasClass('wxpay')) {
|
||
payType = "wx_wap";
|
||
renderList(chargeList);
|
||
} else {
|
||
$('.alipay .tip').css({
|
||
top: '-1px',
|
||
right: '-1px'
|
||
})
|
||
payType = "alipay_wap";
|
||
renderList(aLiChargeList)
|
||
}
|
||
})
|
||
|
||
//关闭弹窗
|
||
$('.btn').on('click', function () {
|
||
$('.shade-mask').hide();
|
||
$('body').css('overflow', 'auto')
|
||
})
|
||
$('.check1').on('click', function () {
|
||
$('.pop1').fadeOut(100);
|
||
})
|
||
$('.cancel1').on('click', function () {
|
||
$('.pop1').fadeOut(100);
|
||
window.location.href = 'https://www.zhongjialx.com/'
|
||
})
|
||
$('#cancel').on('click', function () {
|
||
$('#confirm').unbind('click')
|
||
$pop.toggle();
|
||
// window.location.href = window.location.href + '?timestamp=' + (new Date()).valueOf();
|
||
});
|
||
// $('.failed').on('click', function () {
|
||
// $('.pay-reminders').fadeOut(90)
|
||
// })
|
||
// $('.pay-success').on('click', function () {
|
||
// $('.pay-reminders').fadeOut(90)
|
||
// })
|
||
|
||
//点击li,选择要充值的金额,点击出现 向***充值***元 的弹窗
|
||
$('.wxPayContent').on('click', 'li', function () {
|
||
if (lock) return;
|
||
lock = !lock;
|
||
let charge = $(this).attr('_charge');//传到后台获取用户是否存在的字符串的参数
|
||
let reg = /^[0-9]*$/, //输入框的正则匹配
|
||
_num = num.val().trim(); //获取输入框的值
|
||
index = $(this).data('index');
|
||
// price = aLiChargeList[index].money; //获取数据的钱的值
|
||
|
||
|
||
// 判断是否是自定义充值
|
||
if ($(this).attr('custom') == 'custom') {
|
||
$('.pop2').show()
|
||
} else {
|
||
|
||
if (browser.weixin) {
|
||
// price = wxPubchargeList[index].money
|
||
if (payType === "wx_wap") {
|
||
price = chargeList[index].money; //获取价格
|
||
} else if (payType === 'alipay_wap') {
|
||
price = aLiChargeList[index].money; //获取价格
|
||
}
|
||
} else {
|
||
if (payType === "wx_wap") {
|
||
price = chargeList[index].money; //获取价格
|
||
} else if (payType === 'alipay_wap') {
|
||
price = aLiChargeList[index].money; //获取价格
|
||
}
|
||
}
|
||
let params = {
|
||
chargeProdId: charge,
|
||
payChannel: payType,
|
||
successUrl: urlPrefix + '/peko/modules/payment/index.html'
|
||
};
|
||
|
||
if (_num === '' || !reg.test(_num)) {
|
||
$('.pop1 .content').removeClass('shiming')
|
||
mess('请输入正确的手机号或者peko号');
|
||
lock = !lock;
|
||
return;
|
||
} else {
|
||
let _reg = /^[1][3,4,5,7,8][0-9]{9}$/;
|
||
_reg.test(_num) ? params['phone'] = _num : params['erbanNo'] = _num
|
||
}
|
||
if (browser.weixin) {
|
||
if (browser.ios) {
|
||
toastMsg('ios不支持公众号支付');
|
||
return;
|
||
}
|
||
let openid = window.sessionStorage.getItem('user_openid');
|
||
if (!openid) {
|
||
toastMsg('页面未授权，请在公众号菜单进入本页面');
|
||
return;
|
||
}
|
||
params['openId'] = openid;
|
||
if (params['phone']) {
|
||
params['phone'] = _num;
|
||
} else {
|
||
params['erban_no'] = _num;
|
||
}
|
||
delete params['erbanNo'];
|
||
delete params.payChannel;
|
||
submitWxPayment(params);
|
||
} else {
|
||
getPaymentInfo(params)
|
||
}
|
||
|
||
}
|
||
|
||
});
|
||
}
|
||
};
|
||
main.init();
|
||
|
||
})
|
||
|
||
wx.ready(function () {
|
||
//2.3 隐藏不用的按钮
|
||
// alert("隐藏不用的按钮");
|
||
wx.hideMenuItems({
|
||
menuList: ["menuItem:share:timeline", "menuItem:copyUrl", "menuItem:share:appMessage", "menuItem:share:qq", "menuItem:share:weiboApp", "menuItem:favorite", "menuItem:share:facebook", "menuItem:share:QZone", "menuItem:editTag", "menuItem:delete", "menuItem:copyUrl", "menuItem:originPage", "menuItem:readMode", "menuItem:openWithQQBrowser", "menuItem:openWithSafari", "menuItem:share:email", "menuItem:share:brand"] // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮
|
||
});
|
||
})
|
||
|
||
// 跳转制定页面的html
|
||
function wind_reload(url) {
|
||
window.location.assign(url);
|
||
}
|