153 lines
4.8 KiB
JavaScript
153 lines
4.8 KiB
JavaScript
let urlPrefix = getUrlPrefix()
|
|
let browser = checkVersion()
|
|
// 获取用户的游戏记录
|
|
// let recordList = []
|
|
let page = 1
|
|
let pageSize = 10
|
|
let canNext = true;
|
|
|
|
let lisIndexId = 0;
|
|
var lisIndex = 0;
|
|
const toastMsg = (content = '', time = 2) => {
|
|
layer.open({
|
|
content,
|
|
time,
|
|
skin: 'msg'
|
|
})
|
|
}
|
|
|
|
$(function () {
|
|
getInfoFromClient()
|
|
if (EnvCheck() === 'test') { new VConsole }
|
|
setTimeout(function () {
|
|
getUserRecord()
|
|
}, 100)
|
|
|
|
function getUserRecord () {
|
|
canNext = false
|
|
networkRequest({
|
|
type: 'GET',
|
|
url: urlPrefix + '/act/luckySea/listDrawRecord',
|
|
data: {
|
|
page,
|
|
pageSize
|
|
},
|
|
success (res) {
|
|
if (res.code === 200) {
|
|
if (res.data.length != 0) {
|
|
// 能够继续请求下一页
|
|
canNext = true
|
|
// recordList.push(...res.data)
|
|
renderRecord(res.data)
|
|
} else {
|
|
canNext = false
|
|
toastMsg('沒有更多啦~')
|
|
}
|
|
|
|
} else {
|
|
canNext = true
|
|
toastMsg(res.message)
|
|
}
|
|
},
|
|
error (err) {
|
|
canNext = true
|
|
toastMsg('網絡錯誤，請退出重進')
|
|
}
|
|
})
|
|
}
|
|
|
|
// 渲染游戏记录
|
|
const renderRecord = (recordList) => {
|
|
if (recordList.length === 0) {
|
|
$('.record-list').hide();
|
|
// $('.img').show();
|
|
} else {
|
|
// $('.record-list li').remove();
|
|
$('.record-list').show();
|
|
$('.img').hide();
|
|
console.log(recordList, 'recordList')
|
|
var drawId;
|
|
var itemUrl;
|
|
var results = [];
|
|
|
|
|
|
let str = '';
|
|
recordList.forEach((res, index) => {
|
|
drawId = res.drawId;
|
|
results.push(res.results);
|
|
|
|
res.results.forEach(item => {
|
|
// console.log(drawId, 'drawId');
|
|
if (drawId == item.itemId) {
|
|
itemUrl = item.itemUrl
|
|
}
|
|
})
|
|
str += `
|
|
<li style="margin-bottom: 0.8rem;">
|
|
<h3>${dateFormat(res.drawTime, 'yy-MM-dd hh:mm:ss')}</h3>
|
|
<div class="goldBox">
|
|
<span>NO.${res.roundId}</span>
|
|
<p style="display: ${res.drawStatus == 1 ? 'none' : 'block'};" class="fasle">哎呀~猜錯了 o(╥﹏╥)o</p>
|
|
<p style="display: ${res.drawStatus == 1 ? 'block' : 'none'};" class="true">厲害~猜對了 ୧(๑•̀◡•́๑)૭</p>
|
|
</div>
|
|
<div class="result-wrap">
|
|
<div class="result">
|
|
<span></span>
|
|
</div>
|
|
<div class="award">
|
|
<p>獎勵:</p>
|
|
<img src="./images/diamond.png" class="diamond" alt="">
|
|
<b>${res.reward}</b>
|
|
</div>
|
|
<div class="result_sBox">
|
|
${res.drawItemList.map(item => {
|
|
return `<div class="bg"><img src="${item.drawImageUrl}" alt=""></div>`
|
|
}).join('')}
|
|
</div>
|
|
</div>
|
|
<div class="put-wrap">
|
|
<div class="put"></div>
|
|
<div class="list">
|
|
|
|
</div>
|
|
</div>
|
|
</li>
|
|
`
|
|
})
|
|
$('.record-list').append(str)
|
|
|
|
|
|
results.forEach((res, index) => {
|
|
res.forEach(val => {
|
|
$('.record-list li').eq(lisIndexId).find('.list').append(`
|
|
<div class= "item">
|
|
<p><img src="${val.itemUrl}" class="gift" alt=""></p>
|
|
<div>
|
|
<img src="./images/diamond.png" class="diamond" alt="">
|
|
<span class="in">${val.costPiece}</span>
|
|
</div>
|
|
</div>
|
|
`)
|
|
})
|
|
lisIndex = lisIndex + 1;
|
|
lisIndexId = lisIndexId + 1;
|
|
});
|
|
}
|
|
|
|
|
|
}
|
|
|
|
$(window).scroll(function () {
|
|
if ($(window).scrollTop() + $(window).height() > $(document).height() - 10) {
|
|
// 请求下一页
|
|
if (canNext) {
|
|
page++
|
|
getUserRecord()
|
|
} else {
|
|
console.log('无数据被锁定');
|
|
}
|
|
}
|
|
});
|
|
|
|
})
|