503 lines
22 KiB
JavaScript
503 lines
22 KiB
JavaScript
let urlPrefix = getUrlPrefix()
|
||
let browser = checkVersion()
|
||
let env = EnvCheck();
|
||
if (env == 'test') {
|
||
new VConsole();
|
||
}
|
||
// 封裝layer消息提醒框
|
||
let layerIndex
|
||
var langReplace;
|
||
var localLang;
|
||
const showLoading = (content = langReplace(localLang.share.text5)) => {
|
||
layer.open({
|
||
type: 2,
|
||
shadeClose: false,
|
||
content,
|
||
success(e) {
|
||
layerIndex = $(e).attr('index')
|
||
}
|
||
})
|
||
}
|
||
const hideLoading = (index) => {
|
||
layer.close(index)
|
||
}
|
||
const toastMsg = (content = langReplace(localLang.share.text36), time = 2) => {
|
||
layer.open({
|
||
content,
|
||
time,
|
||
skin: 'msg'
|
||
})
|
||
}
|
||
var inviteCode = '';
|
||
var typeStr = "1,3";//收益類型 1 直接邀請 2 間接邀請 3 直接邀請充值 4 間接邀請充值
|
||
var page = 1;
|
||
var isLock = true;
|
||
var obj = {};
|
||
var text;;
|
||
$(function () {
|
||
// 初始化函數
|
||
getInfoFromClient()
|
||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||
setTimeout(function () {
|
||
// 頁面全屏
|
||
if (browser.app) {
|
||
if (browser.android) {
|
||
window.androidJsObj.initShowNav(false)
|
||
} else {
|
||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||
}
|
||
};
|
||
// 頂部返回事件
|
||
$('.back').click(() => {
|
||
if (browser.android) {
|
||
window.androidJsObj.closeWebView()
|
||
} else {
|
||
window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||
}
|
||
})
|
||
langReplace = window.lang.replace;
|
||
localLang = window.lang;
|
||
text = langReplace(localLang.demoModule.text35)
|
||
|
||
translateFun();
|
||
// getConfig();
|
||
getMySelf();
|
||
profitPage();
|
||
setTimeout(function () {
|
||
$('#body').show();
|
||
}, 300)
|
||
$('.toatstsEnd').hide();
|
||
if (getQueryString().lang == "en" || getQueryString().lang == "ar") {
|
||
$('.toatstsEnd').text(langReplace(localLang.demoModule.endTimes))
|
||
}else{
|
||
$('.toatstsEnd').hide();
|
||
}
|
||
}, 300)
|
||
})
|
||
function translateFun() {
|
||
var langReplace = window.lang.replace;
|
||
var localLang = window.lang;
|
||
$('#title').html(langReplace(localLang.demoModule.title));
|
||
$('#text1').html(langReplace(localLang.demoModule.text1));
|
||
$('#text2').html(langReplace(localLang.demoModule.text2));
|
||
$('#text3').html(langReplace(localLang.demoModule.text3));
|
||
$('#text4').html(langReplace(localLang.demoModule.text4));
|
||
$('#text5').html(langReplace(localLang.demoModule.text5));
|
||
$('#texts5').html(langReplace(localLang.demoModule.texts5));
|
||
$('#text6').html(langReplace(localLang.demoModule.text6));
|
||
$('#text7').html(langReplace(localLang.demoModule.text7));
|
||
$('#text8').html(langReplace(localLang.demoModule.text8));
|
||
$('#text9').html(langReplace(localLang.demoModule.text9));
|
||
$('#text10').html(langReplace(localLang.demoModule.text10));
|
||
$('#text11').html(langReplace(localLang.demoModule.text11));
|
||
$('#text12').html(langReplace(localLang.demoModule.text12));
|
||
$('#text13').html(langReplace(localLang.demoModule.text13));
|
||
$('#text14').html(langReplace(localLang.demoModule.text14));
|
||
$('#text15').html(langReplace(localLang.demoModule.text15));
|
||
$('#text16').html(langReplace(localLang.demoModule.text16));
|
||
$('#text17').html(langReplace(localLang.demoModule.text17));
|
||
$('#text18').html(langReplace(localLang.demoModule.text18));
|
||
$('#text19').html(langReplace(localLang.demoModule.text19));
|
||
$('#text20').html(langReplace(localLang.demoModule.text20));
|
||
$('#text21').html(langReplace(localLang.demoModule.text21));
|
||
$('#text22').html(langReplace(localLang.demoModule.text22));
|
||
$('#text23').html(langReplace(localLang.demoModule.text23));
|
||
$('#text24').html(langReplace(localLang.demoModule.text24));
|
||
$('#text25').html(langReplace(localLang.demoModule.text25));
|
||
$('#text26').html(langReplace(localLang.demoModule.text26));
|
||
$('#text27').html(langReplace(localLang.demoModule.text27));
|
||
$('#text28').html(langReplace(localLang.demoModule.text28));
|
||
$('#text29').html(langReplace(localLang.demoModule.text29));
|
||
$('#text30').html(langReplace(localLang.demoModule.text30));
|
||
$('#text31').html(langReplace(localLang.demoModule.text31));
|
||
$('#text32').html(langReplace(localLang.demoModule.text32));
|
||
$('#text33').html(langReplace(localLang.demoModule.text33));
|
||
$('#text34').html(langReplace(localLang.demoModule.text34));
|
||
// $('#text66').html(langReplace(localLang.demoModule.text66));
|
||
$('.text67').text(langReplace(localLang.demoModule.text67));
|
||
$('.bg .myIncome .text').text(langReplace(localLang.demoModule.myIncomeText));
|
||
$('#img1').attr('src', langReplace(localLang.demoModule.img1))
|
||
$('#img2').attr('src', langReplace(localLang.demoModule.img2))
|
||
$('#img3').attr('src', langReplace(localLang.demoModule.img3))
|
||
$('#img4').attr('src', langReplace(localLang.demoModule.img4))
|
||
$('.img5').attr('style', langReplace(localLang.demoModule.img5))
|
||
$('.img6').attr('style', langReplace(localLang.demoModule.img6))
|
||
$('.img7').attr('style', langReplace(localLang.demoModule.img7))
|
||
$('.img8').attr('src', langReplace(localLang.demoModule.img8))
|
||
}
|
||
// 獲取配置接口
|
||
function getConfig() {
|
||
showLoading()
|
||
networkRequest({
|
||
type: 'get',
|
||
url: urlPrefix + '/user/invite/config',
|
||
success(res) {
|
||
if (res.code === 200) {
|
||
// 直接邀請規則
|
||
res.data.inviteLevelReward.forEach((res, i) => {
|
||
if (i == 0) {
|
||
// $(`.bg .rule .rule2 .table1_2`).html(`
|
||
// <div>${res.leftDiamond}金幣<30天內儲值<${res.rightDiamond}金幣 </div>
|
||
// <div>直接邀請對象+2魔法棒，妳+1魔法棒</div>
|
||
// `)
|
||
$(`.bg .rule .rule2 .table1_2`).html(`
|
||
<div>${res.leftDiamond}金幣<30天內儲值<${res.rightDiamond}金幣 </div>
|
||
<div>直接邀請對象+2魔法棒，妳+1魔法棒</div>
|
||
`)
|
||
} else {
|
||
$(`.bg .rule .rule2 .table1_${i + 2}`).html(`
|
||
<div>${res.leftDiamond}金幣<=30天內儲值${res.rightDiamond ? `<${res.rightDiamond}金幣` : ''} </div>
|
||
<div>每儲值${res.numUnit}金幣+${res.rewardNum}金幣${((res.rewardNum / res.numUnit) * 100).toFixed(2)}%）</div>
|
||
`)
|
||
}
|
||
})
|
||
// 間接邀請規則
|
||
res.data.indirectLevelReward.forEach((res, i) => {
|
||
$(`.bg .rule .rule2 .table2_${i + 2}`).html(`
|
||
<div>${res.leftDiamond}金幣<=30天內儲值${res.rightDiamond ? `<${res.rightDiamond}金幣` : ''} </div>
|
||
<div>每儲值${res.numUnit}金幣，妳+${res.rewardNum}金幣${((res.rewardNum / res.numUnit) * 100).toFixed(2)}%）</div>
|
||
`)
|
||
})
|
||
} else {
|
||
toastMsg(res.message)
|
||
}
|
||
hideLoading(layerIndex)
|
||
},
|
||
error(err) {
|
||
hideLoading(layerIndex)
|
||
toastMsg(langReplace(localLang.share.text8))
|
||
}
|
||
})
|
||
}
|
||
// 领取接口
|
||
function inviteReceive() {
|
||
showLoading()
|
||
networkRequest({
|
||
type: 'post',
|
||
url: urlPrefix + '/user/invite/receive',
|
||
success(res) {
|
||
if (res.code === 200) {
|
||
getMySelf();
|
||
toastMsg(langReplace(localLang.demoModule.claimed));
|
||
} else {
|
||
toastMsg(res.message)
|
||
}
|
||
hideLoading(layerIndex)
|
||
},
|
||
error(err) {
|
||
hideLoading(layerIndex)
|
||
toastMsg(langReplace(localLang.share.text8))
|
||
}
|
||
})
|
||
}
|
||
$('.bg .myIncome .text').click(function(){
|
||
inviteReceive();
|
||
})
|
||
// 獲取收益接口
|
||
function getMySelf() {
|
||
showLoading()
|
||
networkRequest({
|
||
type: 'get',
|
||
url: urlPrefix + '/user/invite/mySelf',
|
||
success(res) {
|
||
if (res.code === 200) {
|
||
inviteCode = res.data.inviteCode;
|
||
// 分享所需参数
|
||
obj = {
|
||
qrCodeUrl: res.data.qRCodeUrl,
|
||
text: langReplace(localLang.demoModule.text36),
|
||
invitationCode: `${res.data.inviteCode}`,
|
||
shareTitle: langReplace(localLang.demoModule.text37),
|
||
shareText: langReplace(localLang.demoModule.text38),
|
||
shareImg: 'https://cdn.epartylive.com/eparty_icon.png',
|
||
toUrl: `${window.location.origin}/eparty/activity/2024-invitationFission/share.html?inviteCode=${res.data.inviteCode}&lang=${getQueryString().lang}`,
|
||
type: 1//1:分享好友2:直接保存圖片
|
||
}
|
||
// 初始化复制
|
||
$.copy({
|
||
text: langReplace(localLang.share.text7), //分享提示文案
|
||
copyUrl: inviteCode, //自定義復制
|
||
tipTime: 1000, //分享提示消失時間
|
||
copyId: "#copy" //復制按鈕id
|
||
});
|
||
$('.bg .myInfo .invitationCode').text(inviteCode);
|
||
$('.bg .myIncome b').text(res.data.totalProfit);
|
||
$('.bg .ul_pub .incomeBox .gold b').text(res.data.totalProfit);
|
||
$('.bg .incomeBox .tab .directProfit span').html(`<img src="./images/gold.png" alt=""> ${res.data.directProfit}`);
|
||
$('.bg .incomeBox .tab .indirectProfit span').html(`<img src="./images/gold.png" alt=""> ${res.data.indirectProfit}`);
|
||
$('.code .codeImg').attr('src', res.data.qRCodeUrl);
|
||
$('.bg .myInfo .tx').attr('src', res.data.avatar);
|
||
} else {
|
||
toastMsg(res.message)
|
||
}
|
||
hideLoading(layerIndex)
|
||
},
|
||
error(err) {
|
||
hideLoading(layerIndex)
|
||
toastMsg(langReplace(localLang.share.text8))
|
||
}
|
||
})
|
||
}
|
||
// 縮小二維碼
|
||
$('.code .rule_icon').click(function () {
|
||
$('.openShare').show();
|
||
$('.code').hide();
|
||
})
|
||
// 放大二維碼
|
||
$('.openShare').click(function () {
|
||
$('.code').show();
|
||
$('.openShare').hide();
|
||
})
|
||
// 分享調用
|
||
$('.bg .myInfo .skip').click(function () {
|
||
obj.type = 1;
|
||
if (browser.android) {
|
||
window.androidJsObj.savePictureShare(JSON.stringify(obj))
|
||
} else {
|
||
window.webkit.messageHandlers.savePictureShare.postMessage(JSON.stringify(obj))
|
||
}
|
||
})
|
||
// 保存圖片
|
||
$('.code .but').click(function () {
|
||
obj.type = 2;
|
||
if (browser.android) {
|
||
window.androidJsObj.savePictureShare(JSON.stringify(obj))
|
||
} else {
|
||
window.webkit.messageHandlers.savePictureShare.postMessage(JSON.stringify(obj))
|
||
}
|
||
})
|
||
// 復制邀請碼
|
||
$('.bg .myInfo .copy').click(function () {
|
||
$.copy({
|
||
text: langReplace(localLang.share.text7), //分享提示文案
|
||
copyUrl: inviteCode, //自定義復制
|
||
tipTime: 1000, //分享提示消失時間
|
||
copyId: "#copy" //復制按鈕id
|
||
});
|
||
})
|
||
// 切換收益大Tab
|
||
$('.bg .incomeBox .tab div').click(function () {
|
||
var i = $(this).index() + 1;
|
||
text = i == 1 ? langReplace(localLang.demoModule.text39) : langReplace(localLang.demoModule.text40);
|
||
$(this).addClass('act').siblings().removeClass('act');
|
||
$('.bg .incomeBox .sTab div').eq(0).text(`${text}${langReplace(localLang.demoModule.text41)}`);
|
||
$('.bg .incomeBox .sTab div').eq(1).text(`${text}${langReplace(localLang.demoModule.text42)}`);
|
||
$('.bg .incomeBox .sTab div').removeClass('tab1').removeClass('tab2');
|
||
$('.bg .incomeBox .sTab div').eq(0).addClass(`tab1`);
|
||
page = 1;
|
||
$('.bg .incomeBox ul li').remove();
|
||
typeStr = i == 1 ? "1,3" : "2,4";
|
||
profitPage();
|
||
})
|
||
// 小tab切換
|
||
$('.bg .incomeBox .sTab div').click(function () {
|
||
var i = $(this).index() + 1;
|
||
$('.bg .incomeBox .sTab div').removeClass('tab1').removeClass('tab2');
|
||
$(this).addClass(`tab${i}`);
|
||
page = 1;
|
||
typeStr = (i == 1 && text == langReplace(localLang.demoModule.text39)) ? "1,3" : (i == 2 && text == langReplace(localLang.demoModule.text39)) ? "1" : (i == 1 && text == langReplace(localLang.demoModule.text40)) ? "2,4" : "2";
|
||
$('.bg .incomeBox ul li').remove();
|
||
if (i == 1) {
|
||
profitPage();
|
||
} else {
|
||
userPage();
|
||
}
|
||
})
|
||
// 滾動
|
||
$('.bg .incomeBox ul').scroll(function () {
|
||
let scrollTop = $(this).scrollTop()
|
||
let scrollHeight = $('.bg .incomeBox ul')[0].scrollHeight
|
||
let ulHeight = $(this).innerHeight()
|
||
if (scrollTop + ulHeight + 100 >= scrollHeight) {
|
||
if (isLock) {
|
||
// 請求下一頁
|
||
page = page + 1;
|
||
profitPage();
|
||
isLock = false;
|
||
}
|
||
}
|
||
})
|
||
// 獲取收益接口
|
||
function profitPage() {
|
||
showLoading()
|
||
networkRequest({
|
||
type: 'get',
|
||
url: urlPrefix + '/userInviteFissionRewardRecord/profitPage',
|
||
data: { pageNum: page, pageSize: 10, typeStr },
|
||
success(res) {
|
||
if (res.code === 200) {
|
||
var str = '';
|
||
if (text == langReplace(localLang.demoModule.text39) && typeStr == "1,3") {
|
||
$('.bg .incomeBox .tableTitle div').remove();
|
||
$('.bg .incomeBox .tableTitle').append(`<div>${langReplace(localLang.demoModule.text44)}</div><div>${langReplace(localLang.demoModule.text45)}</div><div>${langReplace(localLang.demoModule.text46)}</div><div>${langReplace(localLang.demoModule.text47)}</div>`);
|
||
} else if (text == langReplace(localLang.demoModule.text40) && typeStr == "2,4") {
|
||
$('.bg .incomeBox .tableTitle div').remove();
|
||
$('.bg .incomeBox .tableTitle').append(`<div>${langReplace(localLang.demoModule.text48)}</div><div>${langReplace(localLang.demoModule.text49)}</div><div>${langReplace(localLang.demoModule.text50)}</div><div style="font-size: 0.24rem;">${langReplace(localLang.demoModule.text51)}</div>`);
|
||
}
|
||
if (res.data.records.length == 0) {
|
||
if (page == 1) {
|
||
str += `
|
||
<li>
|
||
<div class="">${langReplace(localLang.demoModule.text43)}</div>
|
||
<div>${langReplace(localLang.demoModule.text43)}</div>
|
||
<div>${langReplace(localLang.demoModule.text43)}</div>
|
||
<div class="">${langReplace(localLang.demoModule.text43)}</div>
|
||
</li>
|
||
`}
|
||
isLock = false;
|
||
} else {
|
||
console.log(text);
|
||
if (text == langReplace(localLang.demoModule.text39) && typeStr == "1,3") {
|
||
res.data.records.forEach(res => {
|
||
str += `
|
||
<li>
|
||
<div class="act">
|
||
<p>${res.inviteTimeYMD}</p>
|
||
<b>${res.inviteTimeHMS}</b>
|
||
</div>
|
||
<div>+${res.rewardNum} <img src="./images/${res.rewardType == 1 ? 'diamond' : 'magicStick'}.png" alt=""></div>
|
||
<div>${res.type == 1 && res.rewardType == 1 ? langReplace(localLang.demoModule.text52) : res.type == 3 && res.rewardType == 1 ? langReplace(localLang.demoModule.text53) : res.type == 3 && res.rewardType == 2 ? langReplace(localLang.demoModule.text54) : langReplace(localLang.demoModule.text55)}</div>
|
||
<div class="act">
|
||
<p>${res.inviteNick}</p>
|
||
<b>ID:${res.inviteErBanNo}</b>
|
||
</div>
|
||
</li>
|
||
`
|
||
});
|
||
} else if (text == langReplace(localLang.demoModule.text40) && typeStr == "2,4") {
|
||
res.data.records.forEach(res => {
|
||
str += `
|
||
<li>
|
||
<div class="act">
|
||
<p>${res.inviteTimeYMD}</p>
|
||
<b>${res.inviteTimeHMS}</b>
|
||
</div>
|
||
<div>+${res.rewardNum} <img src="./images/${res.rewardType == 1 ? 'diamond' : 'magicStick'}.png" alt=""></div>
|
||
<div>${res.type == 1 && res.rewardType == 1 ? langReplace(localLang.demoModule.text52) : res.type == 3 && res.rewardType == 1 ? langReplace(localLang.demoModule.text53) : res.type == 3 && res.rewardType == 2 ? langReplace(localLang.demoModule.text54) : langReplace(localLang.demoModule.text55)}</div>
|
||
<div class="act">
|
||
<p>${res.inviteNick[0]+'*****'}</p>
|
||
<b>ID:******</b>
|
||
</div>
|
||
</li>
|
||
`
|
||
});
|
||
}
|
||
isLock = true;
|
||
}
|
||
$('.bg .incomeBox ul').append(str);
|
||
} else {
|
||
isLock = true;
|
||
toastMsg(res.message)
|
||
}
|
||
hideLoading(layerIndex)
|
||
},
|
||
error(err) {
|
||
isLock = true;
|
||
hideLoading(layerIndex)
|
||
toastMsg(langReplace(localLang.share.text8))
|
||
}
|
||
})
|
||
}
|
||
// 獲取收益接口
|
||
function userPage() {
|
||
showLoading()
|
||
networkRequest({
|
||
type: 'get',
|
||
url: urlPrefix + '/userInviteFissionRewardRecord/userPage',
|
||
data: { pageNum: page, pageSize: 10, type: typeStr },
|
||
success(res) {
|
||
if (res.code === 200) {
|
||
var str = '';
|
||
if (text == langReplace(localLang.demoModule.text39) && typeStr == "1") {
|
||
$('.bg .incomeBox .tableTitle div').remove();
|
||
$('.bg .incomeBox .tableTitle').append(`<div>${langReplace(localLang.demoModule.text56)}</div><div>${langReplace(localLang.demoModule.text57)}</div>`);
|
||
} else if (text == langReplace(localLang.demoModule.text40) && typeStr == "2") {
|
||
$('.bg .incomeBox .tableTitle div').remove();
|
||
$('.bg .incomeBox .tableTitle').append(`<div>${langReplace(localLang.demoModule.text59)}</div><div>${langReplace(localLang.demoModule.text60)}</div><div style="font-size: 0.24rem;">${langReplace(localLang.demoModule.text61)}</div>`);
|
||
}
|
||
if (res.data.records.length == 0) {
|
||
if (page == 1) {
|
||
str += `
|
||
<li>
|
||
<div class="">${langReplace(localLang.demoModule.text43)}</div>
|
||
<div>${langReplace(localLang.demoModule.text43)}</div>
|
||
<div>${langReplace(localLang.demoModule.text43)}</div>
|
||
<div class="">${langReplace(localLang.demoModule.text43)}</div>
|
||
</li>
|
||
`}
|
||
isLock = false;
|
||
} else {
|
||
if (text == langReplace(localLang.demoModule.text39) && typeStr == "1") {
|
||
res.data.records.forEach(res => {
|
||
str += `
|
||
<li>
|
||
<div class="act">
|
||
<p>${res.inviteTimeYMD}</p>
|
||
<b>${res.inviteTimeHMS}</b>
|
||
</div>
|
||
<div class="act">
|
||
<p>${res.inviteNick}</p>
|
||
<b>ID:${res.inviteErBanNo}</b>
|
||
</div>
|
||
<!-- <div>${res.charge30Amount ? res.charge30Amount : 0} <img src="./images/gold.png" alt=""></div> -->
|
||
|
||
</li>
|
||
`
|
||
});
|
||
} else if (text == langReplace(localLang.demoModule.text40) && typeStr == "2") {
|
||
res.data.records.forEach(res => {
|
||
str += `
|
||
<li>
|
||
<div class="act">
|
||
<p>${res.inviteTimeYMD}</p>
|
||
<b>${res.inviteTimeHMS}</b>
|
||
</div>
|
||
<div class="act">
|
||
<p>${res.inviteNick}</p>
|
||
<b>ID:${res.inviteErBanNo}</b>
|
||
</div>
|
||
<div class="act">
|
||
<p>${typeStr == "2" ? res.indirectNick[0] + '*****' : res.indirectNick}</p>
|
||
<b>ID:******</b>
|
||
</div>
|
||
<!-- <div>${res.charge30Amount ? res.charge30Amount : 0} <img src="./images/gold.png" alt=""></div> -->
|
||
</li>
|
||
`
|
||
});
|
||
}
|
||
isLock = true;
|
||
}
|
||
$('.bg .incomeBox ul').append(str);
|
||
} else {
|
||
isLock = true;
|
||
toastMsg(res.message)
|
||
}
|
||
hideLoading(layerIndex)
|
||
},
|
||
error(err) {
|
||
isLock = true;
|
||
hideLoading(layerIndex)
|
||
toastMsg(langReplace(localLang.share.text8))
|
||
}
|
||
})
|
||
}
|
||
// 打开规则弹窗
|
||
$('.bg .rule .ruleInfo').click(function () {
|
||
$('.otherRule').show();
|
||
bodyScroolFun(true);
|
||
})
|
||
// 关闭规则弹窗
|
||
$('.otherRule').click(function () {
|
||
$('.otherRule').hide();
|
||
bodyScroolFun(false);
|
||
})
|
||
// 打开收益弹窗
|
||
$('.header .rule_rule').click(function () {
|
||
$('.bg .ul_pub').show();
|
||
bodyScroolFun(true);
|
||
})
|
||
// 关闭收益弹窗
|
||
$('.bg .ul_pub .incomeBox .close').click(function () {
|
||
$('.bg .ul_pub').hide();
|
||
bodyScroolFun(false);
|
||
}) |