370 lines
15 KiB
JavaScript
370 lines
15 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.demoModule.layerIndex1)) => {
|
||
layer.open({
|
||
type: 2,
|
||
shadeClose: false,
|
||
content,
|
||
success(e) {
|
||
layerIndex = $(e).attr('index')
|
||
}
|
||
})
|
||
}
|
||
const hideLoading = (index) => {
|
||
layer.close(index)
|
||
}
|
||
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
|
||
layer.open({
|
||
content,
|
||
time,
|
||
skin: 'msg'
|
||
})
|
||
}
|
||
var roleTypes;
|
||
var searTime;
|
||
var guildNick;
|
||
var backgroundUrl;
|
||
var payoneer;
|
||
var usdt;
|
||
var payPal;
|
||
var familyMemberId;
|
||
// 初始化函數
|
||
$(function () {
|
||
getInfoFromClient();
|
||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||
setTimeout(function () {
|
||
// 頁面全屏
|
||
if (browser.app) {
|
||
if (browser.android) {
|
||
window.androidJsObj.initShowNav(false)
|
||
} else {
|
||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||
}
|
||
};
|
||
// 頂部返回事件
|
||
$('.back img').click(() => {
|
||
if (browser.android) {
|
||
window.androidJsObj.closeWebView()
|
||
} else {
|
||
window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||
}
|
||
})
|
||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||
langReplace = window.lang.replace;
|
||
localLang = window.lang;
|
||
translateFun();
|
||
get();
|
||
}, 100)
|
||
})
|
||
function translateFun() {
|
||
var langReplace = window.lang.replace;
|
||
var localLang = window.lang;
|
||
$('.text1').text(langReplace(localLang.demoModule.text1));
|
||
// $('.text2').text(langReplace(localLang.demoModule.text2));
|
||
$('.text3').text(langReplace(localLang.demoModule.text3));
|
||
$('.text4').text(langReplace(localLang.demoModule.text4));
|
||
$('.text5').text(langReplace(localLang.demoModule.text5));
|
||
$('.text6').text(langReplace(localLang.demoModule.text6));
|
||
$('.text7').text(langReplace(localLang.demoModule.text7));
|
||
$('.text8').text(langReplace(localLang.demoModule.text8));
|
||
$('.text9').text(langReplace(localLang.demoModule.text9));
|
||
$('.text10').text(langReplace(localLang.demoModule.text10));
|
||
$('.text16').attr('placeholder', langReplace(localLang.demoModule.text16));
|
||
$('.texts1').text(langReplace(localLang.demoModule.texts1));
|
||
$('.texts2').text(langReplace(localLang.demoModule.texts2));
|
||
$('.texts3').text(langReplace(localLang.demoModule.texts3));
|
||
$('.texts4').text(langReplace(localLang.demoModule.texts4));
|
||
$('.texts5').text(langReplace(localLang.demoModule.texts5));
|
||
$('.newText1').text(langReplace(localLang.demoModule.newText1));
|
||
$('.newText2').text(langReplace(localLang.demoModule.newText2));
|
||
$('.newText3').text(langReplace(localLang.demoModule.newText3));
|
||
$('.audit').text(langReplace(localLang.demoModule.audit));
|
||
$('.weeklyRewardsText1').text(langReplace(localLang.demoModule.weeklyRewardsText1));
|
||
// $('.weeklyRewardsText2').text(langReplace(localLang.demoModule.weeklyRewardsText2));
|
||
$('.weeklyRewardsText3').text(langReplace(localLang.demoModule.weeklyRewardsText3));
|
||
$('.weeklyRewardsText4').text(langReplace(localLang.demoModule.weeklyRewardsText4));
|
||
$('.weeklyRewardsText5').text(langReplace(localLang.demoModule.weeklyRewardsText5));
|
||
}
|
||
// 判断公会身份函数
|
||
function guildFun(type) {
|
||
// 公会长
|
||
if (type == 1) {
|
||
$('.guildList .top img').show()
|
||
$('.guildList .top input').show()
|
||
$('.headerBox .myWages').hide()
|
||
}
|
||
// 管理员
|
||
else if (type == 2) {
|
||
$('.headerBox .guildInfoSet').hide();
|
||
$('.headerBox .adminSet').hide();
|
||
$('.guildList .top input').show()
|
||
$('.memberFlow2').hide()
|
||
}
|
||
// 普通成员
|
||
else if (type == 3) {
|
||
$('.headerBox .guildInfoSet').hide();
|
||
$('.headerBox .adminSet').hide();
|
||
$('.headerBox .memberFlow').hide();
|
||
$('.memberFlowMy').show()
|
||
$('.guildNick').show()
|
||
$('.guildList .top input').show()
|
||
$('.memberFlow2').hide();
|
||
|
||
}
|
||
// 非公会成员
|
||
else {
|
||
}
|
||
}
|
||
// 配置接口
|
||
function get() {
|
||
showLoading()
|
||
networkRequest({
|
||
type: 'get',
|
||
url: urlPrefix + '/family/get',
|
||
success(res) {
|
||
if (res.code === 200) {
|
||
// 判断身份
|
||
roleTypes = res.data.roleType;
|
||
guildFun(roleTypes);
|
||
if (res.data.wageEnable == false) {
|
||
// $('.memberFlow2').hide();
|
||
}
|
||
$('.text2').text(res.data.name)
|
||
// 渲染基本信息
|
||
$('.header .tx').attr('src', res.data.avatar);
|
||
$('.header .nick').text(res.data.name);
|
||
guildNick = res.data.name;
|
||
backgroundUrl = res.data.backgroundUrl;
|
||
console.log(res.data);
|
||
if (res.data.payAccount) {
|
||
payoneer = res.data.payAccount.payoneer;
|
||
usdt = res.data.payAccount.usdt;
|
||
payPal = res.data.payAccount.payPal;
|
||
}
|
||
familyMemberId = res.data.familyMemberId;
|
||
$('.header .id').text('ID：' + res.data.owner.erbanNo);
|
||
$('.header').css({ "background": `url(${res.data.backgroundUrl}) no-repeat`, "background-size": "100% 100%" });
|
||
$('.header .guildNick').text(langReplace(localLang.demoModule.text11) + res.data.name);
|
||
// 处理成员
|
||
var str = '';
|
||
$('.guildList .top i').text(`(${res.data.members.length})`);
|
||
$('.guildList ul li').remove();
|
||
res.data.members.forEach((res, i) => {
|
||
str += `
|
||
<li>
|
||
<div class="chairman" ${res.roleType == 1 ? 'style="display:block"' : ''}>${langReplace(localLang.demoModule.text12)}</div>
|
||
<div class="administrator" ${res.roleType == 2 ? 'style="display:block"' : ''}>${langReplace(localLang.demoModule.text13)}</div>
|
||
<img src="${res.avatar}" uid=${res.uid} alt="" class="tx">
|
||
<div class="user">
|
||
<p>${res.nick}</p>
|
||
<img src="${res.gender == 1 ? './images/boy.png' : './images/girl.png'}" alt="" class="sex">
|
||
<img src="${res.userLevel.experUrl}" alt="" class="wealth">
|
||
<img src="${res.userLevel.charmUrl}" alt="" class="charm">
|
||
<b>ID:${res.erbanNo}</b>
|
||
</div>
|
||
${roleTypes == 1 && res.roleType != 1 ? `<div uid=${res.uid} class="but" style="display:block"}">${langReplace(localLang.demoModule.text14)}</div>` : roleTypes == 2 && res.roleType != 1 && res.roleType != 2 ? `<div uid=${res.uid} class="but" style="display:block"}">${langReplace(localLang.demoModule.text14)}</div>` : `<div uid=${res.uid} class="but" style="display:none"}">${langReplace(localLang.demoModule.text14)}</div>`}
|
||
|
||
</li >
|
||
`
|
||
});
|
||
$('.guildList ul').append(str);
|
||
// 渲染周奖励
|
||
if (res.data.weekLevelReward.dateRange && res.data.weekLevelReward.itemList[0]) {
|
||
$('.weeklyRewards .weeklyRewards_in .box .left span').text(unitProcessingAr(res.data.weekLevelReward.itemList[0].rewardNum, 2));
|
||
$('.weeklyRewards .weeklyRewards_in .box .right .textTop .l b').text(res.data.weekLevelReward.itemList[0].level);
|
||
$('.weeklyRewards .weeklyRewards_in .box .right .textTop .r .b1').text(res.data.weekLevelReward.itemList[0].processNum + res.data.weekLevelReward.itemList[0].preMaxNum);
|
||
$('.weeklyRewards .weeklyRewards_in .box .right .textTop .r .b2').text(res.data.weekLevelReward.itemList[0].maxNum);
|
||
$('.weeklyRewards .weeklyRewards_in .box .right .speedOfProgress span').text(res.data.weekLevelReward.itemList[0].preMaxNum);
|
||
$('.weeklyRewards .weeklyRewards_in .box .right .speedOfProgress b').text(res.data.weekLevelReward.itemList[0].maxNum);
|
||
var widthVal = ((res.data.weekLevelReward.itemList[0].processNum + res.data.weekLevelReward.itemList[0].preMaxNum) - (res.data.weekLevelReward.itemList[0].preMaxNum)) / (res.data.weekLevelReward.itemList[0].maxNum - res.data.weekLevelReward.itemList[0].preMaxNum) * 100
|
||
$('.weeklyRewards .weeklyRewards_in .box .right .line .line_in').css('width', `${widthVal}%`);
|
||
$('.weeklyRewards .weeklyRewards_in .box .left .get').attr('id', res.data.weekLevelReward.itemList[0].id);
|
||
if (res.data.weekLevelReward.itemList[0].status == 1) {
|
||
$('.weeklyRewards .weeklyRewards_in .box .left .get').addClass('getAct');
|
||
$('.weeklyRewards .weeklyRewards_in .box .left .get').attr('status', res.data.weekLevelReward.itemList[0].status);
|
||
}
|
||
if (res.data.weekLevelReward.itemList[0].status == 2) {
|
||
$('.weeklyRewards .weeklyRewards_in .box .left .get').addClass('getOut');
|
||
$('.weeklyRewards .weeklyRewards_in .box .left .get').text(langReplace(localLang.weeklyRewards.text5))
|
||
}
|
||
} else {
|
||
$('.weeklyRewards').hide();
|
||
}
|
||
} else {
|
||
toastMsg(res.message)
|
||
}
|
||
hideLoading(layerIndex)
|
||
},
|
||
error(err) {
|
||
hideLoading(layerIndex)
|
||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||
}
|
||
})
|
||
}
|
||
// 领取按钮
|
||
$('.weeklyRewards .weeklyRewards_in .box .left .get').click(function () {
|
||
var status = $(this).attr('status');
|
||
var id = $(this).attr('id');
|
||
if (status == 1) {
|
||
getReward(id);
|
||
}
|
||
})
|
||
function getReward(id) {
|
||
showLoading()
|
||
networkRequest({
|
||
type: 'post',
|
||
url: urlPrefix + '/familyMemberWeekLevelReward/getReward',
|
||
data: {
|
||
id,
|
||
},
|
||
success(res) {
|
||
if (res.code === 200) {
|
||
get();
|
||
} else {
|
||
toastMsg(res.message)
|
||
}
|
||
hideLoading(layerIndex)
|
||
},
|
||
error(err) {
|
||
hideLoading(layerIndex)
|
||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||
}
|
||
})
|
||
}
|
||
// 监听移除输入框
|
||
$(".guildList .top input").bind("input propertychange", function () {
|
||
let value = $(this).val()//拿到输入的值
|
||
clearTimeout(searTime);
|
||
searTime = setTimeout(function () {
|
||
searchUser(value);
|
||
}, 800)
|
||
})
|
||
// 搜索移除接口
|
||
function searchUser(erbanNo) {
|
||
if (erbanNo == '') {
|
||
get();
|
||
} else {
|
||
$('.guildList ul li').remove();
|
||
networkRequest({
|
||
type: 'get',
|
||
url: urlPrefix + '/family/searchUser',
|
||
data: { erbanNo, type: 2 },
|
||
success(res) {
|
||
if (res.code === 200) {
|
||
var res = res.data;
|
||
var str = `
|
||
<li>
|
||
<div class="chairman" ${res.roleType == 3 ? 'style="display:block"' : ''}>${langReplace(localLang.demoModule.text12)}</div>
|
||
<div class="administrator" ${res.roleType == 2 ? 'style="display:block"' : ''}>${langReplace(localLang.demoModule.text13)}</div>
|
||
<img src="${res.avatar}" uid=${res.uid} alt="" class="tx">
|
||
<div class="user">
|
||
<p>${res.nick}</p>
|
||
<img src="${res.gender == 1 ? './images/boy.png' : './images/girl.png'}" alt="" class="sex">
|
||
<img src="${res.userLevelVo.experUrl}" alt="" class="wealth">
|
||
<img src="${res.userLevelVo.charmUrl}" alt="" class="charm">
|
||
<b>ID:${res.erbanNo}</b>
|
||
</div>
|
||
${roleTypes == 1 ? `<div uid=${res.uid} class="but" style="display:block"}">${langReplace(localLang.demoModule.text14)}</div>` : roleTypes == 2 && res.roleType != 1 && res.roleType != 2 ? `<div uid=${res.uid} class="but" style="display:block"}">${langReplace(localLang.demoModule.text14)}</div>` : `<div uid=${res.uid} class="but" style="display:none"}">${langReplace(localLang.demoModule.text14)}</div>`}
|
||
</li>
|
||
`
|
||
$('.guildList ul').append(str);
|
||
} else {
|
||
toastMsg(res.message)
|
||
}
|
||
hideLoading(layerIndex)
|
||
},
|
||
error(err) {
|
||
hideLoading(layerIndex)
|
||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||
}
|
||
})
|
||
}
|
||
}
|
||
// 移除按钮
|
||
$('.guildList ul').on('click', 'li .but', function () {
|
||
var uid = $(this).attr('uid');
|
||
$('.pub .pub_in p').text(langReplace(localLang.demoModule.text15));
|
||
$('.pub .pub_in .butBox .ok').attr("uid", uid);
|
||
$('.pub').show();
|
||
})
|
||
// 跳转个人资料页
|
||
$('.guildList ul').on('click', 'li .tx', function () {
|
||
var uid = $(this).attr('uid');
|
||
if (browser.ios) {
|
||
window.webkit.messageHandlers.openPersonPage.postMessage(uid);
|
||
setTimeout(function () { lock = true; }, 200)
|
||
} else if (browser.android) {
|
||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||
window.androidJsObj.openPersonPage(uid);
|
||
}
|
||
}
|
||
})
|
||
|
||
//移除接口
|
||
function setManager(targetUid) {
|
||
$('.guildList ul li').remove();
|
||
networkRequest({
|
||
type: 'post',
|
||
url: urlPrefix + '/family/removeMember',
|
||
data: { targetUid },
|
||
success(res) {
|
||
if (res.code === 200) {
|
||
$('.pub').hide();
|
||
get();
|
||
} else {
|
||
toastMsg(res.message)
|
||
}
|
||
hideLoading(layerIndex)
|
||
},
|
||
error(err) {
|
||
hideLoading(layerIndex)
|
||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||
}
|
||
})
|
||
|
||
}
|
||
// 确认移除此人按钮
|
||
$('.pub .pub_in .butBox .ok').click(function () {
|
||
var uid = $(this).attr('uid');
|
||
setManager(uid)
|
||
})
|
||
// 关闭弹窗
|
||
$('.pub .pub_in .butBox .close').click(function () {
|
||
$('.pub').hide();
|
||
})
|
||
// 管理员设置
|
||
$('.adminSet').click(function () {
|
||
window.location.href = `./adminSet2.html?roleTypes=${roleTypes}`
|
||
})
|
||
// 公会信息设置
|
||
$('.guildInfoSet').click(function () {
|
||
window.location.href = `./guildInfoSet.html?guildNick=${guildNick}&backgroundUrl=${backgroundUrl}&payoneer=${payoneer}&usdt=${usdt}&payPal=${payPal}`
|
||
})
|
||
// 金币收入统计
|
||
$('.header .memberFlow').click(function (params) {
|
||
window.location.href = `./memberFlow.html`
|
||
})
|
||
// 工资收入统计
|
||
$('.memberFlow2').click(function (params) {
|
||
window.location.href = `./memberFlow2.html`
|
||
})
|
||
// 邀请成员
|
||
$('.inveMember').click(function (params) {
|
||
window.location.href = `./invitation.html`
|
||
})
|
||
// 我的工资
|
||
$(`.myWages`).click(function (params) {
|
||
window.location.href = `./memberFlow222.html?familyMemberId=${familyMemberId}`
|
||
})
|
||
// 硬币收入统计
|
||
$(`.incomeStatistics`).click(function (params) {
|
||
window.location.href = `./incomeStatistics.html?roleTypes=${roleTypes}`
|
||
}) |