moliparty/eparty-h5
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

房间日流水 - 补齐页面逻辑

Browse Source
This commit is contained in:
yujiacong
2025-09-18 11:44:13 +08:00
parent 5d3ba01f25
commit 823bf51ce3
10 changed files with 624 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
view/eparty/modules/room_rank/css/roomDayReward.css
View File

@@ -18,7 +18,6 @@ body {
color: #FFFFFF;
font-size: 0.5066666667rem;
font-weight: bold;
z-index: 99;
}
.back img {
width: 0.5866666667rem;
@@ -63,6 +62,7 @@ body {
position: absolute;
top: 6.8rem;
margin: 0.4666666667rem;
line-height: 0.5066666667rem;
}
.table_image_box {
@@ -86,6 +86,9 @@ body {
height: 0.6666666667rem;
margin-top: 0.2266666667rem;
}
.table_image_box .kuang_center .shouqi_box {
display: none;
}
.table_image_box .kuang_center .shouqi_box .level_big {
background-image: url("../images/level_big.png");
background-size: 100% 100%;
@@ -109,7 +112,7 @@ body {
.ranking_list {
margin-top: 1rem;
padding-bottom: 4rem;
padding-bottom: 5.3333333333rem;
}
.ranking_list .kuang_top {
background-image: url("../images/kuang_top.png");
@@ -118,7 +121,7 @@ body {
position: relative;
}
.ranking_list .kuang_top .Today_box {
background-image: url("../images/Today_bg.png");
background-image: url("../images/Yesterday_bg.png");
background-size: 100% 100%;
position: absolute;
top: -0.48rem;
@@ -126,7 +129,7 @@ body {
width: 3.8666666667rem;
height: 1.28rem;
font-family: PingFang SC;
font-weight: 600;
font-weight: 800;
font-size: 0.4266666667rem;
color: #FFFBD1;
line-height: 0.4266666667rem;
@@ -145,7 +148,7 @@ body {
width: 3.8666666667rem;
height: 1.28rem;
font-family: PingFang SC;
font-weight: 600;
font-weight: 800;
font-size: 0.4266666667rem;
color: #FFFBD1;
line-height: 0.4266666667rem;
@@ -155,6 +158,10 @@ body {
align-items: center;
justify-content: center;
}
.ranking_list .kuang_top .active_day {
background-image: url("../images/Today_bg.png");
background-size: 100% 100%;
}
.ranking_list .kuang_center {
background-image: url("../images/kuang_center.png");
background-size: 100% 100%;
@@ -166,6 +173,7 @@ body {
display: flex;
align-items: center;
justify-content: space-between;
text-align: left;
}
.ranking_list .kuang_center .user_info .left {
display: flex;
@@ -203,20 +211,6 @@ body {
line-height: 0.4533333333rem;
margin-top: 0.2266666667rem;
}
.ranking_list .kuang_center .user_info .right {
background-image: url("../images/record_bg.png");
background-size: 100% 100%;
font-family: PingFang SC;
font-weight: 600;
font-size: 0.32rem;
color: #FFFFFF;
line-height: 0.2666666667rem;
height: 1.3333333333rem;
width: 3.2rem;
display: flex;
align-items: center;
justify-content: center;
}
.ranking_list .kuang_center .progress_box {
margin-top: 0.3333333333rem;
/* 进度条样式 */
@@ -330,6 +324,14 @@ body {
.ranking_list .kuang_center .rank_list {
margin-top: 0.0666666667rem;
}
.ranking_list .kuang_center .rank_list .no_data {
margin-top: 0.8933333333rem;
display: none;
}
.ranking_list .kuang_center .rank_list .no_data img {
width: 2.7733333333rem;
height: 2.4rem;
}
.ranking_list .kuang_center .rank_list .rank_box {
background-image: url("../images/rank_bg.png");
background-size: 100% 100%;
@@ -408,7 +410,7 @@ body {
bottom: 0;
width: 100%;
box-sizing: border-box;
padding: 0.2933333333rem 0.4rem 0.6666666667rem;
padding: 0.2933333333rem 0.2666666667rem 0.6666666667rem;
}
.my_box .my_info {
display: flex;
@@ -444,6 +446,21 @@ body {
line-height: 0.5066666667rem;
text-align: left;
}
.my_box .my_info .Receive_Record {
background-image: url("../images/record_bg.png");
background-size: 100% 100%;
font-family: PingFang SC;
font-weight: 600;
font-size: 0.32rem;
color: #FFFFFF;
line-height: 0.2666666667rem;
height: 1.3333333333rem;
width: 3.2rem;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
}
.my_box .Contribution_Value {
font-family: PingFang SC;
font-weight: 400;
@@ -453,7 +470,7 @@ body {
margin-top: 0.28rem;
}
.my_box .Room_Reward_box {
margin-top: 0.4rem;
margin-top: 0.2933333333rem;
display: flex;
align-items: center;
justify-content: space-between;
@@ -461,6 +478,7 @@ body {
.my_box .Room_Reward_box .left {
display: flex;
align-items: center;
flex: 1;
}
.my_box .Room_Reward_box .left .Room_Reward {
font-family: PingFang SC;
@@ -610,7 +628,7 @@ body {
}
.popup_record .popup_content .close_btn {
position: absolute;
top: -12%;
top: -10%;
right: 2%;
}
.popup_record .popup_content .close_btn img {
@@ -709,6 +727,69 @@ body {
margin: 0.36rem auto 0;
}
.popup_rules {
display: none;
/* 初始状态下隐藏弹窗 */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
/* 确保弹窗在最顶层 */
}
.popup_rules .popup_content {
background-image: url("../images/popup_bg.png");
background-size: 100% 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 9.6rem;
padding: 0.8rem 0 0.5333333333rem;
height: 8.88rem;
}
.popup_rules .popup_content .title {
font-family: PingFang SC;
font-weight: 600;
font-size: 0.4266666667rem;
color: #FFFBD1;
line-height: 0.48rem;
text-align: center;
margin-bottom: 0.3066666667rem;
}
.popup_rules .popup_content .xian {
margin: 0 1.4666666667rem;
}
.popup_rules .popup_content .xian img {
height: 0.24rem;
}
.popup_rules .popup_content .rules_txt {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.3733333333rem;
color: #E0D1FF;
line-height: 0.5333333333rem;
margin: 0.4266666667rem 0.48rem;
height: 6.6666666667rem;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.popup_rules .popup_content .rules_txt::-webkit-scrollbar {
display: none;
}
.popup_rules .popup_content .close_btn {
position: absolute;
top: -10%;
right: 2%;
}
.popup_rules .popup_content .close_btn img {
width: 0.8rem;
height: 0.8rem;
}
.china .popup_record .popup_content .wrap_list .wrap_box .num {
width: 2.9333333333rem;
}
@@ -728,3 +809,28 @@ body {
background-image: url("../images/level_small-ar.png");
background-size: 100% 100%;
}
.arabic .ranking_list .kuang_center .room_tip .right {
margin-right: 0;
margin-left: 0.6266666667rem;
}
.arabic .ranking_list .kuang_center .room_tip .left {
margin-right: 0.44rem;
margin-left: 0;
}
.arabic .ranking_list .kuang_center .user_info .left .name {
margin-left: 0;
margin-right: 0.32rem;
text-align: right;
}
.arabic .ranking_list .kuang_center .rank_list .rank_box .right .nick,
.arabic .ranking_list .kuang_center .rank_list .rank_box .right .erban {
text-align: right;
}
.arabic .ranking_list .kuang_center .rank_list .rank_box .right {
margin-left: 0;
margin-right: 0.16rem;
}
.arabic .my_box .my_info .my_nick .nick,
.arabic .my_box .my_info .my_nick .erban {
text-align: right;
}

171
view/eparty/modules/room_rank/css/roomDayReward.scss
View File

@@ -24,7 +24,6 @@ body {
color: #FFFFFF;
font-size: px2rem(38);
font-weight: bold;
z-index: 99;
img {
width: px2rem(44);
@@ -72,6 +71,7 @@ body {
position: absolute;
top: px2rem(510);
margin: px2rem(35);
line-height: px2rem(38);
}
}
@@ -99,6 +99,7 @@ body {
}
.shouqi_box {
display: none;
.level_big {
background-image: url("../images/level_big.png");
background-size: 100% 100%;
@@ -106,8 +107,10 @@ body {
height: px2rem(1134);
}
}
.zhankai_box {
display: none;
.level_small {
background-image: url("../images/level_small.png");
background-size: 100% 100%;
@@ -126,7 +129,7 @@ body {
.ranking_list {
margin-top: px2rem(75);
padding-bottom: px2rem(300);
padding-bottom: px2rem(400);
.kuang_top {
background-image: url("../images/kuang_top.png");
@@ -135,7 +138,7 @@ body {
position: relative;
.Today_box {
background-image: url("../images/Today_bg.png");
background-image: url("../images/Yesterday_bg.png");
background-size: 100% 100%;
position: absolute;
top: px2rem(-36);
@@ -143,7 +146,7 @@ body {
width: px2rem(290);
height: px2rem(96);
font-family: PingFang SC;
font-weight: 600;
font-weight: 800;
font-size: px2rem(32);
color: #FFFBD1;
line-height: px2rem(32);
@@ -163,7 +166,7 @@ body {
width: px2rem(290);
height: px2rem(96);
font-family: PingFang SC;
font-weight: 600;
font-weight: 800;
font-size: px2rem(32);
color: #FFFBD1;
line-height: px2rem(32);
@@ -173,6 +176,11 @@ body {
align-items: center;
justify-content: center;
}
.active_day {
background-image: url("../images/Today_bg.png");
background-size: 100% 100%;
}
}
.kuang_center {
@@ -186,6 +194,7 @@ body {
display: flex;
align-items: center;
justify-content: space-between;
text-align: left;
.left {
display: flex;
@@ -229,20 +238,6 @@ body {
}
}
.right {
background-image: url("../images/record_bg.png");
background-size: 100% 100%;
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(24);
color: #FFFFFF;
line-height: px2rem(20);
height: px2rem(100);
width: px2rem(240);
display: flex;
align-items: center;
justify-content: center;
}
}
.progress_box {
@@ -376,7 +371,14 @@ body {
.rank_list {
margin-top: px2rem(5);
.no_data{
margin-top: px2rem(67);
display: none;
img{
width: px2rem(208);
height: px2rem(180);
}
}
.rank_box {
background-image: url("../images/rank_bg.png");
background-size: 100% 100%;
@@ -468,7 +470,7 @@ body {
bottom: 0;
width: 100%;
box-sizing: border-box;
padding: px2rem(22) px2rem(30) px2rem(50);
padding: px2rem(22) px2rem(20) px2rem(50);
.my_info {
display: flex;
@@ -511,6 +513,21 @@ body {
}
}
.Receive_Record {
background-image: url("../images/record_bg.png");
background-size: 100% 100%;
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(24);
color: #FFFFFF;
line-height: px2rem(20);
height: px2rem(100);
width: px2rem(240);
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
}
}
.Contribution_Value {
@@ -523,7 +540,7 @@ body {
}
.Room_Reward_box {
margin-top: px2rem(30);
margin-top: px2rem(22);
display: flex;
align-items: center;
justify-content: space-between;
@@ -531,7 +548,7 @@ body {
.left {
display: flex;
align-items: center;
flex: 1;
.Room_Reward {
font-family: PingFang SC;
font-weight: 400;
@@ -705,7 +722,7 @@ body {
.close_btn {
position: absolute;
top: -12%;
top: -10%;
right: 2%;
img {
@@ -817,6 +834,79 @@ body {
}
}
.popup_rules {
display: none;
/* 初始状态下隐藏弹窗 */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
/* 确保弹窗在最顶层 */
.popup_content {
background-image: url('../images/popup_bg.png');
background-size: 100% 100%;
// margin: 0 px2rem(14);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: px2rem(720);
padding: px2rem(60) 0 px2rem(40);
height: px2rem(666);
.title {
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(32);
color: #FFFBD1;
line-height: px2rem(36);
text-align: center;
margin-bottom: px2rem(23);
}
.xian {
margin: 0 px2rem(110);
img {
height: px2rem(18);
}
}
.rules_txt {
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(28);
color: #E0D1FF;
line-height: px2rem(40);
margin: px2rem(32) px2rem(36);
height: px2rem(500);
overflow-y: auto; // 超出高度时可滚动
scrollbar-width: none; // 隐藏滚动条（Firefox）
-ms-overflow-style: none; // 隐藏滚动条（IE 10+）
&::-webkit-scrollbar {
// 隐藏滚动条（Chrome, Safari, Opera）
display: none;
}
}
.close_btn {
position: absolute;
top: -10%;
right: 2%;
img {
width: px2rem(60);
height: px2rem(60);
}
}
}
}
.china {
.popup_record .popup_content .wrap_list .wrap_box .num {
width: px2rem(220);
@@ -832,12 +922,45 @@ body {
.ranking_list .kuang_center .progress_box .progress-container .progress-bar {
background: linear-gradient(90deg, #905AFF, #D1BDFF);
}
.table_image_box .kuang_center .shouqi_box .level_big {
background-image: url("../images/level_big-ar.png");
background-size: 100% 100%;
}
.table_image_box .kuang_center .zhankai_box .level_small {
background-image: url("../images/level_small-ar.png");
background-size: 100% 100%;
}
.ranking_list .kuang_center .room_tip .right {
margin-right: 0;
margin-left: px2rem(47);
}
.ranking_list .kuang_center .room_tip .left {
margin-right: px2rem(33);
margin-left: 0;
}
.ranking_list .kuang_center .user_info .left .name {
margin-left: 0;
margin-right: px2rem(24);
text-align: right;
}
.ranking_list .kuang_center .rank_list .rank_box .right .nick,
.ranking_list .kuang_center .rank_list .rank_box .right .erban {
text-align: right;
}
.ranking_list .kuang_center .rank_list .rank_box .right {
margin-left: 0;
margin-right: px2rem(12);
}
.my_box .my_info .my_nick .nick,
.my_box .my_info .my_nick .erban {
text-align: right;
}
}

2
view/eparty/modules/room_rank/js/index.js
View File

@@ -247,7 +247,7 @@ $('.largestBox').on('click', 'ul li .tx', function () {
})
// 跳转房间日流水
$('.rewards_in').click(function () {
let link = `${urlPrefix}/eparty/modules/room_rank/roomDayReward.html`
let link = `${urlPrefix}/eparty/modules/room_rank/roomDayReward.html?roomUid=${urlData.roomUid}`
if(browser.app){
if(browser.android){
// window.androidJsObj.openChargePage()

257
view/eparty/modules/room_rank/js/roomDayReward.js
View File

@@ -45,11 +45,17 @@ $(function () {
// 頂部返回事件
// 頂部返回事件
$('.back img').click(() => {
window.history.back();
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() {
@@ -65,11 +71,11 @@ function translateFun() {
$('.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));
// $('.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));
// $('.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));
@@ -77,7 +83,248 @@ function translateFun() {
$('.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);

9
view/eparty/modules/room_rank/local/ar.js
View File

@@ -57,6 +57,15 @@ langAr = {
You_Receiveed:'لقد استلمت بنجاح',
Go_wallet:'فضلا بمراجعة محفظتك',
OK_btn:'حسنًا',
Room_ID:':أيدي الغرفة',
rules_txt:`
<p>1. فترة الفعالية: 00:00-23:59 (بتوقيت غرينتش+3)</p>
<p>2. تفاصيل الفعالية: سيتم احتساب الغرف التي تحقق معدل إشغال الغرف المطلوب. سيحصل مالك الغرفة وأفضل 10 مساهمين على عملات إضافية مماثلة.<br />مكافآت مالك الغرفة: ستحصل الغرف التي تحقق معدل إشغال الغرف المطلوب على مكافآت عملات مماثلة.<br />أفضل 10 مساهمين: بالنسبة للغرف التي تحقق معدل إشغال الغرف المطلوب، سيحصل أفضل 10 مساهمين على مكافآت عملات متناسبة.</p>
<p>3. توزيع المكافآت: يجب على المستخدمين استلام مكافآتهم يدويًا في اليوم التالي. سيتم حذف العملات غير المستلمة تلقائيًا.</p>
<p>4. تحتفظ المنصة بحق التفسير وليس لها أي تأثير على جوجل أو آبل.</p>
`,
Behind_Top10:'خلف Top10:',
suo_img:'<img src="./images/suo.png" alt="">',
}
}

9
view/eparty/modules/room_rank/local/br.js
View File

@@ -54,6 +54,15 @@ langBr = {
You_Receiveed:'You have successfully Receiveed',
Go_wallet:'Go check your wallet!',
OK_btn:'OK',
Room_ID:'Room ID:',
rules_txt:`
<p>1. Event Period: 00:00-23:59(GMT+3).</p>
<p>2. Event Details: Rooms that meet the required room turnover will be counted. The room owner and the top 10 contributors may receive corresponding bonus coins.<br />·Room Owner Rewards: Rooms that meet the required room turnover will receive corresponding coin rewards.<br />·Top 10 Contributors: For rooms that meet the required room turnover, the top 10 contributors will receive proportional coin rewards.</p>
<p>3. Reward Distribution: Users must manually claim their rewards the next day. Unclaimed coins will be automatically delisted.</p>
<p>4. The platform reserves the right of interpretation and has no influence on Google or Apple.</p>
`,
Behind_Top10:'Behind Top10:',
suo_img:'<img src="./images/suo.png" alt="">',
}
}

9
view/eparty/modules/room_rank/local/en.js
View File

@@ -57,6 +57,15 @@ langEn = {
You_Receiveed:'You have successfully Receiveed',
Go_wallet:'Go check your wallet!',
OK_btn:'OK',
Room_ID:'Room ID:',
rules_txt:`
<p>1. Event Period: 00:00-23:59(GMT+3).</p>
<p>2. Event Details: Rooms that meet the required room turnover will be counted. The room owner and the top 10 contributors may receive corresponding bonus coins.<br />·Room Owner Rewards: Rooms that meet the required room turnover will receive corresponding coin rewards.<br />·Top 10 Contributors: For rooms that meet the required room turnover, the top 10 contributors will receive proportional coin rewards.</p>
<p>3. Reward Distribution: Users must manually claim their rewards the next day. Unclaimed coins will be automatically delisted.</p>
<p>4. The platform reserves the right of interpretation and has no influence on Google or Apple.</p>
`,
Behind_Top10:'Behind Top10:',
suo_img:'<img src="./images/suo.png" alt="">',
}
}

9
view/eparty/modules/room_rank/local/tr.js
View File

@@ -57,6 +57,15 @@ langTr = {
You_Receiveed:'You have successfully Receiveed',
Go_wallet:'Go check your wallet!',
OK_btn:'OK',
Room_ID:'Room ID:',
rules_txt:`
<p>1. Event Period: 00:00-23:59(GMT+3).</p>
<p>2. Event Details: Rooms that meet the required room turnover will be counted. The room owner and the top 10 contributors may receive corresponding bonus coins.<br />·Room Owner Rewards: Rooms that meet the required room turnover will receive corresponding coin rewards.<br />·Top 10 Contributors: For rooms that meet the required room turnover, the top 10 contributors will receive proportional coin rewards.</p>
<p>3. Reward Distribution: Users must manually claim their rewards the next day. Unclaimed coins will be automatically delisted.</p>
<p>4. The platform reserves the right of interpretation and has no influence on Google or Apple.</p>
`,
Behind_Top10:'Behind Top10:',
suo_img:'<img src="./images/suo.png" alt="">',
}
}

10
view/eparty/modules/room_rank/local/zh.js
View File

@@ -50,7 +50,7 @@ langZh = {
Contribution_Reward:'贡献奖励',
Receive:'领取',
Receiveed:'已领取',
suo_img:'../images/suo.png',
suo_img:'<img src="./images/suo.png" alt="">',
Coin_Details:'金币领取详情',
Receive_Time:'领取时间',
Coins_Receiveed:'领取金币',
@@ -58,5 +58,13 @@ langZh = {
You_Receiveed:'你已经成功领取',
Go_wallet:'快点去钱包看看吧！',
OK_btn:'好的',
Room_ID:'房间ID:',
rules_txt:`
<p>1.活动时间:GMT+3自然天0:00-23:59</p>
<p>2.活动内容：统计房间流水达标的房间，房主和贡献者前10用户有可能获得对应的奖励金币。<br />房主奖励：房间流水达标对应等级发放给房主对应的金币奖励。<br />贡献者前10:房间流水达标的房间，房内贡献榜前10的用户可以按照比例获得金币奖励。</p>
<p>3 奖励发放：用户在次日手动领取，未领取的金币视为自动国旗。</p>
<p>4 解释权归平台所有和谷歌/苹果无关。</p>
`,
Behind_Top10:'距离上榜还差:',
}
}

105
view/eparty/modules/room_rank/roomDayReward.html
View File

@@ -40,7 +40,7 @@
<div class="ranking_list">
<div class="kuang_top">
<div class="Today_box"></div>
<div class="Today_box active_day"></div>
<div class="Yesterday_box"></div>
</div>
@@ -51,60 +51,48 @@
<img src="./images/logo.png" alt="" />
</div>
<div class="name">
<div class="nick">666</div>
<div class="erban">666</div>
<div class="nick"></div>
<div class="erban"></div>
</div>
</div>
<div class="right Receive_Record"></div>
<!-- <div class="right Receive_Record"></div> -->
</div>
<div class="progress_box">
<div class="level_box">
<div class="">11</div>
<div class="">22</div>
<div class="curLevel"></div>
<div class="nextLevel"></div>
</div>
<div class="progress-container">
<div class="progress-bar" style="width: 10%"></div>
<div class="progress-bar" style="width: 0%"></div>
</div>
<div class="next_level">
<div class="left">
<span class="Next_Unlocks"></span>
<span class="">500</span>
<span class="nextLevelReward"></span>
<img src="./images/e_conis.png" alt="" />
</div>
<div class="right">200/500</div>
<div class="right"></div>
</div>
</div>
<div class="room_tip">
<div class="left">
<div class="Top_Share"></div>
<div class="num">
<span class="">500</span>
<span class="topTenReward"></span>
<img src="./images/e_conis.png" alt="" />
</div>
</div>
<div class="right">
<div class="Room_Reward"></div>
<div class="num">
<span class="">500</span>
<span class="ownerReward"></span>
<img src="./images/e_conis.png" alt="" />
</div>
</div>
</div>
<div class="rank_list">
<div class="rank_box">
<div class="top_ranking">top1</div>
<div class="left">
<img src="./images/logo.png" alt="" />
</div>
<div class="right">
<div class="nick">11</div>
<div class="erban">22</div>
<div class="Contribution_Value"></div>
<div class="Target_Coins_box">
<span class="Target_Coins"></span>
<img src="./images/e_conis.png" alt="" />
</div>
</div>
<div class="no_data">
<img src="./images/no_data.png" alt="">
</div>
</div>
</div>
@@ -113,14 +101,15 @@
<div class="my_box">
<div class="my_info">
<div class="my_rank">Top3</div>
<div class="my_rank">Top0</div>
<div class="avatar">
<img src="./images/logo.png" alt="" />
</div>
<div class="my_nick">
<div class="nick">11</div>
<div class="erban">22</div>
<div class="nick"></div>
<div class="erban"></div>
</div>
<div class="Receive_Record"></div>
</div>
<div class="Contribution_Value"></div>
<div class="Room_Reward_box">
@@ -128,14 +117,14 @@
<span class="Room_Reward"></span>
<img src="./images/e_conis.png" alt="" />
</div>
<div class="right Receive_Tomorrow"></div>
<div class="right"></div>
</div>
<div class="Contribution_Reward_box">
<div class="left">
<span class="Contribution_Reward"></span>
<img src="./images/e_conis.png" alt="" />
</div>
<div class="right Receiveed"></div>
<div class="right"></div>
</div>
</div>
@@ -149,44 +138,7 @@
<div class="Receive_Time"></div>
<div class="Coins_Receiveed"></div>
</div>
<div class="wrap_list">
<div class="wrap_box">
<div class="time">2025-08-08 21:00:00</div>
<div class="num">8800</div>
</div>
<div class="wrap_box">
<div class="time">2025-08-08 21:00:00</div>
<div class="num">8800</div>
</div>
<div class="wrap_box">
<div class="time">2025-08-08 21:00:00</div>
<div class="num">8800</div>
</div>
<div class="wrap_box">
<div class="time">2025-08-08 21:00:00</div>
<div class="num">8800</div>
</div>
<div class="wrap_box">
<div class="time">2025-08-08 21:00:00</div>
<div class="num">8800</div>
</div>
<div class="wrap_box">
<div class="time">2025-08-08 21:00:00</div>
<div class="num">8800</div>
</div>
<div class="wrap_box">
<div class="time">2025-08-08 21:00:00</div>
<div class="num">8800</div>
</div>
<div class="wrap_box">
<div class="time">2025-08-08 21:00:00</div>
<div class="num">8800</div>
</div>
<div class="wrap_box">
<div class="time">2025-08-08 21:00:00</div>
<div class="num">8800</div>
</div>
</div>
<div class="wrap_list"></div>
<div class="close_btn">
<img src="./images/close_btn.png" alt="" />
</div>
@@ -198,7 +150,7 @@
<div class="title Receive_Successful"></div>
<div class="You_Receiveed"></div>
<div class="num">
<div class="">111</div>
<div class=""></div>
<img src="./images/e_conis_big.png" alt="" />
</div>
<div class="xian">
@@ -208,6 +160,21 @@
<div class="OK_btn"></div>
</div>
</div>
<div class="popup_rules">
<div class="popup_content">
<div class="title rules_box"></div>
<div class="xian">
<img src="./images/xian.png" alt="" />
</div>
<div class="rules_txt"></div>
<div class="close_btn">
<img src="./images/close_btn.png" alt="" />
</div>
</div>
</div>
</body>
</html>