132 lines
4.1 KiB
JavaScript
132 lines
4.1 KiB
JavaScript
let urlPrefix = getUrlPrefix()
|
|
let browser = checkVersion()
|
|
if (EnvCheck() === 'test') new VConsole
|
|
|
|
// 封装layer消息提醒框
|
|
const toastMsg = (content = '操作完成', time = 2) => {
|
|
layer.open({
|
|
content,
|
|
time,
|
|
skin: 'msg'
|
|
})
|
|
}
|
|
|
|
let actList = []
|
|
let page = 1
|
|
let pageSize = 10
|
|
let total = 0
|
|
const getActList = () => {
|
|
networkRequest({
|
|
type: 'GET',
|
|
url: urlPrefix + '/gameMatch/listQuotaRecordByPage',
|
|
data: {
|
|
page,
|
|
pageSize
|
|
},
|
|
success(res) {
|
|
if (res.code === 200) {
|
|
total = res.data.total
|
|
if (total <= 0) {
|
|
$('.act-record').hide()
|
|
$('.empty').show()
|
|
} else {
|
|
$('.act-record').show()
|
|
$('.empty').hide()
|
|
}
|
|
if (res.data.list.length === pageSize) {
|
|
// 刚好加载一页
|
|
} else if (res.data.list.length === 0 && page !== 1) {
|
|
var loading = document.getElementById('loading')
|
|
loading.innerHTML = '已经到底了～'
|
|
$('.load-finish').show()
|
|
return
|
|
} else {
|
|
var loading = document.getElementById('loading')
|
|
loading.innerHTML = '已经到底了～'
|
|
$('.load-finish').show()
|
|
}
|
|
|
|
actList.push(...res.data.list)
|
|
renderActList()
|
|
} else {
|
|
toastMsg(res.message)
|
|
}
|
|
},
|
|
error(err) {
|
|
toastMsg('網絡錯誤，请退出重新打开页面。')
|
|
}
|
|
})
|
|
}
|
|
|
|
const renderActList = () => {
|
|
var already = document.getElementById("already")
|
|
already.innerHTML = "已参加" + total + "场比赛"
|
|
$('.already').show()
|
|
|
|
let listStr = ''
|
|
actList.map((item, index) => {
|
|
let group = ''
|
|
let groupClass = 'setting-num-1'
|
|
switch (item.groupType) {
|
|
case 1:
|
|
group = '单排'
|
|
groupClass = 'setting-num-1'
|
|
break
|
|
case 2:
|
|
group = '双排'
|
|
groupClass = 'setting-num-2'
|
|
break
|
|
case 3:
|
|
group = '四排'
|
|
groupClass = 'setting-num-4'
|
|
break
|
|
default:
|
|
group = '未知'
|
|
}
|
|
let statusDiv = ''
|
|
if (item.status == 4) {
|
|
statusDiv = "<div class=\"entering\">进场中</div>"
|
|
} else if (item.status == 10) {
|
|
statusDiv = "<div class=\"closed\">已关闭</div>"
|
|
}
|
|
listStr += `
|
|
<li class="js-record-item" data-matchId="${item.matchId}">
|
|
<div class="game-icon"></div>
|
|
<div class="game-detail">
|
|
<div class="game-detail-title">${item.title}</div>
|
|
<div class="game-detail-setting">
|
|
<div class=${groupClass}>${group}</div>
|
|
<div class="setting-zone">${item.platformType == 1 ? 'QQ区' : '微信区'}</div>
|
|
</div>
|
|
<div class="game-detail-prize">比赛奖励：${item.award}</div>
|
|
</div>
|
|
${statusDiv}
|
|
</li>
|
|
`
|
|
})
|
|
$('.act-list').html(listStr)
|
|
$('.act-list .js-record-item').on('click', function(){
|
|
console.debug()
|
|
const matchId = $(this).attr('data-matchid');
|
|
window.location.href = `./matchDetail.html?matchId=${matchId}`;
|
|
})
|
|
page++
|
|
}
|
|
|
|
$(function () {
|
|
getInfoFromClient()
|
|
|
|
setTimeout(() => {
|
|
getActList()
|
|
}, 50)
|
|
|
|
window.onscroll = function () {
|
|
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
|
|
var windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
|
|
var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
|
|
//判断滚动条是否到底部
|
|
if (scrollTop + windowHeight == scrollHeight) {
|
|
getActList()
|
|
}
|
|
}
|
|
})
|