Files
yinmeng-h5/view/yinmeng/activity/act-midAutumnFestival-2022/js/index.js
2023-09-25 10:58:19 +08:00

1732 lines
66 KiB
JavaScript

// 封装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 flag = false;
var index = 0;
var TextNum2;
var lhjBut = true;
var finishFirstHighConvert;
// 基本信息
let urlPrefix = getUrlPrefix();
let browser = checkVersion();
let env = EnvCheck();
if (env == 'test') {
new VConsole();
}
// 弹幕专用
let damuPool = [];
let danmu = [];
let timer2;
// 初始化
let danmaku;
const initDanmu = () => {
danmaku = new Danmaku({
container: document.getElementById('my_container'),
speed: 50,
})
}
const setDanmuData = () => {
// damuPool = [
// { senderAvatar: './images/logo.png', sendAvatarR: './images/logo.png', senderNick: `左1`, receiverNick: `右1`, confessionsMsg: '我把思念写着天空', },
// { senderAvatar: './images/logo.png', sendAvatarR: './images/logo.png', senderNick: `左2`, receiverNick: `右2`, confessionsMsg: '我想永远陪着你', },
// { senderAvatar: './images/logo.png', sendAvatarR: './images/logo.png', senderNick: `左3`, receiverNick: `右3`, confessionsMsg: '我爱你我爱你甜蜜蜜', },
// { senderAvatar: './images/logo.png', sendAvatarR: './images/logo.png', senderNick: `左4`, receiverNick: `右4`, confessionsMsg: 'asdawdasdasdas', },
// { senderAvatar: './images/logo.png', sendAvatarR: './images/logo.png', senderNick: `左5`, receiverNick: `右5`, confessionsMsg: 'wuwuwuwu', },
// ]
if (!timer2) {
if (damuPool.length < 5) {
timer2 = setInterval(() => {
if (!danmu.length) {
danmu = [...damuPool]
}
let danmushoot = danmu.shift();
if (danmushoot) {
renderDM(danmushoot);
}
}, 2000);
} else {
timer2 = setInterval(() => {
if (!danmu.length) {
danmu = [...damuPool]
}
let danmushoot = danmu.shift();
if (danmushoot) {
renderDM(danmushoot);
}
}, 1000);
}
}
}
const renderDM = (item) => {
danmaku.resize();
danmaku.emit({
// text: item.text,
render: function () {
var $div = document.createElement('div');
var $imgl = document.createElement('img');
var $imgR = document.createElement('img');
var $span = document.createElement('span');
var $b = document.createElement('b');
$span.innerHTML = item.confessionsMsg;
$b.innerHTML = `${item.senderNick} :`;//& ${item.receiverNick}
$imgl.src = item.senderAvatar;
$imgR.src = item.receiverAvatar;
$b.style = `color:#76E2F0;margin-right: 0.12rem;`;
$imgl.style = 'width: 0.4rem;height: 0.4rem;margin-right: -0.12rem;display: inline-block;vertical-align: middle;border: 1px solid #FFF;border-radius:50%;';
$imgR.style = 'width: 0.4rem;height: 0.4rem;margin-right: 0.12rem;display: inline-block;vertical-align: middle;border: 1px solid #FFF;border-radius:50%;';
$div.style = `padding:0.1rem 0.2rem;height:auto;box-sizing: border-box;border-radius:1rem;font-size:0.24rem;color:#fff;background:#20707A;border: 0.5px solid #fff;`;
$div.appendChild($imgl);
$div.appendChild($imgR);
$div.appendChild($b);
$div.appendChild($span);
$('.barrage_text div').eq(0).css({ height: '3.6rem', width: "8.9rem", "margin": '0rem auto 0', "top": "0.2rem" })
return $div;
},
})
}
var totalMoonTicketNum; //总获得月饼券数量
var usableMoonTicketNum; //当前可用月饼券数量
var totalSendGoldNum; //总送出活动礼物钻石
var moonid;
var roomUid;
var meetNum;
var eggNum;
var flourNum;
var page = 0;
// 赠送月饼专用
var sendrankId;//排行id
var sendmoonId;//用户月饼列表中的 用户持有月饼id
var sendconfession;//告白语
var txL = '';//头像左
var txR = '';//头像右
var totalLowMakeNum;
var totalDiyMakeNum;
var endTime; //结束时间
$(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)
}
})
getConfessions();
getUserInfo();
getRecommendRoom();
cpMyFun();
}, 100)
})
// 获取房间接口
function getRecommendRoom () {
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/cp/2022/getRecommendRoom',
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid },
success (res) {
if (res.code === 200) {
roomUid = res.data;
hideLoading(layerIndex)
} else {
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error (err) {
hideLoading(layerIndex)
toastMsg('网络错误,请退出重进')
}
})
}
// 获取弹幕列表
function getConfessions () {
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/mid-autumn/confessions',
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid },
success (res) {
if (res.code === 200) {
damuPool = res.data;
initDanmu();
setDanmuData();
hideLoading(layerIndex)
} else {
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error (err) {
hideLoading(layerIndex)
toastMsg('网络错误,请退出重进')
}
})
}
// 获取用户任务信息
var sessionStorageVal = 0;
function getUserInfo () {
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/mid-autumn/userInfo',
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid },
success (res) {
if (res.code === 200) {
var timestamp = new Date().getTime();
endTime = res.data.endTime;
sessionStorageVal = localStorage.getItem('sessionStorageVal');
if (timestamp >= res.data.endTime) {
if (sessionStorageVal == 0 || sessionStorageVal == undefined) {
$('.endTime').show();
bodyScroolFun(true);
$('.endTime div span').click(function () {
$('.endTime').hide();
bodyScroolFun(false);
localStorage.setItem("sessionStorageVal", 1);
$('.page1').hide();
$('.tabSwitch .tabSwitch4').addClass('tabSwitch_act4').siblings().removeClass('tabSwitch_act1');
rankDateStr = "2022-09-12"
cpListRank();
InitMyCpList()
$('.page4').show();
$('.page4 .myCpList').show();
})
} else {
$('.page1').hide();
$('.tabSwitch .tabSwitch4').addClass('tabSwitch_act4').siblings().removeClass('tabSwitch_act1');
cpListRank();
InitMyCpList()
$('.page4').show();
$('.page4 .myCpList').show();
}
}
usableMoonTicketNum = res.data.usableMoonTicketNum;
totalMoonTicketNum = res.data.totalMoonTicketNum;
totalSendGoldNum = res.data.totalSendGoldNum;
// 是否首次免费
finishFirstHighConvert = res.data.finishFirstHighConvert
// 任务进度
var width = 0;
var em = 0;
if (res.data.todayTaskStatus == 2 || res.data.todayTaskStatus == 3) {
$('.toaks .toa4 .line b').css('width', `${width + 100}%`)
$('.toaks .toa4 .line b i em').text(3);
} else {
if (res.data.inRoomNum >= 3) {
width = width + 33.3;
em = em + 1;
$('.toaks .toa4 .line b').css('width', `${width}%`);
$('.toaks .toa4 .line b i em').text(em);
}
if (res.data.commentNum >= 3) {
width = width + 33.3;
em = em + 1;
$('.toaks .toa4 .line b').css('width', `${width}%`);
$('.toaks .toa4 .line b i em').text(em);
}
if (res.data.inRoomMinuteNum >= 15) {
width = width + 33.3;
em = em + 1;
$('.toaks .toa4 .line b').css('width', `${width}%`);
$('.toaks .toa4 .line b i em').text(em);
}
}
$('.lhj p').html(`<b>我的月饼券: </b>${usableMoonTicketNum}`)
$('.toaks .toa1 p b').text(res.data.inRoomNum);
if (res.data.inRoomNum >= 3) {
$('.toaks .toa1 span').addClass('ok');
$('.toaks .toa1 span').attr("click", '1');
}
$('.toaks .toa2 p b').text(res.data.commentNum);
if (res.data.commentNum >= 3) {
$('.toaks .toa2 span').addClass('ok');
$('.toaks .toa2 span').attr("click", '1');
}
$('.toaks .toa3 p b').text(res.data.inRoomMinuteNum);
if (res.data.inRoomMinuteNum >= 15) {
$('.toaks .toa3 span').addClass('ok');
$('.toaks .toa3 span').attr("click", '1');
}
if (res.data.todayTaskStatus == 2) {
// 已完成
$('.toaks .toa4 span').attr("click", '1');
$('.toaks .toa4 span').addClass('lingqv');
} else if (res.data.todayTaskStatus == 3) {
// 已领取
$('.toaks .toa4 span').removeClass('lingqv');
$('.toaks .toa4 span').addClass('yilingqv');
$('.toaks .toa4 span').attr("click", '0');
}
// 月饼制作次数
$('.moonCake .p1 i').text(res.data.totalLowMakeNum);
$('.moonCake .p2 i').text(res.data.totalDiyMakeNum);
// 进度
$('.moonCake .make1 .line span').css('width', `${res.data.totalLowMakeNum >= 6 ? '100%' : ((res.data.totalLowMakeNum / 6) * 100) + "%"}`)
// $('.moonCake .make2 .line span').css('width', `${res.data.totalDiyMakeNum == 1 ? '100%' : (res.data.totalDiyMakeNum / 8) * 100}%`)
if (res.data.totalDiyMakeNum >= 8) {
$('.moonCake .make2 .line span').css({ 'width': '100%' });
} else {
$('.moonCake .make2 .line span').css({ 'width': ((res.data.totalDiyMakeNum / 8) * 100) + '%' });
}
totalLowMakeNum = res.data.totalLowMakeNum;
totalDiyMakeNum = res.data.totalDiyMakeNum;
//面饭
flourNum = res.data.flourNum;
$('.moonCake .make1 .cl .cl1 i').text(flourNum)
$('.moonCake .make2 .cl .cl1 i').text(flourNum)
// 鸡蛋
eggNum = res.data.eggNum;
$('.moonCake .make1 .cl .cl2 i').text(eggNum)
$('.moonCake .make2 .cl .cl2 i').text(eggNum)
// 肉
meetNum = res.data.meetNum;
$('.moonCake .make1 .cl .cl3 i').text(meetNum)
$('.moonCake .make2 .cl .cl3 i').text(meetNum)
// 可用赠送月饼
$('.moonGive p i').text(res.data.usableMoonNum)
hideLoading(layerIndex)
} else {
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error (err) {
hideLoading(layerIndex)
toastMsg('网络错误,请退出重进')
}
})
}
// tab切换
$('.tabSwitch div').click(function () {
closeMoonCake();
var i = $(this).index() + 1;
$(this).addClass(`tabSwitch_act${i}`).siblings().removeClass('tabSwitch_act')
$(`.page${i}`).show();
$('.page4 .myCpList').hide();
if (i == 1) {
$(this).siblings().removeClass('tabSwitch_act2');
$(this).siblings().removeClass('tabSwitch_act3');
$(this).siblings().removeClass('tabSwitch_act4');
$(`.page2`).hide();
$(`.page3`).hide();
$(`.page4`).hide();
} else if (i == 2) {
$(this).siblings().removeClass('tabSwitch_act1');
$(this).siblings().removeClass('tabSwitch_act3');
$(this).siblings().removeClass('tabSwitch_act4');
$(`.page1`).hide();
$(`.page3`).hide();
$(`.page4`).hide();
} else if (i == 3) {
$(this).siblings().removeClass('tabSwitch_act2');
$(this).siblings().removeClass('tabSwitch_act1');
$(this).siblings().removeClass('tabSwitch_act4');
$(`.page2`).hide();
$(`.page1`).hide();
$(`.page4`).hide();
} else if (i == 4) {
$(this).siblings().removeClass('tabSwitch_act2');
$(this).siblings().removeClass('tabSwitch_act3');
$(this).siblings().removeClass('tabSwitch_act1');
cpListRank(); InitMyCpList()
$(`.page2`).hide();
$(`.page3`).hide();
$(`.page1`).hide();
$('.page4 .myCpList').show();
}
})
// 领取去完成按钮
$('.toaks div span').click(function () {
if ($(this).attr('a') == 1) {
if ($(this).attr('click') == 1) {
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/mid-autumn/getTodayReward',
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid },
success (res) {
if (res.code === 200) {
getUserInfo();
toastMsg('领取成功');
hideLoading(layerIndex)
} else {
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error (err) {
hideLoading(layerIndex)
toastMsg('网络错误,请退出重进')
}
})
}
} else {
if ($(this).attr('click') != 1) {
if (browser.ios) {
window.webkit.messageHandlers.openRoom.postMessage(roomUid);
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
window.androidJsObj.openRoom(roomUid);
}
}
}
}
})
// 兑换机兑换切换
$('.lhj .tab div').click(function () {
var i = $(this).index() + 1;
$('.lhjReward img').attr('src', `./images/lhjr${i}.png`);
if (i == 1) {
$(this).addClass('act1').siblings().removeClass('act2');
$('.lhj .lhjbut1').show();
$('.lhj .lhjbut2').hide();
$('.lhj .laohuji').show();
$('.lhj .laohuji2').hide();
$('.lhj .laohuji3').hide();
$('.scmf').hide();
} else {
$(this).addClass('act2').siblings().removeClass('act1');
$('.lhj .lhjbut1').hide();
$('.lhj .laohuji').hide();
$('.lhj .lhjbut2').show();
if (finishFirstHighConvert == false) {
$('.lhj .laohuji2').show();
$('.lhj .laohuji3').hide();
$('.scmf').show();
} else {
$('.lhj .lhjbut1').hide();
$('.lhj .laohuji').hide();
$('.lhj .lhjbut2').show();
$('.lhj .laohuji2').show();
$('.lhj .laohuji3').hide();
$('.scmf').hide();
}
}
})
// 兑换接口
function getConvert (convertType) {//convertType 1:初级兑换 2:高级兑换
showLoading()
networkRequest({
type: 'POST',
url: urlPrefix + '/act/mid-autumn/convert',
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid, convertType },
success (res) {
if (res.code === 200) {
letGo(convertType, res.data);
gxFun(res)
getUserInfo();
bodyScroolFun(true);
hideLoading(layerIndex)
} else {
hideLoading(layerIndex)
toastMsg(res.message)
lhjBut = true;
}
},
error (err) {
hideLoading(layerIndex)
toastMsg('网络错误,请退出重进')
lhjBut = true;
}
})
}
// 恭喜弹窗渲染
function gxFun (res) {
bodyScroolFun(true);
$('.gx .gx_in .gift').attr('src', res.data.rewardUrl);
$('.gx .gx_in p').text(res.data.rewardName);
$('.gx .gx_in span').text(`${res.data.rewardNum}${res.data.rewardUnit}`);
$('.gx .gx_in .gift').removeClass(`gift2`);
if (res.data.rewardType == 2) {// 奖励类型 0:活动道具;1:礼物;2:铭牌;3:座驾;4:头饰;
$('.gx .gx_in .gift').addClass(`gift2`);
}
}
// 关闭恭喜获得弹窗
$('.gx .gx_in .but').click(function () {
$('.gx').hide();
bodyScroolFun(false);
})
// 关闭查看奖励弹窗
$('.chakan').click(function () {
$('.chakan').hide();
bodyScroolFun(false);
})
// 兑换机初级按钮
$('.lhj .lhjbut1').click(function () {
var num = Number($('.lhj p').text().match(/\d+/g)[0])
if (num > 0) {
if (lhjBut) {
lhjBut = false;
getConvert(1)
}
} else {
toastMsg('月饼券不足');
}
})
// 兑换机高级按钮
$('.lhj .lhjbut2').click(function () {
var num = Number($('.lhj p').text().match(/\d+/g)[0])
if (num >= 3 || finishFirstHighConvert == false) {
if (lhjBut) {
lhjBut = false;
$('.scmf').hide();
getConvert(2);
}
} else {
toastMsg('月饼券不足');
}
})
// 兑换机滑动
function letGo (type, res) {
$(".num-con2").css({ "top": "0rem" });
if (type == 1) {
TextNum2 = res.rewardId == 1 && res.rewardNum == 2 ? 2 : res.rewardOrderNo;
// var num2 = ['0rem', "-1.65rem", "-3.3rem", "-4.953rem", "-6.63rem",][TextNum2];//"-8.28rem"
var num2 = ['-8.28rem', "-9.91rem", "-11.6rem", "-13.23rem", "-14.9rem",][TextNum2];//"-8.28rem"
$(".laohuji .num-con2").animate({ "top": "-8.28rem" }, 800, "linear", function () {
$(this).animate({ "top": num2 }, 1000, "linear", function () {
console.log('初级奖励输出');
lhjBut = true;
$('.gx').show();
});
// $(this).css("top", 0).animate({ "top": num2 }, 800, "linear", function () {
// console.log('初级奖励输出');
// lhjBut = true;
// $('.gx').show();
// });
});
} else {
TextNum2 = res.rewardOrderNo > 3 ? res.rewardOrderNo - 2 : res.rewardOrderNo;
// var num2 = ['0rem', "-1.65rem", "-3.3rem", "-4.953rem", "-6.63rem", "-8.28rem",][TextNum2];//"-9.93rem"
var num2 = ["-9.91rem", "-11.6rem", "-13.23rem", "-14.9rem", "-16.51rem", "-18.2rem"][TextNum2];//"-9.93rem"
$(".laohuji2 .num-con2").animate({ "top": "-8.28rem" }, 800, "linear", function () {
$(this).css("top", 0).animate({ "top": num2 }, 1500, "linear", function () {
setTimeout(function () {
console.log('高级奖励输出');
lhjBut = true;
$('.gx').show();
}, 200)
});
});
}
}
// 兑换机奖励切换
$('.lhjReward .tab div').click(function () {
var i = $(this).index() + 1;
$('.lhjReward img').attr('src', `./images/lhjr${i}.png`);
if (i == 1) {
$(this).addClass('act1').siblings().removeClass('act2');
} else {
$(this).addClass('act2').siblings().removeClass('act1');
}
})
// 月饼制作切换按钮
$('.moonCake .tab div').click(function () {
closeMoonCake();
var i = $(this).index() + 1;
if (i == 1) {
$(this).addClass('active1').siblings().removeClass('active2');
$('.moonCake .make1').show();
$('.moonCake .make2').hide();
$('.moonCake .p1').show()
$('.moonCake .p2').hide()
$('.moonCake .make1 .line .p2').show()
} else {
$(this).addClass('active2').siblings().removeClass('active1');
$('.moonCake .make1').hide();
$('.moonCake .make2').show();
$('.moonCake .p1').hide()
$('.moonCake .p2').show()
}
})
// 月饼添加函数
function addMoonCake (type, dom, num) {
var cl1 = Number($('.moonCake .make1 .cl .cl1 i').text());
var cl2 = Number($('.moonCake .make1 .cl .cl2 i').text());
var cl3 = Number($('.moonCake .make1 .cl .cl3 i').text());
var domIndex = dom.index() + 1;
if (type == 1) {// 初级制作
if (dom.children('span').children('b').text() == 0) {
if (domIndex == 1) {
if (cl1 - num >= 0) {
$(`.moonCake .make1 .cl .cl${domIndex} i`).text(cl1 - num);
dom.children('span').children('b').text(num);
} else {
$(`.moonCake .make1 .cl .cl${domIndex} i`).text(0);
dom.children('span').children('b').text(cl1);
toastMsg('材料不足');
}
} else if (domIndex == 2) {
if (cl2 - num >= 0) {
$(`.moonCake .make1 .cl .cl${domIndex} i`).text(cl2 - num);
dom.children('span').children('b').text(num);
} else {
$(`.moonCake .make1 .cl .cl${domIndex} i`).text(0);
dom.children('span').children('b').text(cl2);
toastMsg('材料不足');
}
} else {
if (cl3 - num >= 0) {
$(`.moonCake .make1 .cl .cl${domIndex} i`).text(cl3 - num);
dom.children('span').children('b').text(num);
} else {
$(`.moonCake .make1 .cl .cl${domIndex} i`).text(0);
dom.children('span').children('b').text(cl3);
toastMsg('材料不足');
}
}
}
if ($('.moonCake .make1 .add div:nth-child(1) span b').text() == $('.moonCake .make1 .add div:nth-child(1) span i').text() && $('.moonCake .make1 .add div:nth-child(2) span b').text() == $('.moonCake .make1 .add div:nth-child(2) span i').text() && $('.moonCake .make1 .add div:nth-child(3) span b').text() == $('.moonCake .make1 .add div:nth-child(3) span i').text()) {
$('.moonCake .make1 .but').removeClass('grey');
$('.moonCake .make1 .but').attr('click', 1);
}
} else {//DIY制作
if (dom.children('span').children('b').text() == 0) {
if (domIndex == 1) {
if (cl1 - num >= 0) {
$(`.moonCake .make2 .cl .cl${domIndex} i`).text(cl1 - num);
dom.children('span').children('b').text(num);
} else {
$(`.moonCake .make2 .cl .cl${domIndex} i`).text(0);
dom.children('span').children('b').text(cl1);
toastMsg('材料不足');
}
} else if (domIndex == 2) {
if (cl2 - num >= 0) {
$(`.moonCake .make2 .cl .cl${domIndex} i`).text(cl2 - num);
dom.children('span').children('b').text(num);
} else {
$(`.moonCake .make2 .cl .cl${domIndex} i`).text(0);
dom.children('span').children('b').text(cl2);
toastMsg('材料不足');
}
} else {
if (cl3 - num >= 0) {
$(`.moonCake .make2 .cl .cl${domIndex} i`).text(cl3 - num);
dom.children('span').children('b').text(num);
} else {
$(`.moonCake .make2 .cl .cl${domIndex} i`).text(0);
dom.children('span').children('b').text(cl3);
toastMsg('材料不足');
}
}
}
if ($('.moonCake .make2 .add div:nth-child(1) span b').text() == $('.moonCake .make2 .add div:nth-child(1) span i').text() && $('.moonCake .make2 .add div:nth-child(2) span b').text() == $('.moonCake .make2 .add div:nth-child(2) span i').text() && $('.moonCake .make2 .add div:nth-child(3) span b').text() == $('.moonCake .make2 .add div:nth-child(3) span i').text()) {
$('.moonCake .make2 .but').removeClass('grey');
$('.moonCake .make2 .but').attr('click', 1);
}
}
}
// 取消制作月饼函数
function closeMoonCake () {
$('.moonCake .make1 .add div:nth-child(1) span b').text(0);
$('.moonCake .make1 .add div:nth-child(2) span b').text(0);
$('.moonCake .make1 .add div:nth-child(3) span b').text(0);
$('.moonCake .make1 .cl .cl1 i').text(flourNum);
$('.moonCake .make1 .cl .cl2 i').text(eggNum);
$('.moonCake .make1 .cl .cl3 i').text(meetNum);
$('.moonCake .make2 .add div:nth-child(1) span b').text(0);
$('.moonCake .make2 .add div:nth-child(2) span b').text(0);
$('.moonCake .make2 .add div:nth-child(3) span b').text(0);
$('.moonCake .make2 .cl .cl1 i').text(flourNum);
$('.moonCake .make2 .cl .cl2 i').text(eggNum);
$('.moonCake .make2 .cl .cl3 i').text(meetNum);
$('.moonCake .make1 .but').addClass('grey');
$('.moonCake .make1 .but').attr('click', 0);
$('.moonCake .make2 .but').addClass('grey');
$('.moonCake .make2 .but').attr('click', 0);
moonId = null;
}
// 初级添加月饼按钮
$('.moonCake .make1 .add div').click(function () {
var num = Number($(this).children('span').children('i').text());
addMoonCake(1, $(this), num)
})
// DIY添加月饼按钮
$('.moonCake .make2 .add div').click(function () {
var num = Number($(this).children('span').children('i').text());
addMoonCake(2, $(this), num)
})
// 初级制作按钮
$('.moonCake .make1 .but').click(function () {
var bool = $(this).attr('click');
if (bool == 1) {
moonMakeFun(1);
}
})
// 高级DIY制作按钮
$('.moonCake .make2 .but').click(function () {
var bool = $(this).attr('click');
if (bool == 1) {
showLoading();
$('.DIY .DIY_in .ulBOX .DIY_inBox ul li').remove();
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/mid-autumn/moon/makeList',
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid, moonType: 2 },
success (res) {
if (res.code === 200) {
$('.DIY .DIY_inBox ul').css('width', `${res.data.length * 2.55}rem`);
var str = ``;
res.data.forEach(function (res) {
str += `
<li moonId=${res.moonId} moonType=${res.moonType}>
<img src="${res.moonUrl}" alt="">
<span>${res.moonName}</span>
<img src="./images/active_icon.png" alt="" class="active_icon">
</li>
`
})
$('.DIY .DIY_in .ulBOX .DIY_inBox ul').append(str);
$('.DIY .DIY_in .ulBOX .DIY_inBox ul li').click(function () {
moonid = $(this).attr('moonid');
$('.DIY .DIY_in .ulBOX .DIY_inBox ul li .active_icon').hide();
$(this).children('.active_icon').show();
})
$('.DIY').show();
closeMoonCake();
bodyScroolFun(true);
hideLoading(layerIndex)
} else {
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error (err) {
hideLoading(layerIndex)
toastMsg('网络错误,请退出重进')
}
})
}
})
// 关闭DIY制作按钮
$('.DIY .DIY_in .close').click(function () {
moonid = null;
$('.DIY .DIY_in input').val('');
$('.DIY').hide();
bodyScroolFun(false);
})
// 监听制制作月饼输入框
$(".DIY .DIY_in input").bind("input propertychange ", function () {
var val = $(this).val();
$('.DIY .DIY_in p').text(`${val.length}/4`)
});
// DIY制作完成按钮
$('.DIY .DIY_in .but').click(function () {
var val = $('.DIY .DIY_in input').val()
console.log(moonid);
console.log(val);
if (moonid == null) {
toastMsg('请选择月饼样式');
} else if (val.length <= 0) {
toastMsg('请输入月饼文案');
} else {
$('.DIY2').show();
}
})
// DIY二次取消按钮
$('.DIY2 .DIY2_in .close').click(function () {
$('.DIY2').hide();
})
// DIY二次确认按钮
$('.DIY2 .DIY2_in .ok').click(function () {
moonMakeFun(moonid, $('.DIY .DIY_in input').val(), 2);
moonid = null;
})
// 制作蛋糕接口
function moonMakeFun (moonIds, moonMsg, type) {
$('.gxs .gxs_in ul li').remove();
showLoading()
networkRequest({
type: 'POST',
url: urlPrefix + '/act/mid-autumn/moon/make',
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid, moonId: moonIds, moonMsg },
success (res) {
if (res.code === 200) {
var str = '';
res.data.forEach(res => {
str += `
<li>
<div>
<img class="${res.rewardType == 2 ? 'gift2' : ''}" src="${res.rewardUrl}" alt="">
</div>
<p>${res.rewardName}</p>
<b>${res.rewardNum}${res.rewardUnit}</b>
</li>
`
})
$('.gxs .gxs_in ul').append(str);
$('.gxs').show();
bodyScroolFun(true);
if (type == 2) {
$('.DIY .DIY_in input').val('');
$('.DIY').hide();
$('.DIY2').hide();
bodyScroolFun(false);
}
closeMoonCake();
getUserInfo();
hideLoading(layerIndex)
} else {
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error (err) {
hideLoading(layerIndex)
toastMsg('网络错误,请退出重进')
}
})
}
// 关闭制作奖励弹窗
$('.gxs .gxs_in .but').click(function () {
$('.gxs').hide();
bodyScroolFun(false);
})
// 制作蛋糕接口
function cpMyFun () {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/act/mid-autumn/rank/cp/my',
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid, page: 1, pageSize: 99999 },
success (res) {
if (res.code === 200) {
var str = '';
res.data.forEach((res, i) => {
str += `
<li>
<span>${i + 1}</span>
<img src="${res.senderAvatar}" alt="" class="tx1">
<img src="./images/love_d.png" alt="" class="love">
<img src="${res.receiverAvatar}" alt="" class="tx2">
<img src="./images/zsBut.png" alt="" class="zsBut" rankid=${res.rankId}>
</li>
`
})
$('.moonGive ul').append(str);
// 赠送月饼按钮
$('.moonGive ul li .zsBut').click(function () {
var num = Number($('.moonGive p i').text());
sendrankId = $(this).attr('rankid');
txL = $(this).siblings('.tx1').attr("src");
txR = $(this).siblings('.tx2').attr("src");
$('.sendPut .sendPut_in .txL').attr('src', txL);
$('.sendPut .sendPut_in .txR').attr('src', txR);
$('.sendPut .sendPut_in .ulBOX .DIY_inBox ul li').remove();
if (num > 0) {
confessionsDefault($(this));
showLoading();
networkRequest({
type: 'get',
url: urlPrefix + '/act/mid-autumn/moon/list',
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid },
success (res) {
if (res.code === 200) {
var str = '';
$('.sendPut .sendPut_in .ulBOX .DIY_inBox ul').css('width', `${res.data.length * 2.55}rem`)
res.data.forEach((res, i) => {
str += `
<li moonId=${res.moonId} id=${res.id}>
<img src="${res.moonUrl}" alt="">
<img src="./images/active_icon.png" alt="" class="active_icon">
</li>
`
})
$('.sendPut .sendPut_in .ulBOX .DIY_inBox ul').append(str);
$('.sendPut .sendPut_in .ulBOX .DIY_inBox ul li').click(function () {
$(this).children('.active_icon').show();
$(this).siblings().children('.active_icon').hide();
sendmoonId = $(this).attr('id');
})
hideLoading(layerIndex)
} else {
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error (err) {
hideLoading(layerIndex)
toastMsg('网络错误,请退出重进')
}
})
} else {
toastMsg('月饼不足~')
}
})
hideLoading(layerIndex)
} else {
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error (err) {
hideLoading(layerIndex)
toastMsg('网络错误,请退出重进')
}
})
}
// 切换告白语
$('.sendPut .sendPut_in .newText').click(function () {
confessionsDefault();
})
// 默认弹幕请求
function confessionsDefault ($this) {
// showLoading();
networkRequest({
type: 'get',
url: urlPrefix + '/act/mid-autumn/confessions/default',
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid },
success (res) {
if (res.code === 200) {
res.data.forEach((res, index) => {
$(`.sendPut .sendPut_in .text${index + 1}`).text(res);
})
$('.sendPut').show();
$('.sendPut .sendPut_in .text').click(function () {
$('.sendPut .sendPut_in textarea').val($(this).text());
$('.sendPut .sendPut_in .textNum').text(`${$(this).text().length}/25`)
});
bodyScroolFun(true);
hideLoading(layerIndex)
} else {
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error (err) {
hideLoading(layerIndex)
toastMsg('网络错误,请退出重进')
}
})
}
// 发送赠送月饼请求
$('.sendPut .sendPut_in .but').click(function () {
if (sendmoonId == null) {
toastMsg('请选择需要赠送的月饼');
} else if ($('.sendPut .sendPut_in textarea').val().length <= 0) {
toastMsg('请输入告白文案');
} else {
showLoading();
networkRequest({
type: 'POST',
url: urlPrefix + '/act/mid-autumn/moon/send',
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid, confession: $('.sendPut .sendPut_in textarea').val(), moonId: sendmoonId, rankId: sendrankId, },
success (res) {
if (res.code === 200) {
sendmoonId = null;
sendrankId = null;
$('.sendPut .sendPut_in .ulBOX .DIY_inBox ul li').children('.active_icon').hide();
$('.sendPut .sendPut_in textarea').val('');
$('.sendPut .sendPut_in .textNum').text(`0/25`)
$('.sendPut').hide();
bodyScroolFun(false);
hideLoading(layerIndex);
getConfessions();
danmaku.destroy();
getUserInfo();
toastMsg('赠送成功');
} else {
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error (err) {
hideLoading(layerIndex)
toastMsg('网络错误,请退出重进')
}
})
}
})
// 关闭赠送弹窗
$('.sendPut .sendPut_in .close').click(function () {
sendmoonId = null;
sendrankId = null;
$('.sendPut .sendPut_in .ulBOX .DIY_inBox ul li').children('.active_icon').hide();
$('.sendPut .sendPut_in textarea').val('');
$('.sendPut .sendPut_in .textNum').text(`0/25`)
$('.sendPut').hide();
bodyScroolFun(false);
})
// 监听制制作月饼输入框
$(".sendPut .sendPut_in textarea").bind("input propertychange ", function () {
var val = $(this).val();
$('.sendPut .sendPut_in .textNum').text(`${val.length}/25`)
});
// 关闭兑换记录
$('.exchangeRecords').click(function () {
$(this).hide();
bodyScroolFun(false);
})
var scrollBool = true;
// 打开兑换记录
$('.lhj .lhjRecord_icon').click(function () {
page = 0;
page++
$('.exchangeRecords .exchangeRecords_in .box .text').remove();
getConvertRecord(page);
})
// 兑换记录监听滚动
$('.exchangeRecords .exchangeRecords_in .box').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('.exchangeRecords .exchangeRecords_in .box')[0].scrollHeight
let ulHeight = $(this).innerHeight()
if (scrollTop + ulHeight + 100 >= scrollHeight) {
if (scrollBool) {
page++;
getConvertRecord(page);
}
}
})
// 获取兑换记录
function getConvertRecord (page) {
scrollBool = false;
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/mid-autumn/convert/record',
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid, page, pageSize: 10 },
success (res) {
if (res.code === 200) {
if (res.data.length > 0) {
page++;
var str = ``;
res.data.forEach((res, i) => {
str += `
<div class="text">
<b>${dateFormat(res.createTime, "yyyy/MM/dd")}<br><i>${dateFormat(res.createTime, "hh:mm:ss")}</i></b>
<b>${res.convertType == 1 ? '初级兑换' : '高级兑换'}</b>
<b>${res.rewardName} <br><i>${res.rewardNum}${res.rewardUnit}</i></b>
</div>
`
});
$('.exchangeRecords .exchangeRecords_in .box').append(str);
scrollBool = true;
} else {
scrollBool = false;
}
bodyScroolFun(true);
$('.exchangeRecords').show();
hideLoading(layerIndex)
} else {
scrollBool = true;
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error (err) {
scrollBool = true;
hideLoading(layerIndex)
toastMsg('网络错误,请退出重进')
}
})
}
// 控制body是否可以滑动
function bodyScroolFun (bool) {
if (bool) {
$('body').css('overflow', 'hidden');
} else {
$('body').css('overflow', 'auto');
}
}
var page1;
var makerecordsBool = true;
// 打开制作记录
$('.moonCake .make1 .make_icon,.moonCake .make2 .make_icon').click(function () {
page1 = 0;
page1++;
$('.makerecords .makerecords_in .box .text').remove();
makerecords(1)
})
// 兑换记录监听滚动
$('.makerecords .makerecords_in .box').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('.makerecords .makerecords_in .box')[0].scrollHeight
let ulHeight = $(this).innerHeight()
if (scrollTop + ulHeight + 100 >= scrollHeight) {
if (makerecordsBool) {
page1++;
makerecords(page1);
}
}
})
// 制作记录
function makerecords (page) {
showLoading();
makerecordsBool = false;
networkRequest({
type: 'get',
url: urlPrefix + '/act/mid-autumn/moon/make/record',
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid, page, pageSize: 10 },
success (res) {
if (res.code === 200) {
if (res.data.length > 0) {
page++;
var str = ``;
res.data.forEach((res, i) => {
str += `
<div class="text">
<b>${dateFormat(res.createTime, "yyyy/MM/dd")}<br><i>${dateFormat(res.createTime, "hh:mm:ss")}</i></b>
<b>${res.moonType == 1 ? '初级制作' : 'DIY制作'}</b>
<b>${res.moonName} <br><i>1个</i></b>
</div>
`
});
$('.makerecords .makerecords_in .box').append(str);
makerecordsBool = true;
} else {
makerecordsBool = false;
}
bodyScroolFun(true);
$('.makerecords').show();
hideLoading(layerIndex)
} else {
hideLoading(layerIndex)
toastMsg(res.message)
makerecordsBool = true;
}
},
error (err) {
hideLoading(layerIndex)
toastMsg('网络错误,请退出重进')
makerecordsBool = true;
}
})
}
// 关闭制作记录
$('.makerecords').click(function () {
$('.makerecords').hide();
bodyScroolFun(false);
})
// 制作记录切换弹窗
$('.makerecords .makerecords_in .tab div').click(function () {
var i = $(this).index() + 1
$(this).addClass('active').siblings().removeClass('active');
if (i == 1) {
$('.makerecords .makerecords_in .p1').show()
$('.makerecords .makerecords_in .box').show()
$('.makerecords .makerecords_in .tab2').hide();
} else {
$('.makerecords .makerecords_in .p1').hide()
$('.makerecords .makerecords_in .box').hide()
$('.makerecords .makerecords_in .tab2').show();
}
return false
})
var recordTypeBool = true;
var page2 = 0;
// 赠送记录tab切换
$('.giftRecord .giftRecord_in .tab div').click(function () {
var i = $(this).index() + 1;
$(this).addClass('active').siblings().removeClass('active');
$('.giftRecord .giftRecord_in .tab1 .box').remove();
$('.giftRecord .giftRecord_in .tab2 .box').remove();
if (i == 1) {
page2 = 1;
sendRecord(page2, 1);
$('.giftRecord .giftRecord_in .tab1').show();
$('.giftRecord .giftRecord_in .tab2').hide();
$('.giftRecord .giftRecord_in .tab3').hide();
} else if (i == 2) {
page2 = 1;
sendRecord(page2, 2);
$('.giftRecord .giftRecord_in .tab2').show();
$('.giftRecord .giftRecord_in .tab1').hide();
$('.giftRecord .giftRecord_in .tab3').hide();
} else {
$('.giftRecord .giftRecord_in .tab2').hide();
$('.giftRecord .giftRecord_in .tab1').hide();
$('.giftRecord .giftRecord_in .tab3').show();
}
return false;
})
// 赠收记录请求
function sendRecord (page, recordType) {
showLoading();
recordTypeBool = false;
networkRequest({
type: 'get',
url: urlPrefix + '/act/mid-autumn/moon/send/record',
data: { pub_ticket: pubInfo.ticket, pub_uid: pubInfo.uid, page, pageSize: 10, recordType },
success (res) {
if (res.code === 200) {
if (res.data.length > 0) {
page++;
var str = ``;
res.data.forEach((res, i) => {
str += `
<div class='box'>
<div class="time">2022年9月7日 23时12分23秒</div>
<div class="box_in">
<img src="${res.senderAvatar}" alt="" class="txl">
<img src="${res.receiverAvatar}" alt="" class="txr">
<p>你${recordType == 1 ? '赠送' : '收到'}${recordType == 1 ? (res.receiverAvatar.length > 4 ? res.receiverAvatar.slice(0, 4) + '...' : res.receiverAvatar) : (res.senderNick.length > 4 ? res.senderNick.slice(0, 4) + '...' : res.senderNick)}一个月饼</p>
<span>${res.confession}</span>
<img src="${res.moon.moonUrl}" alt="" class="syuebing">
</div>
</div>
</div>
`
});
if (recordType == 1) {
$('.giftRecord .giftRecord_in .tab1').append(str);
} else {
$('.giftRecord .giftRecord_in .tab2').append(str);
}
recordTypeBool = true;
} else {
recordTypeBool = false;
}
bodyScroolFun(true);
hideLoading(layerIndex)
} else {
hideLoading(layerIndex)
toastMsg(res.message)
recordTypeBool = true;
}
},
error (err) {
hideLoading(layerIndex)
toastMsg('网络错误,请退出重进')
recordTypeBool = true;
}
})
}
// 关闭赠送记录
$('.giftRecord ').click(function () {
$(this).hide();
bodyScroolFun(false);
})
// 打开赠送记录
$('.moonGive .make_icon').click(function () {
$('.giftRecord .giftRecord_in .tab1 .box').remove();
page2 = 1;
sendRecord(page2, 1);
$('.giftRecord ').show();
bodyScroolFun(false);
})
// 赠送记录监听滚动
$('.giftRecord .giftRecord_in .tab1').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('.giftRecord .giftRecord_in .tab1')[0].scrollHeight
let ulHeight = $(this).innerHeight()
if (scrollTop + ulHeight + 100 >= scrollHeight) {
if (recordTypeBool) {
page2++;
sendRecord(page2, 1);
}
}
})
// 收到记录监听滚动
$('.giftRecord .giftRecord_in .tab2').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('.giftRecord .giftRecord_in .tab2')[0].scrollHeight
let ulHeight = $(this).innerHeight()
if (scrollTop + ulHeight + 100 >= scrollHeight) {
if (recordTypeBool) {
page2++;
sendRecord(page2, 2);
}
}
})
// var rankDateStr = '2022-09-07' //cp榜日榜日期
var rankDateStr = dateFormat(new Date().getTime(), 'yyyy-MM-dd');//cp榜日榜日期
// 获取cp榜单接口
function cpListRank () {
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/mid-autumn/rank/cp',
data: { rankDateStr },
success (res) {
if (res.code === 200) {
$('.cpList ul li').remove();
$('.myCpList ul li').remove();
// 前三
var top3 = res.data.slice(0, 3);
var notTop3 = res.data.slice(3);
if (top3.length < 3) {
let arr = new Array(3 - top3.length).fill({
senderAvatar: './images/logo.png',
receiverAvatar: './images/logo.png',
senderNick: '虚位以待',
receiverNick: '虚位以待',
score: "0"
})
top3.push(...arr)
}
top3.forEach((res, index) => {
$(`.cpList .div${index + 1} .imgl`).attr('src', res.senderAvatar);
$(`.cpList .div${index + 1} .imgr`).attr('src', res.receiverAvatar);
$(`.cpList .div${index + 1} .namel`).html(`${res.senderNick.length > 4 ? res.senderNick.slice(0, 4) + '...' : res.senderNick}`);
$(`.cpList .div${index + 1} .namer`).html(`${res.receiverNick.length > 4 ? res.receiverNick.slice(0, 4) + '...' : res.receiverNick}`);
$(`.cpList .div${index + 1} .sweet`).html(`${res.score > 10000 ? (Math.floor(res.score / 1000) / 10).toFixed(1) + 'w' : res.score} 甜心值`);
});
// 非前三
var str = '';
notTop3.forEach((res, index) => {
str += `
<li>
<div class="num">${index + 4}</div>
<img src="${res.senderAvatar}" alt="" class="imgl">
<img src="${res.receiverAvatar}" alt="" class="imgr">
<span class="namel">${res.senderNick.length > 3 ? res.senderNick.slice(0, 3) + '...' : res.senderNick}</span>
<span class="namer">${res.receiverNick.length > 3 ? res.receiverNick.slice(0, 3) + '...' : res.receiverNick}</span>
<b class="right">${res.score > 10000 ? (Math.floor(res.score / 1000) / 10).toFixed(1) + 'w' : res.score} 甜心值</b>
</li>
`
})
$('.cpList ul').append(str);
hideLoading(layerIndex)
} else {
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error (err) {
hideLoading(layerIndex)
toastMsg('网络错误,请退出重进')
}
})
}
// 获取魅力榜单接口
function mlListRank () {
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/mid-autumn/rank/charm',
success (res) {
if (res.code === 200) {
$('.mlList ul li').remove();
$('.me .score').remove();
// 前三
var top3 = res.data.rankList.slice(0, 3);
var notTop3 = res.data.rankList.slice(3);
if (top3.length < 3) {
let arr = new Array(3 - top3.length).fill({
avatar: './images/logo.png',
nick: '虚位以待',
score: "-"
})
top3.push(...arr)
}
top3.forEach((res, index) => {
$(`.mlList .top${index + 1} img`).attr('src', res.avatar);
$(`.mlList .top${index + 1} .nick`).html(`${res.nick.length > 5 ? res.nick.slice(0, 5) + '...' : res.nick}`);
$(`.mlList .top${index + 1} p`).html(`${res.score > 10000 ? (Math.floor(res.score / 1000) / 10).toFixed(1) + 'w' : res.score} 魅力值`);
});
// 非前三
var str = '';
notTop3.forEach((res, index) => {
str += `
<li>
<div class="num">${index + 4}</div>
<img src="${res.avatar}" alt="">
<div class="nick">${res.nick.length > 5 ? res.nick.slice(0, 5) + '...' : res.nick}</div>
<div class="score">${res.score > 10000 ? (Math.floor(res.score / 1000) / 10).toFixed(1) + 'w' : res.score} 魅力值</div>
</li>
`
})
$('.mlList ul').append(str);
// 处理自己的排名
if (res.data.currentRank) {
let currentRank = res.data.currentRank;
if (currentRank.order == 0 || currentRank.order > 15) {
$('.me .num').html('未上榜')
} else {
$('.me .num').html('第' + currentRank.order + '名')
}
$('.me img').attr('src', currentRank.avatar)
$('.me .nick').html(currentRank.nick.length > 6 ? currentRank.nick.slice(0, 6) + "..." : currentRank.nick)
$('.me').append(`<div class="score">${currentRank.score > 10000 ? (Math.floor(currentRank.score / 1000) / 10).toFixed(1) + 'w' : currentRank.score}魅力值</div>`)
}
hideLoading(layerIndex)
} else {
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error (err) {
hideLoading(layerIndex)
toastMsg('网络错误,请退出重进')
}
})
}
var myCpListBut = false;
// 上拉加载更多
$('.myCpList').on("click", ".more", function () {
myCpListBut = !myCpListBut;
if (myCpListBut) {
// listMyRankFun();
$('.myCpList').addClass('myCpList_active');
$(this).addClass('more_active');
$('.myCpList ul').css('overflow-y', 'scroll');
$('.myCpList ul').css('height', '7rem');
bodyScroolFun(true);
} else {
$('.myCpList').removeClass('myCpList_active');
$(this).removeClass('more_active');
$('.myCpList ul').css('overflow-y', 'hidden');
$('.myCpList ul').css('height', 'auto');
bodyScroolFun(false);
}
})
// 滚动加载更多cp
$('.myCpList ul').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('.myCpList ul')[0].scrollHeight
let ulHeight = $(this).innerHeight()
if (scrollTop + ulHeight + 10 >= scrollHeight) {
if (!isLock) {
if (canNext) {
// 请求下一页
pageList++
listMyRankFun()
isLock = true
}
}
}
})
// 获取当前用户的组合列表
var pageList = 1;
var pageSize = 10;
var isLock
// var canNext
var myCpList = []
function listMyRankFun () {
showLoading();
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/mid-autumn/rank/cp/my',
data: { page: pageList, pageSize, rankDateStr },
success (res) {
if (res.code === 200) {
if (res.data.length === pageSize) {
canNext = true
} else {
canNext = false
}
myCpList.push(...res.data)
renderMyCpList()
isLock = false
hideLoading(layerIndex)
} else {
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error (err) {
hideLoading(layerIndex)
toastMsg('网络错误,请退出重进')
}
})
}
const renderMyCpList = () => {
if (myCpList.length == 0) {
$('.myCpList .more').hide();
$('.myCpList ul li').remove();
setTimeout(() => {
$('.myCpList ul').append('<li class="active">当前暂未有组合哦~ 快去找你的组合吧!</li>')
}, 100);
} else {
var str = ''
myCpList.forEach((res, index) => {
if (res.order > 0 && res.order <= 15) {
str += `
<li>
<img src="${res.senderAvatar}" alt="" class="left">
<img src="${res.receiverAvatar}" alt="" class="right">
<p class="name">${res.senderNick.length > 4 ? res.senderNick.slice(0, 4) + '...' : res.senderNick}&nbsp;&nbsp;${res.receiverNick.length > 4 ? res.receiverNick.slice(0, 4) + '...' : res.receiverNick}</p>
<div class="rightBox">
<p>${res.score > 10000 ? (Math.floor(res.score / 1000) / 10).toFixed(1) + 'w' : res.score} 甜心值</p>
<span>${"当前排名第" + res.order + '名'}</span>
</div>
</li>
`
} else {
str += `
<li>
<img src="${res.senderAvatar}" alt="" class="left">
<img src="${res.receiverAvatar}" alt="" class="right">
<p class="name">${res.senderNick.length > 4 ? res.senderNick.slice(0, 4) + '...' : res.senderNick}&nbsp;&nbsp;${res.receiverNick.length > 4 ? res.receiverNick.slice(0, 4) + '...' : res.receiverNick}</p>
<div class="rightBox">
<p>${res.score > 10000 ? (Math.floor(res.score / 1000) / 10).toFixed(1) + 'w' : res.score} 甜心值</p>
<span>${"暂无排名"}</span>
</div>
</li>
`
}
})
setTimeout(() => {
$('.myCpList .more').show();
$('.myCpList ul').html(str);
}, 300);
}
}
// 榜单tab切换
$('.tabBang div').click(function () {
var i = $(this).index();
if (i == 0) {
// rankDateStr = 2022-09-07;
cpListRank();
InitMyCpList()
$(this).find('img').attr('src', './images/cp_active.png');
$(this).siblings().find('img').attr('src', './images/ml.png');
$('.page4 .cpList').show();
$('.page4 .mlList').hide();
$('.page4 .me').hide();
$('.page4 .myCpList').show();
} else {
mlListRank();
$(this).find('img').attr('src', './images/ml_active.png');
$(this).siblings().find('img').attr('src', './images/cp.png');
$('.page4 .cpList').hide();
$('.page4 .mlList').show();
$('.page4 .me').show();
$('.page4 .myCpList').hide();
}
})
// 切换cp榜总榜日榜
$('.cpList .tab div').click(function () {
var i = $(this).index();
if (i == 0) {
nowDate = new Date().getTime();
if(endTime > nowDate){
rankDateStr = dateFormat(new Date().getTime(), 'yyyy-MM-dd');
}else {
rankDateStr = "2022-09-12"
}
cpListRank();
InitMyCpList();
// $(".cpList .date span").eq(0).css({
// 'color': '#BD3535',
// 'background': '#ECAB44'
// })
// $(".cpList .date span").eq(0).siblings().css({
// 'color': '#03546C',
// 'background': '#4BD2E0'
// })
$(this).find('img').attr('src', './images/day_active.png');
$(this).siblings().find('img').attr('src', './images/total.png');
$('.cpList .date').show();
} else {
rankDateStr = "";
cpListRank();
InitMyCpList()
$(this).find('img').attr('src', './images/total_active.png');
$(this).siblings().find('img').attr('src', './images/day.png');
$('.cpList .date').hide();
}
})
// 初始化当前用户关联cp列表
function InitMyCpList () {
let $date = $('.cpList .date span');
$date.each(index=>{
// console.log($date.eq(index).attr("date"));
if(rankDateStr == $date.eq(index).attr("date")){
$(".cpList .date span").eq(index).css({
'color': '#BD3535',
'background': '#ECAB44'
})
$(".cpList .date span").eq(index).siblings().css({
'color': '#03546C',
'background': '#4BD2E0'
})
}
})
$('.myCpList').removeClass('myCpList_active');
$('.myCpList img').removeClass('more_active');
$('.myCpList ul').css('overflow-y', 'hidden');
$('.myCpList ul').css('height', 'auto');
myCpList = [];
pageList = 1;
isLock = false;
listMyRankFun();
bodyScroolFun(false);
}
// 日榜日期切换
$('.cpList .date span').click(function () {
var i = $(this).index();
// $(".cpList .date span").eq(i).css({
// 'color': '#BD3535',
// 'background': '#ECAB44'
// })
// $(".cpList .date span").eq(i).siblings().css({
// 'color': '#03546C',
// 'background': '#4BD2E0'
// })
rankDateStr = $(".cpList .date span").eq(i).attr('date');
cpListRank();
InitMyCpList();
})
// 打开cp榜单规则
$('.cpList .listRule_icon').click(function () {
bodyScroolFun(true);
$('.cpListRule').show();
})
// 关闭cp榜单规则
$('.cpListRule').click(function () {
bodyScroolFun(false);
$('.cpListRule').hide();
})
$('.cpListRule .listRule_in').click((e) => {
e.stopPropagation()
})
// 打开魅力榜单规则
$('.mlList .listRule_icon').click(function () {
bodyScroolFun(true);
$('.mlListRule').show();
})
// 关闭魅力榜单规则
$('.mlListRule').click(function () {
bodyScroolFun(false);
$('.mlListRule').hide();
})
$('.mlListRule .listRule_in').click((e) => {
e.stopPropagation()
})
// 初级查看奖励头饰打开弹窗
$('.moonCake .make1 .line .ts').click(function () {
$('.chakan .chakan_in p').text('制作3个初级月饼可获得');
bodyScroolFun(true);
if (totalLowMakeNum >= 3) {
$('.chakan .chakan_in .huode').show();
} else {
$('.chakan .chakan_in .huode').hide();
}
$('.chakan .chakan_in .gift').attr('style', '');
$('.chakan .chakan_in .gift').attr('src', './images/chakan1.png');
$('.chakan .chakan_in span').text('花好月圆');
$('.chakan .chakan_in b').text('1天');
$('.chakan').show();
})
// 初级查看奖励名牌打开弹窗
$('.moonCake .make1 .line .mp').click(function () {
$('.chakan .chakan_in p').text('制作6个初级月饼可获得');
bodyScroolFun(true);
if (totalLowMakeNum >= 6) {
$('.chakan .chakan_in .huode').show();
} else {
$('.chakan .chakan_in .huode').hide();
}
$('.chakan .chakan_in .gift').css({ 'width': '2.5rem', 'height': '0.9rem', 'bottom': '3.8rem', })
$('.chakan .chakan_in .gift').attr('src', './images/chakan2.png');
$('.chakan .chakan_in span').text('月满中秋');
$('.chakan .chakan_in b').text('1天');
$('.chakan').show();
})
// 高级查看奖励头饰打开弹窗
$('.moonCake .make2 .line .ts').click(function () {
$('.chakan .chakan_in p').text('制作2个DIY月饼可获得');
bodyScroolFun(true);
if (totalDiyMakeNum >= 2) {
$('.chakan .chakan_in .huode').show();
} else {
$('.chakan .chakan_in .huode').hide();
}
$('.chakan .chakan_in .gift').attr('style', '');
$('.chakan .chakan_in .gift').attr('src', './images/chakan1.png');
$('.chakan .chakan_in span').text('花好月圆');
$('.chakan .chakan_in b').text('3天');
$('.chakan').show();
})
// 高级查看奖励铭牌打开弹窗
$('.moonCake .make2 .line .mp').click(function () {
$('.chakan .chakan_in p').text('制作4个DIY月饼可获得');
bodyScroolFun(true);
if (totalDiyMakeNum >= 4) {
$('.chakan .chakan_in .huode').show();
} else {
$('.chakan .chakan_in .huode').hide();
}
$('.chakan .chakan_in .gift').css({ 'width': '2.5rem', 'height': '0.9rem', 'bottom': '3.8rem', })
$('.chakan .chakan_in .gift').attr('src', './images/chakan2.png');
$('.chakan .chakan_in span').text('月满中秋');
$('.chakan .chakan_in b').text('3天');
$('.chakan').show();
})
// 高级查看奖励座驾打开弹窗
$('.moonCake .make2 .line .zj').click(function () {
$('.chakan .chakan_in p').text('制作8个DIY月饼可获得');
bodyScroolFun(true);
if (totalDiyMakeNum >= 8) {
$('.chakan .chakan_in .huode').show();
} else {
$('.chakan .chakan_in .huode').hide();
}
$('.chakan .chakan_in .gift').css({ 'width': '2.6rem', 'height': '2.4rem', 'bottom': '3rem', })
$('.chakan .chakan_in .gift').attr('src', './images/chakan3.png');
$('.chakan .chakan_in span').text('玉兔坐骑');
$('.chakan .chakan_in b').text('3天');
$('.chakan').show();
})
// 关闭规则弹窗
$('.header img').click(function () {
$(".rule").show();
bodyScroolFun(true);
})
// 关闭规则弹窗
$('.rule').click(function () {
$(this).hide();
bodyScroolFun(false);
})
// 返回页面 重新请求接口
var hiddenProperty = 'hidden' in document ? 'hidden' :
'webkitHidden' in document ? 'webkitHidden' :
'mozHidden' in document ? 'mozHidden' : null;
var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
var onVisibilityChange = function () {
if (!document[hiddenProperty]) {
location.reload()
}
}
document.addEventListener(visibilityChangeEvent, onVisibilityChange);