eparty-h5/view/eparty/modules/room_rank/js/roomDayReward.js

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'
    })
}
// 初始化函數
$(function () {
    getInfoFromClient()
    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
    setTimeout(function () {
        // 頁面全屏
        if (browser.app) {
            if (browser.android) {
                window.androidJsObj.initShowNav(false)
            } else {
                window.webkit.messageHandlers.initShowNav.postMessage(0)
            }
        };
        // 頂部返回事件
        // 頂部返回事件
        $('.back img').click(() => {
            if (browser.android) {
                window.androidJsObj.closeWebView()
            } else {
                window.webkit.messageHandlers.closeWebView.postMessage(null)
            }
        })
        langReplace = window.lang.replace;
        localLang = window.lang;
        translateFun();
        getRoomData(true);
        getRecordList();
    }, 100)
})
function translateFun() {
    var langReplace = window.lang.replace;
    var localLang = window.lang;
    $('.As_rewards').html(langReplace(localLang.demoModule.As_rewards));
    $('.rules_box').html(langReplace(localLang.demoModule.Rules));
    $('.Today_box').html(langReplace(localLang.demoModule.Today));
    $('.Yesterday_box').html(langReplace(localLang.demoModule.Yesterday));
    $('.Receive_Record').html(langReplace(localLang.demoModule.Receive_Record));
    $('.Next_Unlocks').html(langReplace(localLang.demoModule.Next_Unlocks));
    $('.Top_Share').html(langReplace(localLang.demoModule.Top_Share));
    $('.Room_Reward').html(langReplace(localLang.demoModule.Room_Reward));
    $('.Contribution_Value').html(langReplace(localLang.demoModule.Contribution_Value));
    $('.Target_Coins').html(langReplace(localLang.demoModule.Target_Coins));
    // $('.Receive_Tomorrow').html(langReplace(localLang.demoModule.Receive_Tomorrow));
    $('.Contribution_Reward').html(langReplace(localLang.demoModule.Contribution_Reward));
    // $('.Receive').html(langReplace(localLang.demoModule.Receive));
    // $('.Receiveed').html(langReplace(localLang.demoModule.Receiveed));
    // $('.suo_img').html(langReplace(localLang.demoModule.suo_img));
    $('.Coin_Details').html(langReplace(localLang.demoModule.Coin_Details));
    $('.Receive_Time').html(langReplace(localLang.demoModule.Receive_Time));
    $('.Coins_Receiveed').html(langReplace(localLang.demoModule.Coins_Receiveed));
    $('.Receive_Successful').html(langReplace(localLang.demoModule.Receive_Successful));
    $('.You_Receiveed').html(langReplace(localLang.demoModule.You_Receiveed));
    $('.Go_wallet').html(langReplace(localLang.demoModule.Go_wallet));
    $('.OK_btn').html(langReplace(localLang.demoModule.OK_btn));
    $('.rules_txt').html(langReplace(localLang.demoModule.rules_txt));
}
// 获取房间日流水奖励首页信息
function getRoomData(isToday) {
    showLoading()
    networkRequest({
        type: 'GEt',
        url: urlPrefix + '/roomSendRank/dayReward/home',
        data: {
            roomUid: urlData.roomUid,
            isToday
        },
        success(res) {
            if (res.code === 200) {
                // 规则的展开与收起
                if(res.data.isFirstTimeVisit){
                    $('.shouqi_box').show();
                    $('.zhankai_box').hide();
                }else{
                    $('.shouqi_box').hide();
                    $('.zhankai_box').show();
                }
                $('.progress-bar').css('width', '0%');
                // 房间信息
                $('.kuang_center .user_info .left .avatar img').attr('src', res.data.roomInfo.avatar)
                $('.kuang_center .user_info .name .nick').text(res.data.roomInfo.nick)
                $('.kuang_center .user_info .name .erban').text(langReplace(localLang.demoModule.Room_ID) + res.data.roomInfo.erbanNo)
                // 奖励信息
                $('.progress_box .curLevel').text(res.data.rewardInfo.curLevel)
                $('.progress_box .nextLevel').text(res.data.rewardInfo.nextLevel)
                $('.progress_box .nextLevelReward').text(res.data.rewardInfo.nextLevelReward)
                $('.progress_box .next_level .right').text(res.data.rewardInfo.serialValue + '/' + res.data.rewardInfo.nextLevelLimit)
                //    计算进度条
                let progressWidth = Math.min(100, Math.round(res.data.rewardInfo.serialValue / res.data.rewardInfo.nextLevelLimit * 100));
                console.log(res.data.rewardInfo.serialValue / res.data.rewardInfo.nextLevelLimit)
                $('.progress-bar').css('width', progressWidth + '%');
                $('.room_tip .topTenReward').text(res.data.rewardInfo.topTenReward)
                $('.room_tip .ownerReward').text(res.data.rewardInfo.ownerReward)
                // 我的信息
                $('.my_box .my_info .avatar img').attr('src', res.data.myRank.avatar)
                $('.my_box .my_info .nick').text(res.data.myRank.nick)
                $('.my_box .my_info .erban').text('ID:'+res.data.myRank.erbanNo)
                $('.my_box .my_info .my_rank').text(res.data.myRank.ranking == 0?'TOP10+':`TOP${res.data.myRank.ranking}`)
                if(res.data.myRank.ranking == 0){
                    $('.my_box .Contribution_Value').text(langReplace(localLang.demoModule.Contribution_Value)+':'+res.data.myRank.score + '(' + langReplace(localLang.demoModule.Behind_Top10) + (res.data.myRank.theTenScore - res.data.myRank.score) + ')')
                }else{
                    $('.my_box .Contribution_Value').text(langReplace(localLang.demoModule.Contribution_Value)+':'+res.data.myRank.score)
                }

                
                if(res.data.myRank.ownerReward){
                    $('.my_box .Room_Reward').text(langReplace(localLang.demoModule.Room_Reward)+':'+res.data.myRank.ownerReward )
                    $('.Room_Reward_box').show();
                    // 房主奖励按钮状态
                    if(res.data.myRank.ownerRewardStatus  == -1){
                        // 未达标
                        $('.Room_Reward_box .right').addClass('Receive_Tomorrow');
                        $('.Room_Reward_box .right').removeClass('Receive').removeClass('Receiveed');
                        $('.Room_Reward_box .right').text(langReplace(localLang.demoModule.suo_img));
                    }else if(res.data.myRank.ownerRewardStatus  == 0){ 
                        // 明天可领
                         $('.Room_Reward_box .right').addClass('Receive_Tomorrow');
                        $('.Room_Reward_box .right').removeClass('Receive').removeClass('Receiveed');
                        $('.Room_Reward_box .right').text(langReplace(localLang.demoModule.Receive_Tomorrow));
                    }else if(res.data.myRank.ownerRewardStatus  == 1){ 
                        // 可领取
                        $('.Room_Reward_box .right').addClass('Receive');
                        $('.Room_Reward_box .right').removeClass('Receiveed').removeClass('Receive_Tomorrow');
                        $('.Room_Reward_box .right').text(langReplace(localLang.demoModule.Receive))
                    }else if(res.data.myRank.ownerRewardStatus  == 2){ 
                        // 已领取
                        $('.Room_Reward_box .right').addClass('Receiveed');
                        $('.Room_Reward_box .right').removeClass('Receive').removeClass('Receive_Tomorrow');
                        $('.Room_Reward_box .right').text(langReplace(localLang.demoModule.Receiveed))
                    }
                }else{
                    $('.Room_Reward_box').hide();
                }

                if(res.data.myRank.myReward){
                    $('.my_box .Contribution_Reward').text(langReplace(localLang.demoModule.Contribution_Reward)+':'+res.data.myRank.myReward)
                     $('.Contribution_Reward_box').show();
                    // 贡献奖励按钮状态
                    if(res.data.myRank.myRewardStatus  == -1){
                        // 未达标
                        $('.Contribution_Reward_box .right').addClass('Receive_Tomorrow');
                        $('.Contribution_Reward_box .right').removeClass('Receive').removeClass('Receiveed');
                        $('.Contribution_Reward_box .right').html(langReplace(localLang.demoModule.suo_img));
                    }else if(res.data.myRank.myRewardStatus  == 0){ 
                        // 明天可领
                         $('.Contribution_Reward_box .right').addClass('Receive_Tomorrow');
                        $('.Contribution_Reward_box .right').removeClass('Receive').removeClass('Receiveed');
                        $('.Contribution_Reward_box .right').text(langReplace(localLang.demoModule.Receive_Tomorrow));
                    }else if(res.data.myRank.myRewardStatus  == 1){ 
                        // 可领取
                        $('.Contribution_Reward_box .right').addClass('Receive');
                        $('.Contribution_Reward_box .right').removeClass('Receiveed').removeClass('Receive_Tomorrow');
                        $('.Contribution_Reward_box .right').text(langReplace(localLang.demoModule.Receive))
                    }else if(res.data.myRank.myRewardStatus  == 2){ 
                        // 已领取
                        $('.Contribution_Reward_box .right').addClass('Receiveed');
                        $('.Contribution_Reward_box .right').removeClass('Receive').removeClass('Receive_Tomorrow');
                        $('.Contribution_Reward_box .right').text(langReplace(localLang.demoModule.Receiveed))
                    }
                }else{
                    $('.Contribution_Reward_box').hide();
                }
                
                // 排行榜
                $('.rank_list .rank_box').remove();
                    $('.no_data').hide();
                if(res.data.top10RankList.length>0){
                let str = ''
                res.data.top10RankList.forEach(item => { 
                    str += `
                    <div class="rank_box">
                        <div class="top_ranking">top${item.ranking}</div>
                        <div class="left">
                        <img src="${item.avatar}" alt="" />
                        </div>
                        <div class="right">
                        <div class="nick">${item.nick}</div>
                        <div class="erban">${item.erbanNo}</div>
                        <div class="Contribution_Value">${langReplace(localLang.demoModule.Contribution_Value)+':'+item.score}</div>
                        <div class="Target_Coins_box">
                            <span class="Target_Coins">${langReplace(localLang.demoModule.Target_Coins)+':'+item.myReward}</span>
                            <img src="./images/e_conis.png" alt="" />
                        </div>
                        </div>
                    </div>
                    `
                })
                $('.rank_list').append(str)
                }else{
                    $('.no_data').show();
                }
            } else {
                toastMsg(res.message)
            }
            hideLoading(layerIndex)
        },
        error(err) {
            hideLoading(layerIndex)
        }
    })

}
var page = 1;
var canNext = false;
var AgencyList = [];
// 获取领取记录
function getRecordList() {
    if(canNext) return;
    showLoading()
    networkRequest({
        type: 'GEt',
        url: urlPrefix + '/roomSendRank/dayReward/pageRecord',
        data: {
            page,
            pageSize:10,
            roomUid: urlData.roomUid,
        },  
        success(res) {
            if (res.code === 200) {
                $('.wrap_list .wrap_box').remove();
                let str = ''
                AgencyList = [...AgencyList,...res.data.rows]
                AgencyList.forEach((item, i) => {
                     str += `
                        <div class="wrap_box">
                            <div class="time">${item.createTime}</div>
                            <div class="num">${item.reward}</div>
                        </div>
                     `
                })
                $('.wrap_list').append(str)
                if(res.data.rows.length < 10){
                    canNext = true;
                }else{
                    page++;
                    getRecordList();
                }
            } else {
                toastMsg(res.message)
            }
            hideLoading(layerIndex)
        },
        error(err) {
            hideLoading(layerIndex)
            toastMsg(langReplace(localLang.demoModule.room_text6))
        }
    })
}
$('.Room_Reward_box').on('click',' .Receive',function(){
    receiveReward(true)
})
$('.Contribution_Reward_box').on('click',' .Receive',function(){
    receiveReward(false)
})
// 领取接口
function receiveReward(isRoomOwnerReward) {
    showLoading()
    networkRequest({
        type: 'GEt',
        url: urlPrefix + '/roomSendRank/dayReward/receiveReward',
        data: {
            roomUid: urlData.roomUid,
            isRoomOwnerReward 
        },  
        success(res) {
            if (res.code === 200) {
                bodyScroolFun(true);
                $('.popup_receiveed .num div').text(res.data)
                $('.popup_receiveed').show();
                getRoomData(false);
            } else {
                toastMsg(res.message)
            }
            hideLoading(layerIndex)
        },
        error(err) {
            hideLoading(layerIndex)
            toastMsg(langReplace(localLang.demoModule.room_text6))
        }
    })
}
// 点击切换今昨日
$('.kuang_top div').click(function () {
    $(this).addClass('active_day').siblings().removeClass('active_day');
    getRoomData($(this).index() == 0 ? true : false)
})
// 点击打开规则
$('.top_bg .rules_box').click(function () {
    bodyScroolFun(true);
    $('.popup_rules').show()
})
// 关闭规则
$('.popup_rules .popup_content .close_btn img').click(function () {
    bodyScroolFun(false);
    $('.popup_rules').hide()
})

// 关闭领取记录
$('.popup_record .popup_content .close_btn img').click(function () {
    bodyScroolFun(false);
    $('.popup_record').hide()
})
// 打开领取记录
$('.Receive_Record').click(function () {
    bodyScroolFun(true);
    $('.popup_record').show()
})
// 关闭领取成功提示
$('.OK_btn').click(function () {
    bodyScroolFun(false);
    $('.popup_receiveed').hide()
})
// 点击展开收起切换
$('.table_image_box .kuang_center .shouqi').click(function () {
    $('.shouqi_box').hide();
    $('.zhankai_box').show();
})
$('.table_image_box .kuang_center .zhankai').click(function () {
    $('.zhankai_box').hide();
    $('.shouqi_box').show();
})