134 lines
4.9 KiB
JavaScript
134 lines
4.9 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'
|
|
})
|
|
}// 初始化函數
|
|
$(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)
|
|
}
|
|
})
|
|
getConfig();
|
|
}, 100)
|
|
})
|
|
var obj = {};
|
|
// 獲取配置接口
|
|
function getConfig () {
|
|
$('.content .lineBox .tavBox div').remove();
|
|
showLoading()
|
|
networkRequest({
|
|
type: 'GET',
|
|
url: urlPrefix + '/act/2023LuckyProcessBar/getConfig',
|
|
success (res) {
|
|
if (res.code === 200) {
|
|
// 處理進度
|
|
$('.content .lineBox .line .line_in').text(`${res.data.cur}/${res.data.max}`);
|
|
$(`.content .lineBox .line .line_in`).css({ width: `${(res.data.cur / res.data.max) * 100 >= 100 ? 100 : (res.data.cur / res.data.max) * 100}%` });
|
|
obj = res.data.stageMap;
|
|
var cur = res.data.cur;
|
|
var str = '';
|
|
var text = '';
|
|
var arr = [];
|
|
var curstage;
|
|
// 渲染切換tab
|
|
for (var key in obj) {
|
|
if (obj.hasOwnProperty(key)) {
|
|
str += `
|
|
<div class="key${obj[key].stage}" key=${obj[key].stage}>${obj[key].stage}</div>
|
|
`
|
|
text += `${obj[key].stage}/`
|
|
arr.push(obj[key]);
|
|
}
|
|
}
|
|
$('.content .lineBox .tavBox').append(str);
|
|
$('.content .text b').text(text);
|
|
// 處理當前階段
|
|
arr.forEach((val, i) => {
|
|
if (val.luckyUser) {//false
|
|
// curstage = val.stage;
|
|
// $('.content .lottery .user .tx').attr('src', val.luckyUser.avatar)
|
|
// $('.content .lottery .user p').text(val.luckyUser.nick);
|
|
if (i == arr.length - 1) {
|
|
curstage = arr[arr.length - 1].stage;
|
|
$('.content .lottery .user .tx').attr('src', val.luckyUser.avatar)
|
|
$('.content .lottery .user p').text(val.luckyUser.nick);
|
|
} else {
|
|
curstage = arr[i + 1].stage;
|
|
$('.content .lottery .user .tx').attr('src', `./images/logo.png`);
|
|
$('.content .lottery .user p').text('虛位以待');
|
|
}
|
|
} else if (i == 0) {
|
|
curstage = arr[0].stage;
|
|
$('.content .lottery .user .tx').attr('src', `./images/logo.png`);
|
|
$('.content .lottery .user p').text('虛位以待');
|
|
}
|
|
});
|
|
// console.log(curstage);
|
|
$(`.content .lineBox .tavBox .key${curstage}`).addClass('active').siblings().removeClass('active');
|
|
$('.content .lottery .giftList').attr('src', `./images/${curstage}.png`)
|
|
} else {
|
|
toastMsg(res.message)
|
|
}
|
|
hideLoading(layerIndex)
|
|
},
|
|
error (err) {
|
|
hideLoading(layerIndex)
|
|
toastMsg('網絡錯誤，請退出重進')
|
|
}
|
|
})
|
|
}
|
|
// 刷新按鈕
|
|
$('.content .updataIcon').click(function () {
|
|
getConfig();
|
|
})
|
|
// tab切換
|
|
$('.content').on('click', ' .lineBox .tavBox div', function () {
|
|
var key = $(this).attr('key')
|
|
$(this).addClass('active').siblings().removeClass('active');
|
|
$('.content .lottery .giftList').attr('src', `./images/${key}.png`)
|
|
// console.log(obj[key]);
|
|
if (obj[key].luckyUser) {
|
|
$('.content .lottery .user .tx').attr('src', obj[key].luckyUser.avatar);
|
|
$('.content .lottery .user p').text(obj[key].luckyUser.nick);
|
|
} else {
|
|
$('.content .lottery .user .tx').attr('src', `./images/logo.png`);
|
|
$('.content .lottery .user p').text('虛位以待');
|
|
}
|
|
}) |