let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
var urlData = getQueryString();
var langReplace;
var localLang;
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'
    })
}
var listType = 1;
var experImgUrl = 'https://yinmeng-1318633625.cos.ap-guangzhou.myqcloud.com/new_exper_';
var charmImgUrl = 'https://yinmeng-1318633625.cos.ap-guangzhou.myqcloud.com/new_charm_';
var typeWealth = 'day';//財富榜類型day 日 week 周 month 月 total 總
// 初始化函數
$(function () {
    getInfoFromClient()
    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
    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)
            }
        })
        langReplace = window.lang.replace;
        localLang = window.lang;
        translateFun();
        getRankingsWealth();
        setTimeout(function () {
            $('#body').show();
        }, 300)
    }, 100)
})
function translateFun() {
    var langReplace = window.lang.replace;
    var localLang = window.lang;
    $('#roomImg1').attr('src', langReplace(localLang.demoModule.roomImg1));
    $('#room_title').html(langReplace(localLang.demoModule.room_title));
    $('#room_text1').html(langReplace(localLang.demoModule.room_text1));
    $('#room_text2').html(langReplace(localLang.demoModule.room_text2));
    $('#room_text3').html(langReplace(localLang.demoModule.room_text3));
    $('#room_text4').html(langReplace(localLang.demoModule.room_text4));
    $('#room_text5').html(langReplace(localLang.demoModule.room_text5));
}
// 榜單切換
$('.largestBox .tab div').click(function () {
    var i = $(this).index() + 1;
    listType = i;
    $('.largestBox .tab div').removeClass('tabColor1').removeClass('tabColor2')
    $(this).addClass(`tabColor${listType}`);
    $('.largestBox .dayTab div').removeClass('dayTabColor1').removeClass('dayTabColor2');
    $('.largestBox .dayTab div').eq(0).addClass(`dayTabColor${listType}`);
    typeWealth = 'day';
    if (listType == 1) {
        getRankingsWealth();
    } else {
        getReciveRankingsWealth();
    }
})
// 日榜切換
$('.largestBox .dayTab div').click(function () {
    var i = $(this).index() + 1;
    $(this).addClass(`dayTabColor${listType}`).siblings().removeClass('dayTabColor1').removeClass('dayTabColor2');
    if (i == 1) {
        typeWealth = 'day';//財富榜類型day 日 week 周 month 月 total 總
    } else if (i == 2) {
        typeWealth = 'week';
    } else if (i == 3) {
        typeWealth = 'month';
    }
    if (listType == 1) {
        getRankingsWealth();
    } else {
        getReciveRankingsWealth();
    }
})
// 愛意榜接口
function getRankingsWealth() {
    showLoading()
    networkRequest({
        type: 'GEt',
        url: urlPrefix + '/room/rankings',
        data: {
            roomUid: urlData.roomUid,
            type: typeWealth,
            page: 1,
            pageSize: 30,
        },
        success(res) {
            if (res.code === 200) {
                listDomFun(res, 1);
            } else {
                toastMsg(res.message)
            }
            hideLoading(layerIndex)
        },
        error(err) {
            hideLoading(layerIndex)
            toastMsg(langReplace(localLang.demoModule.room_text6))
        }
    })
}
// 魅力榜接口
function getReciveRankingsWealth() {
    showLoading()
    networkRequest({
        type: 'GEt',
        url: urlPrefix + '/room/recive/rankings',
        data: {
            roomUid: urlData.roomUid,
            type: typeWealth,
            page: 1,
            pageSize: 30,
        },
        success(res) {
            if (res.code === 200) {
                listDomFun(res, 2);
            } else {
                toastMsg(res.message)
            }
            hideLoading(layerIndex)
        },
        error(err) {
            hideLoading(layerIndex)
            toastMsg(langReplace(localLang.demoModule.room_text6))
        }
    })
}
// 渲染樣式
function listDomFun(res, num) {
    $('.largestBox ul li').remove();
    // 處理前三
    var top3 = res.data.rankings.slice(0, 3);
    if (top3.length < 3) {
        let arr = new Array(3 - top3.length).fill({
            avatar: './images/logo.png',
            nick: langReplace(localLang.demoModule.hour_text9),
            goldAmount: '',
        })
        top3.push(...arr);
    }
    top3.forEach((res, i) => {
        if (res.avatar == './images/logo.png') {
            $(`.largestBox .top3 .no${i + 1} .box p .sp`).hide();
            $(`.largestBox .top3 .no${i + 1} .box .icon`).hide();
        } else {
            $(`.largestBox .top3 .no${i + 1} .box p .sp`).show();
            $(`.largestBox .top3 .no${i + 1} .box .icon`).show();
        }
        $(`.largestBox .top3 .no${i + 1} .box .tx`).attr('src', res.avatar);
        $(`.largestBox .top3 .no${i + 1} .box .ts`).attr('uid', res.uid);
        $(`.largestBox .top3 .no${i + 1} .box p .sp1`).text(res.nick.length > 6 ? res.nick.slice(0, 6) + '...' : res.nick);
        $(`.largestBox .top3 .no${i + 1} .box p .sp`).removeClass('boy').removeClass('woman')
        $(`.largestBox .top3 .no${i + 1} .box p .sp`).addClass(`${res.gender == 1 ? 'boy' : 'woman'}`);
        $(`.largestBox .top3 .no${i + 1} .box p .sp img`).attr('src', res.gender == 1 ? './images/boy.png' : './images/woman.png');
        // $(`.largestBox .top3 .no${i + 1} .box .icon .icon1`).attr('src', experImgUrl + `${res.experSeq <= 9 ? '0' + res.experSeq : res.experSeq}.png`)
        // $(`.largestBox .top3 .no${i + 1} .box .icon .icon2`).attr('src', charmImgUrl + `${res.charmSeq <= 9 ? '0' + res.charmSeq : res.charmSeq}.png`)
        $(`.largestBox .top3 .no${i + 1} .box .icon .icon1`).attr('src', res.experUrl)
        $(`.largestBox .top3 .no${i + 1} .box .icon .icon2`).attr('src', res.charmUrl)
        $(`.largestBox .top3 .no${i + 1} .box .score`).text(unitProcessingAr(res.goldAmount,1));
    })
    // 處理非前三
    var notTop3 = res.data.rankings.slice(3);
    var str = '';
    notTop3.forEach((res, i) => {
        // experImgUrl + `${res.experSeq <= 9 ? '0' + res.experSeq : res.experSeq}.png`
        // charmImgUrl + `${res.charmSeq <= 9 ? '0' + res.charmSeq : res.charmSeq}.png`
        str += `
             <li>
                 <div class="num">${i + 4}</div>
                 <img src="${res.avatar}" uid=${res.uid} alt="" class="tx">
                 <div class="userInfo">
                 <div class="nick">
                 <p>${res.nick}</p>
                 <div class="${res.gender == 1?'boy':'woman'}">
                 <img src="${res.gender == 1?'./images/boy.png' : './images/woman.png'}" alt="" class="icon"></img>
                 </div>
                 </div>
                     
                     <img src="${res.experUrl}" alt="" class="icon1">
                     <img src="${res.charmUrl}" alt="" class="icon2">
                 </div>
                 <div class="score" >
                     <p>${unitProcessingAr(res.goldAmount,1)}</p>
                     <span>${num == 1 ? langReplace(localLang.demoModule.room_text1) : langReplace(localLang.demoModule.room_text2)}</span>
                 </div>
             </li>
         `
    })
    $('.largestBox ul').append(str);
}
// 點擊前三跳轉房間
$('.largestBox').on('click', '.top3 .no .box .ts', function () {
    var uid = $(this).attr('uid');
    // return;
    if (browser.ios) {
        window.webkit.messageHandlers.openPersonPage.postMessage(uid);
    } else if (browser.android) {
        if (androidJsObj && typeof androidJsObj === 'object') {
            window.androidJsObj.openPersonPage(uid);
        }
    }
})
// 點擊非前三跳轉房間
$('.largestBox').on('click', 'ul li .tx', function () {
    var uid = $(this).attr('uid');
    // return;
    if (browser.ios) {
        window.webkit.messageHandlers.openPersonPage.postMessage(uid);
    } else if (browser.android) {
        if (androidJsObj && typeof androidJsObj === 'object') {
            window.androidJsObj.openPersonPage(uid);
        }
    }
})
// 跳转房间日流水
$('.rewards_in').click(function () { 
    let link = `${urlPrefix}/eparty/modules/room_rank/roomDayReward.html?roomUid=${urlData.roomUid}`
    if(browser.app){
            if(browser.android){
                // window.androidJsObj.openChargePage()
                tools.nativeUtils.jumpAppointPage('H5_PAGE',link)
            }else if(browser.ios){
                window.webkit.messageHandlers.openChargePage.postMessage(null)
            }
        }else{
            toastMsg('请在app内打开')
        }
})