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

view/eparty/modules/room_rank/css/roomDayReward.css

@@ -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;
 }
@@ -727,4 +808,29 @@ body {
 .arabic .table_image_box .kuang_center .zhankai_box .level_small {
   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;
 }

view/eparty/modules/room_rank/css/roomDayReward.scss

@@ -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{
+
+    .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{
+
+    .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;
+    }
 }

view/eparty/modules/room_rank/js/index.js

@@ -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()

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

@@ -44,12 +44,18 @@ $(function () {
         };
         // 頂部返回事件
         // 頂部返回事件
-         $('.back img').click(() => {
+        $('.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));
+    // $('.Receive').html(langReplace(localLang.demoModule.Receive));
-    $('.Receiveed').html(langReplace(localLang.demoModule.Receiveed));
+    // $('.Receiveed').html(langReplace(localLang.demoModule.Receiveed));
-    $('.suo_img').html(langReplace(localLang.demoModule.suo_img));
+    // $('.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,28 +83,269 @@ 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(){
+$('.popup_record .popup_content .close_btn img').click(function () {
-     bodyScroolFun(false);
+    bodyScroolFun(false);
     $('.popup_record').hide()
 })
 // 打开领取记录
-$('.Receive_Record').click(function(){
+$('.Receive_Record').click(function () {
-     bodyScroolFun(true);
+    bodyScroolFun(true);
     $('.popup_record').show()
 })
 // 关闭领取成功提示
-$('.OK_btn').click(function(){
+$('.OK_btn').click(function () {
-     bodyScroolFun(false);
+    bodyScroolFun(false);
     $('.popup_receiveed').hide()
 })
 // 点击展开收起切换
-$('.table_image_box .kuang_center .shouqi').click(function(){
+$('.table_image_box .kuang_center .shouqi').click(function () {
-$('.shouqi_box').hide();
+    $('.shouqi_box').hide();
-$('.zhankai_box').show();
+    $('.zhankai_box').show();
 })
-$('.table_image_box .kuang_center .zhankai').click(function(){
+$('.table_image_box .kuang_center .zhankai').click(function () {
-$('.zhankai_box').hide();
+    $('.zhankai_box').hide();
-$('.shouqi_box').show();
+    $('.shouqi_box').show();
 })

view/eparty/modules/room_rank/local/ar.js

@@ -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="">',
 
     }
 }

view/eparty/modules/room_rank/local/br.js

@@ -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="">',
 
     }
 }

view/eparty/modules/room_rank/local/en.js

@@ -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="">',
 
     }
 }

view/eparty/modules/room_rank/local/tr.js

@@ -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="">',
 
     }
 }

view/eparty/modules/room_rank/local/zh.js

@@ -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:'距离上榜还差:',
     }
 }

view/eparty/modules/room_rank/roomDayReward.html

@@ -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="nick"></div>
-              <div class="erban">666</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="curLevel"></div>
-            <div class="">22</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="no_data">
-            <div class="top_ranking">top1</div>
+            <img src="./images/no_data.png" alt="">
-            <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>
         </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="nick"></div>
-          <div class="erban">22</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_list"></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 class="wrap_box">
-            <div class="time">2025-08-08 21:00:00</div>
-            <div class="num">8800</div>
-          </div>
-        </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>