Files
peko-h5/view/peko/modules/room_rank/js/hourRankLicense.js

258 lines
6.7 KiB
JavaScript

let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let queryObj = getQueryString()
if (EnvCheck() === 'test') new VConsole
// 页面全屏
if(browser.app) {
if (browser.android) {
// window.androidJsObj.initShowNav(false)
} else {
// window.webkit.messageHandlers.initShowNav.postMessage(0)
}
}
// 封装layer消息提醒框
let layerIndex
const showLoading = () => {
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'
})
}
let currHourRank = []
let lastHourRank = []
let currRoomInfo = {}
let timestamp
let page = 1
let pageSize = 10
let rankList = []
let canNext = true
let isLock = true
// 获取小时榜数据
const getHourList = () => {
networkRequest({
type: 'GET',
url: urlPrefix + '/room/permitRoom/hourRank',
data: {
roomUid: queryObj.roomUid
},
success(res) {
if (res.code === 200) {
currHourRank = res.data.currHourRank
lastHourRank = res.data.lastHourRank
currRoomInfo = res.data.currRoomInfo
timestamp = res.timestamp
countDown()
renderLastHourThree()
renderCurrentList()
renderCurrentRoomInfo()
} else {
toastMsg(res.message)
}
},
error(err) {
toastMsg('網絡錯誤')
}
})
}
// 渲染小时榜上一小时前三
const renderLastHourThree = () => {
lastHourRank = lastHourRank.slice(0, 3)
if(lastHourRank.length < 3) {
let len = 3 - lastHourRank.length
let arr = new Array(len).fill({
nick: '',
score: ''
})
lastHourRank.push(...arr)
}
let str = ''
lastHourRank.map((item, index) => {
if(item.score > 10000) {
item.score = ( Math.floor(item.score/1000) ) / 10 + 'W'
}
str += `
<div class="top_three_item">
<div class="avatar" data-uid=${item.uid}>
<p></p>
<img src="${item.avatar ? item.avatar : `./images/${index + 1}.png`}" alt="">
</div>
<div class="nick">${item.nick.length>5?item.nick.slice(0, 5)+'...' : item.nick}</div>
<div class="num" style="display:${item.score === '' ? 'none' : 'block'}">
${
index == 0 ?
'<img src="./images/single/first-icon.png" alt=""></img>' :
`<span>${item.score}</span><br>距上一名`
}
</div>
</div>
`
})
$('.top_three_wrap').html(str)
}
// 倒计时
const countDown = () => {
let t = new Date(timestamp)
console.log(t);
console.log(timestamp);
let y = t.getFullYear()
let m = t.getMonth()+1
let d = t.getDate()
let h = t.getHours()
let disT = new Date(`${y}/${m}/${d} ${h+1}:00:00`).getTime() - timestamp
let min = Math.floor(disT / 1000 / 60)
let s
let delta = disT/1000 - Math.floor(disT / 1000)
if(delta > 0.5) {
s = Math.ceil(disT / 1000 % 60)
}else {
s = Math.floor(disT / 1000 % 60)
}
$('.time_wrap .h').html(h)
$('.time_wrap .m').html(min<10 ? '0'+min : min)
$('.time_wrap .s').html(s<10? '0'+s : s)
let timer = setInterval(() => {
disT -= 1000
if(disT <= 0) {
getHourList()
clearInterval(timer)
return
}
min = Math.floor(disT / 1000 / 60)
s = Math.floor(disT / 1000 % 60)
$('.time_wrap .m').html(min<10 ? '0'+min : min)
$('.time_wrap .s').html(s<10? '0'+s : s)
}, 1000)
}
// 渲染小时榜当前列表
const renderCurrentList = () => {
currHourRank = currHourRank.slice(0, 10)
if(currHourRank.length < 10) {
let len = 10 - currHourRank.length
let arr = new Array(len).fill({
nick: '虚位以待',
score: ''
})
currHourRank.push(...arr)
}
let str = ''
currHourRank.map((item, index) => {
if(item.score > 10000) {
item.score = ( Math.floor(item.score/1000) ) / 10 + 'W'
}
str += `
<li>
<div class="index">${index+1}</div>
<div class="others_avatar" data-uid=${item.uid}>
<img src="${item.avatar ? item.avatar : `./images/default-avatar.png`}" alt="">
</div>
<div class="others_nick">${item.nick.length>8?item.nick.slice(0, 8)+'...' : item.nick}</div>
<div class="others_num" style="display:${item.score === '' ? 'none' : 'block'}">
${
index === 0 ?
'高居榜首' :
`距上一名<br><span>${item.score}</span>`
}
</div>
</li>
`
})
$('ul').html(str)
}
// 渲染当前房间榜单信息
const renderCurrentRoomInfo = () => {
let rank = ''
let score = ''
currHourRank.forEach((item, index) => {
if(item.uid == currRoomInfo.uid) {
rank = index+1
if(item.score > 10000) {
score = ( Math.floor(item.score/1000) ) / 10 + 'W'
}else {
score = item.score
}
}
})
$('.mine_index').html(rank ? rank : '未上榜')
$('.mine_avatar').attr('src', currRoomInfo.avatar)
$('.mine_avatar').data('uid', currRoomInfo.uid)
$('.mine_nick').html(currRoomInfo.nick.length>8 ? currRoomInfo.nick.slice(0, 8)+'...' : currRoomInfo.nick)
$('.mine_num').html(`
${
score === 0 ?
'高居榜首' :
(score === '' ? '' :
`
距上一名
<p>${score}</p>
`
)
}
`)
}
$(function () {
getInfoFromClient()
setTimeout(() => {
getHourList()
}, 50)
$('.rule_icon').click(() => {
window.location.href = './ruleLicense.html'
})
//跳转个人主页
// function openPerson(document, dom) {
// $(document).on('click', dom, function () {
// let erbanUid = $(this).data('uid')
// if (!browser.app) return
// if (browser.ios) {
// window.webkit.messageHandlers.openPersonPage.postMessage(erbanUid);
// } else if (browser.android) {
// if (androidJsObj && typeof androidJsObj === 'object') {
// window.androidJsObj.openPersonPage(erbanUid);
// }
// }
// })
// }
// 跳转房间函数
function openRoomFun(document, dom){
$(document).on('click', dom, function () {
let erbanUid = $(this).data('uid')
// if (!browser.app) return
if (browser.ios) {
window.webkit.messageHandlers.openRoom.postMessage(erbanUid);
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
window.androidJsObj.openRoom(erbanUid);
}
}
})
}
openRoomFun('.top_three_wrap', '.avatar')
openRoomFun('ul', '.others_avatar')
openRoomFun('.mine', '.mine_avatar')
// openPerson('.top_three_wrap', '.avatar')
// openPerson('ul', '.others_avatar')
// openPerson('.mine', '.mine_avatar')
})