351 lines
15 KiB
JavaScript
351 lines
15 KiB
JavaScript
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();
|
||
}) |