let urlPrefix = getUrlPrefix()
let browser = checkVersion()
var rankDataType = 1;
var rankType = 1;
// 封装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()
    // debug
    if (EnvCheck() == 'test') {
        new VConsole();
    }
    setTimeout(function () {
        getData(rankDataType, rankType);
    }, 50)
})
function getData (rankDataType, rankType) {
    showLoading();
    $('.listBox ul li').remove();
    networkRequest({
        type: 'GET',
        url: urlPrefix + '/luckybag/rank/listRank',
        data: { rankDataType, rankType },//rankDataType（1：日榜 3：总榜）;rankType(1：神豪榜 2：魅力榜)
        success (res) {
            console.log(res.code == 200);
            if (res.code == 200) {
                var str = '';
                var listTo3 = res.data.slice(0, 3);
                var notListTo3 = res.data.slice(3);
                console.log(listTo3);
                if (listTo3.length < 3) {
                    let arr = new Array(3 - listTo3.length).fill({
                        avatar: './images/null.png',
                        nick: '',
                        score: ""
                    })
                    listTo3.push(...arr)
                }
                // 处理前三
                listTo3.forEach((res, index) => {
                    if(res.score > 10000) {
                        res.score = ( ( Math.floor(res.score/1000) ) / 10 ).toFixed(1) + 'W'
                    }
                    $(`.listBox .ranking${index + 1} .imagesBox img`).attr("src", res.avatar);
                    $(`.listBox .ranking${index + 1} .nick`).text(res.nick);
                    $(`.listBox .ranking${index + 1} .integral`).text(res.score+'积分');
                });
                notListTo3.forEach((res, index) => {
                    if(res.score > 10000) {
                        res.score = ( ( Math.floor(res.score/1000) ) / 10 ).toFixed(1) + 'W'
                    }
                    str += `
                        <li>
                            <span class="num">${index + 4}</span>
                            <img src="${res.avatar}" alt="">
                            <span class="nick">${res.nick}</span>
                            <span class="integral">${res.score}积分</span>
                        </li>
                    `
                });
                $('.listBox ul').append(str);
                hideLoading(layerIndex);
            }
        },
        error (err) {
            toastMsg('網絡錯誤，請退出重進')
        }
    })
}
// 切换榜单事件
$('.tabBox div').click(function () {
    var index = $(this).index();
    rankType = $(this).attr('type');
    if (index == 0) {
        $(this).addClass('shenhao_A').siblings().removeClass('meili_A');
        getData(rankDataType, rankType);
    } else {
        $(this).addClass('meili_A').siblings().removeClass('shenhao_A');
        getData(rankDataType, rankType);
    }
})
// 切换总榜日榜
$('.listBox .dayTab div').click(function () {
    rankDataType = $(this).attr('type');
    var index = $(this).index();
    if (index == 0) {
        $(this).addClass('day_A').siblings().removeClass('all_A');
        getData(rankDataType, rankType);
    } else {
        $(this).addClass('all_A').siblings().removeClass('day_A');
        getData(rankDataType, rankType);
    }
})
// 关闭规则
$('.rule').click(function () {
    $('body').css('overflow', 'auto');
    $(this).hide();
})
// 打开规则
$('.header .rule_title').click(function () {
    $('body').css('overflow', 'hidden');
    $('.rule').show();
})