264 lines
9.4 KiB
JavaScript
264 lines
9.4 KiB
JavaScript
let urlPrefix = getUrlPrefix()
|
||
let browser = checkVersion()
|
||
let env = EnvCheck();
|
||
var urlData = getQueryString();
|
||
var langReplace;
|
||
var localLang;
|
||
if (env == 'test') {
|
||
new VConsole();
|
||
}
|
||
// 封裝layer消息提醒框
|
||
let layerIndex
|
||
const showLoading = (content = '(*＾-＾*)') => {
|
||
layer.open({
|
||
type: 2,
|
||
shadeClose: false,
|
||
content,
|
||
success(e) {
|
||
layerIndex = $(e).attr('index')
|
||
}
|
||
})
|
||
}
|
||
const hideLoading = (index) => {
|
||
layer.close(index)
|
||
}
|
||
const toastMsg = (content = '︶︵︶', time = 2) => {
|
||
layer.open({
|
||
content,
|
||
time,
|
||
skin: 'msg'
|
||
})
|
||
}
|
||
var listType = 1;
|
||
var experImgUrl = 'https://yinmeng-1318633625.cos.ap-guangzhou.myqcloud.com/new_exper_';
|
||
var charmImgUrl = 'https://yinmeng-1318633625.cos.ap-guangzhou.myqcloud.com/new_charm_';
|
||
var typeWealth = 'day';//財富榜類型day 日 week 周 month 月 total 總
|
||
// 初始化函數
|
||
$(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;
|
||
translateFun();
|
||
getRankingsWealth();
|
||
setTimeout(function () {
|
||
$('#body').show();
|
||
}, 300)
|
||
}, 100)
|
||
})
|
||
function translateFun() {
|
||
var langReplace = window.lang.replace;
|
||
var localLang = window.lang;
|
||
$('#roomImg1').attr('src', langReplace(localLang.demoModule.roomImg1));
|
||
$('#room_title').html(langReplace(localLang.demoModule.room_title));
|
||
$('#room_text1').html(langReplace(localLang.demoModule.room_text1));
|
||
$('#room_text2').html(langReplace(localLang.demoModule.room_text2));
|
||
$('#room_text3').html(langReplace(localLang.demoModule.room_text3));
|
||
$('#room_text4').html(langReplace(localLang.demoModule.room_text4));
|
||
$('#room_text5').html(langReplace(localLang.demoModule.room_text5));
|
||
}
|
||
// 榜單切換
|
||
$('.largestBox .tab div').click(function () {
|
||
var i = $(this).index() + 1;
|
||
listType = i;
|
||
$('.largestBox .tab div').removeClass('tabColor1').removeClass('tabColor2')
|
||
$(this).addClass(`tabColor${listType}`);
|
||
$('.largestBox .dayTab div').removeClass('dayTabColor1').removeClass('dayTabColor2');
|
||
$('.largestBox .dayTab div').eq(0).addClass(`dayTabColor${listType}`);
|
||
typeWealth = 'day';
|
||
if (listType == 1) {
|
||
getRankingsWealth();
|
||
} else {
|
||
getReciveRankingsWealth();
|
||
}
|
||
})
|
||
// 日榜切換
|
||
$('.largestBox .dayTab div').click(function () {
|
||
var i = $(this).index() + 1;
|
||
$(this).addClass(`dayTabColor${listType}`).siblings().removeClass('dayTabColor1').removeClass('dayTabColor2');
|
||
if (i == 1) {
|
||
typeWealth = 'day';//財富榜類型day 日 week 周 month 月 total 總
|
||
} else if (i == 2) {
|
||
typeWealth = 'week';
|
||
} else if (i == 3) {
|
||
typeWealth = 'month';
|
||
}
|
||
if (listType == 1) {
|
||
getRankingsWealth();
|
||
} else {
|
||
getReciveRankingsWealth();
|
||
}
|
||
})
|
||
// 愛意榜接口
|
||
function getRankingsWealth() {
|
||
showLoading()
|
||
networkRequest({
|
||
type: 'GEt',
|
||
url: urlPrefix + '/room/rankings',
|
||
data: {
|
||
roomUid: urlData.roomUid,
|
||
type: typeWealth,
|
||
page: 1,
|
||
pageSize: 30,
|
||
},
|
||
success(res) {
|
||
if (res.code === 200) {
|
||
listDomFun(res, 1);
|
||
if(res.data.room.partitionId == 2){
|
||
$('.rewards_in').show();
|
||
}
|
||
} else {
|
||
toastMsg(res.message)
|
||
}
|
||
hideLoading(layerIndex)
|
||
},
|
||
error(err) {
|
||
hideLoading(layerIndex)
|
||
toastMsg(langReplace(localLang.demoModule.room_text6))
|
||
}
|
||
})
|
||
}
|
||
// 魅力榜接口
|
||
function getReciveRankingsWealth() {
|
||
showLoading()
|
||
networkRequest({
|
||
type: 'GEt',
|
||
url: urlPrefix + '/room/recive/rankings',
|
||
data: {
|
||
roomUid: urlData.roomUid,
|
||
type: typeWealth,
|
||
page: 1,
|
||
pageSize: 30,
|
||
},
|
||
success(res) {
|
||
if (res.code === 200) {
|
||
listDomFun(res, 2);
|
||
} else {
|
||
toastMsg(res.message)
|
||
}
|
||
hideLoading(layerIndex)
|
||
},
|
||
error(err) {
|
||
hideLoading(layerIndex)
|
||
toastMsg(langReplace(localLang.demoModule.room_text6))
|
||
}
|
||
})
|
||
}
|
||
// 渲染樣式
|
||
function listDomFun(res, num) {
|
||
$('.largestBox ul li').remove();
|
||
// 處理前三
|
||
var top3 = res.data.rankings.slice(0, 3);
|
||
if (top3.length < 3) {
|
||
let arr = new Array(3 - top3.length).fill({
|
||
avatar: './images/logo.png',
|
||
nick: langReplace(localLang.demoModule.hour_text9),
|
||
goldAmount: '',
|
||
})
|
||
top3.push(...arr);
|
||
}
|
||
top3.forEach((res, i) => {
|
||
if (res.avatar == './images/logo.png') {
|
||
$(`.largestBox .top3 .no${i + 1} .box p .sp`).hide();
|
||
$(`.largestBox .top3 .no${i + 1} .box .icon`).hide();
|
||
} else {
|
||
$(`.largestBox .top3 .no${i + 1} .box p .sp`).show();
|
||
$(`.largestBox .top3 .no${i + 1} .box .icon`).show();
|
||
}
|
||
$(`.largestBox .top3 .no${i + 1} .box .tx`).attr('src', res.avatar);
|
||
$(`.largestBox .top3 .no${i + 1} .box .ts`).attr('uid', res.uid);
|
||
$(`.largestBox .top3 .no${i + 1} .box p .sp1`).text(res.nick.length > 6 ? res.nick.slice(0, 6) + '...' : res.nick);
|
||
$(`.largestBox .top3 .no${i + 1} .box p .sp`).removeClass('boy').removeClass('woman')
|
||
$(`.largestBox .top3 .no${i + 1} .box p .sp`).addClass(`${res.gender == 1 ? 'boy' : 'woman'}`);
|
||
$(`.largestBox .top3 .no${i + 1} .box p .sp img`).attr('src', res.gender == 1 ? './images/boy.png' : './images/woman.png');
|
||
// $(`.largestBox .top3 .no${i + 1} .box .icon .icon1`).attr('src', experImgUrl + `${res.experSeq <= 9 ? '0' + res.experSeq : res.experSeq}.png`)
|
||
// $(`.largestBox .top3 .no${i + 1} .box .icon .icon2`).attr('src', charmImgUrl + `${res.charmSeq <= 9 ? '0' + res.charmSeq : res.charmSeq}.png`)
|
||
$(`.largestBox .top3 .no${i + 1} .box .icon .icon1`).attr('src', res.experUrl)
|
||
$(`.largestBox .top3 .no${i + 1} .box .icon .icon2`).attr('src', res.charmUrl)
|
||
$(`.largestBox .top3 .no${i + 1} .box .score`).text(unitProcessingAr(res.goldAmount,1));
|
||
})
|
||
// 處理非前三
|
||
var notTop3 = res.data.rankings.slice(3);
|
||
var str = '';
|
||
notTop3.forEach((res, i) => {
|
||
// experImgUrl + `${res.experSeq <= 9 ? '0' + res.experSeq : res.experSeq}.png`
|
||
// charmImgUrl + `${res.charmSeq <= 9 ? '0' + res.charmSeq : res.charmSeq}.png`
|
||
str += `
|
||
<li>
|
||
<div class="num">${i + 4}</div>
|
||
<img src="${res.avatar}" uid=${res.uid} alt="" class="tx">
|
||
<div class="userInfo">
|
||
<div class="nick">
|
||
<p>${res.nick}</p>
|
||
<div class="${res.gender == 1?'boy':'woman'}">
|
||
<img src="${res.gender == 1?'./images/boy.png' : './images/woman.png'}" alt="" class="icon"></img>
|
||
</div>
|
||
</div>
|
||
|
||
<img src="${res.experUrl}" alt="" class="icon1">
|
||
<img src="${res.charmUrl}" alt="" class="icon2">
|
||
</div>
|
||
<div class="score" >
|
||
<p>${unitProcessingAr(res.goldAmount,1)}</p>
|
||
<span>${num == 1 ? langReplace(localLang.demoModule.room_text1) : langReplace(localLang.demoModule.room_text2)}</span>
|
||
</div>
|
||
</li>
|
||
`
|
||
})
|
||
$('.largestBox ul').append(str);
|
||
}
|
||
// 點擊前三跳轉房間
|
||
$('.largestBox').on('click', '.top3 .no .box .ts', function () {
|
||
var uid = $(this).attr('uid');
|
||
// return;
|
||
if (browser.ios) {
|
||
window.webkit.messageHandlers.openPersonPage.postMessage(uid);
|
||
} else if (browser.android) {
|
||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||
window.androidJsObj.openPersonPage(uid);
|
||
}
|
||
}
|
||
})
|
||
// 點擊非前三跳轉房間
|
||
$('.largestBox').on('click', 'ul li .tx', function () {
|
||
var uid = $(this).attr('uid');
|
||
// return;
|
||
if (browser.ios) {
|
||
window.webkit.messageHandlers.openPersonPage.postMessage(uid);
|
||
} else if (browser.android) {
|
||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||
window.androidJsObj.openPersonPage(uid);
|
||
}
|
||
}
|
||
})
|
||
// 跳转房间日流水
|
||
$('.rewards_in').click(function () {
|
||
let link = `${urlPrefix}/eparty/modules/room_rank/roomDayReward.html?roomUid=${urlData.roomUid}`
|
||
if(browser.app){
|
||
if(browser.android){
|
||
// window.androidJsObj.openChargePage()
|
||
tools.nativeUtils.jumpAppointPage('H5_PAGE',link)
|
||
}else if(browser.ios){
|
||
window.webkit.messageHandlers.openChargePage.postMessage(null)
|
||
}
|
||
}else{
|
||
toastMsg('请在app内打开')
|
||
}
|
||
}) |