初始化E-party
This commit is contained in:
chenruiye
247
view/eparty/modules/room_rank/js/index.js
Normal file
247
view/eparty/modules/room_rank/js/index.js
Normal file
@@ -0,0 +1,247 @@
|
||||
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);
|
||||
} 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);
|
||||
}
|
||||
}
|
||||
})
|
||||
Reference in New Issue
Block a user