253 lines
8.1 KiB
JavaScript
253 lines
8.1 KiB
JavaScript
let urlPrefix = getUrlPrefix()
|
||
let browser = checkVersion()
|
||
let env = EnvCheck();
|
||
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 roomUid = 77620;
|
||
var round = null;//輪次
|
||
var countupTime = null;//倒計時
|
||
var endTime = null;
|
||
// 初始化函數
|
||
$(function () {
|
||
getInfoFromClient()
|
||
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)
|
||
}
|
||
})
|
||
var mySwiper = new Swiper('.swiper', {
|
||
// direction: "vertical",
|
||
loop: true,
|
||
// autoplay: {
|
||
// delay: 3500,
|
||
// disableOnInteraction: false
|
||
// },
|
||
// 如果需要分頁器
|
||
pagination: {
|
||
el: '.swiper-pagination',
|
||
},
|
||
})
|
||
getRank();
|
||
}, 100)
|
||
})
|
||
// tab切換
|
||
$('.tabBox div').click(function () {
|
||
var i = $(this).index() + 1;
|
||
$('.tabBox div').removeClass('tabAct1').removeClass('tabAct2').removeClass('tabAct3').removeClass('tabAct4');
|
||
$(`.tabBox .tab${i}`).addClass(`tabAct${i}`);
|
||
$('.page1,.page2,.page3,.page4').hide();
|
||
$(`.page${i}`).show();
|
||
if (i == 1) {
|
||
round = i;
|
||
getRank();
|
||
}
|
||
})
|
||
// 前三跳轉
|
||
$('.page1 .top div').on('click', '.tx', function () {
|
||
var uid = $(this).attr('uid');
|
||
// 跳轉個人資料頁
|
||
if (browser.ios) {
|
||
window.webkit.messageHandlers.openPersonPage.postMessage(uid);
|
||
} else if (browser.android) {
|
||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||
window.androidJsObj.openPersonPage(uid);
|
||
}
|
||
} else {
|
||
console.log('web');
|
||
}
|
||
})
|
||
// 非前三跳轉
|
||
$('.page1 ul').on('click', 'li .tx', function () {
|
||
var uid = $(this).attr('uid');
|
||
// 跳轉個人資料頁
|
||
if (browser.ios) {
|
||
window.webkit.messageHandlers.openPersonPage.postMessage(uid);
|
||
} else if (browser.android) {
|
||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||
window.androidJsObj.openPersonPage(uid);
|
||
}
|
||
} else {
|
||
console.log('web');
|
||
}
|
||
})
|
||
// 獲取任務接口
|
||
function getRank () {
|
||
$('ul li').remove();
|
||
showLoading()
|
||
networkRequest({
|
||
type: 'GET',
|
||
url: urlPrefix + '/act/2024Snooker/room/getRank',
|
||
data: { round },
|
||
success (res) {
|
||
if (res.code === 200) {
|
||
// 當前頁面展示
|
||
$('.tabBox div').removeClass('tabAct1').removeClass('tabAct2').removeClass('tabAct3');
|
||
$(`.tabBox .tab${res.data.rankType}`).addClass(`tabAct${res.data.rankType}`);
|
||
$('.page1,.page2,.page3').hide();
|
||
$(`.page${res.data.rankType}`).show();
|
||
// 處理倒計時
|
||
if (res.data.rankType == 1) {
|
||
if (round == null) {
|
||
endTime = res.data.roundList[0].endTime
|
||
}
|
||
if (endTime - res.timestamp > 0) {
|
||
countup(endTime - res.timestamp);
|
||
} else {
|
||
$('.time').hide();
|
||
}
|
||
var top3 = res.data.rankList.slice(0, 3);
|
||
var notTop3 = res.data.rankList.slice(3);
|
||
// 處理前三
|
||
if (top3.length < 3) {
|
||
let arr = new Array(3 - top3.length).fill({
|
||
avatar: './images/logo.png',
|
||
nick: '虛位以待',
|
||
erbanNo: "虛位以待",
|
||
score: "0"
|
||
})
|
||
top3.push(...arr)
|
||
}
|
||
top3.forEach((res, i) => {
|
||
$(`.top .no${i + 1} .tx`).attr('src', res.avatar);
|
||
$(`.top .no${i + 1} .tx`).attr('uid', res.uid);
|
||
$(`.top .no${i + 1} p`).text(res.nick);
|
||
$(`.top .no${i + 1} span`).text(`ID:${res.erbanNo}`);
|
||
$(`.top .no${i + 1} .score b`).text(res.score);
|
||
});
|
||
// 處理非前三
|
||
var str = '';
|
||
notTop3.forEach((res, i) => {
|
||
str += `
|
||
<li>
|
||
<div class="num">${res.ranking}</div>
|
||
<img uid=${res.uid} src="${res.avatar}" alt="" class="tx">
|
||
<div class="user">
|
||
<p>${res.nick}</p>
|
||
<span>ID:${res.erbanNo}</span>
|
||
</div>
|
||
<div class="score">勝場次數: ${res.score}</div>
|
||
</li>
|
||
`
|
||
})
|
||
$('ul').append(str);
|
||
// 處理自己
|
||
$('.my .tx').attr('src', res.data.meRank.avatar);
|
||
$('.my .tx').attr('uid', res.data.meRank.uid);
|
||
$('.my .num').text(res.data.meRank.ranking == 0 ? '未上榜' : res.data.meRank.ranking);
|
||
$('.my p').text(res.data.meRank.nick);
|
||
$('.my .score').text(`勝場次數: ${res.data.meRank.score}`);
|
||
|
||
}
|
||
} else {
|
||
toastMsg(res.message)
|
||
}
|
||
hideLoading(layerIndex)
|
||
},
|
||
error (err) {
|
||
hideLoading(layerIndex)
|
||
toastMsg('網絡錯誤，請退出重進')
|
||
}
|
||
})
|
||
}
|
||
// 人氣榜倒計時
|
||
function countup (leftTime) {
|
||
clearTimeout(countupTime)
|
||
//獲取當前時間
|
||
// var now = nowTime;
|
||
var d = 0;
|
||
var h = 0;
|
||
var m = 0;
|
||
var s = 0;
|
||
//定義變量 d,h,m,s保存倒計時的時間
|
||
var d, h, m, s;
|
||
//遞歸每秒調⽤countTime⽅法，顯⽰動態時間效果
|
||
if (leftTime > 0) {
|
||
d = getzf(Math.floor(leftTime / 1000 / 60 / 60 / 24));
|
||
h = getzf(Math.floor(leftTime / 1000 / 60 / 60));
|
||
m = getzf(Math.floor(leftTime / 1000 / 60 % 60));
|
||
s = getzf(Math.floor(leftTime / 1000 % 60));
|
||
//將倒計時賦值
|
||
$('.time .sp1').text(h);
|
||
$('.time .sp2').text(m);
|
||
$('.time .sp3').text(s);
|
||
} else {
|
||
$('.time').hide();
|
||
}
|
||
if (leftTime > 0) {
|
||
leftTime = leftTime - 1000;
|
||
}
|
||
countupTime = setTimeout(function () {
|
||
countup(leftTime);
|
||
}, 1000);
|
||
}
|
||
//補0操作
|
||
function getzf (num) {
|
||
if (parseInt(num) < 10) {
|
||
num = '0' + num;
|
||
}
|
||
return num;
|
||
}
|
||
// 頁面2跳轉房間
|
||
$('.page2 .page2GoToRoom,.page3 .page2GoToRoom,.page4 .page2GoToRoom').click(function () {
|
||
if (browser.ios) {
|
||
window.webkit.messageHandlers.openRoom.postMessage(roomUid);
|
||
} else if (browser.android) {
|
||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||
window.androidJsObj.openRoom(roomUid);
|
||
}
|
||
}
|
||
})
|
||
|
||
// 規則切換
|
||
$('.rule .rule_in .tab div').click(function () {
|
||
var i = $(this).index() + 1;
|
||
$('.rule .rule_in .tab').removeClass('tab1').removeClass('tab2')
|
||
$('.rule .rule_in .tab').addClass(`tab${i}`)
|
||
$('.rule .rule_in .box img').attr('src', `./images/rule${i}.png`)
|
||
return false;
|
||
})
|
||
// 打開規則
|
||
$('.header .rule_icon').click(function () {
|
||
$('.rule').show();
|
||
bodyScroolFun(true);
|
||
})
|
||
// 關閉規則
|
||
$('.rule').click(function () {
|
||
$(this).hide();
|
||
bodyScroolFun(false);
|
||
}) |