每日任务 - 公会长任务 - 增加成员上麦详情

2025-10-10 10:54:10 +08:00
parent 62a65165f8
commit fce123935c
16 changed files with 666 additions and 96 deletions
--- a/view/molistar/modules/taskCenter/css/index.css
+++ b/view/molistar/modules/taskCenter/css/index.css
@@ -548,6 +548,22 @@ body {
  text-transform: none;
  margin-top: 0.32rem;
 }
+.Daily_list .task_List .diamondVo .detail_btn {
+  font-family: PingFang SC, PingFang SC;
+  font-weight: 400;
+  font-size: 0.32rem;
+  color: #7B7B7D;
+  font-style: normal;
+  text-decoration-line: underline;
+  text-transform: none;
+  margin: 0 0.1066666667rem;
+  display: flex;
+  align-items: center;
+}
+.Daily_list .task_List .diamondVo .detail_btn img {
+  width: 0.4533333333rem;
+  height: 0.4533333333rem;
+}
 .Daily_list .task_List .diamondVo .bottom_live {
  display: flex;
  gap: 0.1866666667rem;
@@ -1236,6 +1252,129 @@ body {
  margin-bottom: 0.24rem;
 }

+.popup_tip {
+  display: none;
+  /* 初始状态下隐藏弹窗 */
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 9999;
+  /* 确保弹窗在最顶层 */
+}
+.popup_tip .popup_content {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 6.6666666667rem;
+  padding: 0.3733333333rem 0.4rem;
+  background: #FFFFFF;
+  border-radius: 0.4266666667rem;
+}
+.popup_tip .popup_content .title {
+  font-family: PingFang SC, PingFang SC;
+  font-weight: 500;
+  font-size: 0.4rem;
+  color: #313131;
+  line-height: 0.56rem;
+  text-align: center;
+  font-style: normal;
+  text-transform: none;
+}
+.popup_tip .popup_content .content {
+  font-family: PingFang SC, PingFang SC;
+  font-weight: 400;
+  font-size: 0.3466666667rem;
+  color: #313131;
+  line-height: 0.48rem;
+  text-align: center;
+  font-style: normal;
+  text-transform: none;
+  margin-top: 0.32rem;
+}
+.popup_tip .popup_content .content .title_box {
+  background: #F2F3F7;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  gap: 0.8rem;
+  padding: 0.1333333333rem 0.3733333333rem;
+}
+.popup_tip .popup_content .content .title_box .title_txt {
+  font-family: PingFang SC, PingFang SC;
+  font-weight: 500;
+  font-size: 0.3466666667rem;
+  color: #313131;
+  font-style: normal;
+  text-transform: none;
+}
+.popup_tip .popup_content .content .wrap_list {
+  height: 6.6666666667rem;
+  overflow-y: auto;
+  /* 隐藏滚动条 */
+}
+.popup_tip .popup_content .content .wrap_list::-webkit-scrollbar {
+  display: none;
+}
+.popup_tip .popup_content .content .wrap_list .wrap_box {
+  font-family: PingFang SC, PingFang SC;
+  font-weight: 400;
+  font-size: 0.3466666667rem;
+  color: #7B7B7D;
+  font-style: normal;
+  text-transform: none;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  gap: 0.8rem;
+  padding: 0.1866666667rem 0.3733333333rem;
+}
+.popup_tip .popup_content .content .wrap_list .wrap_box .info {
+  width: 1.6rem;
+}
+.popup_tip .popup_content .content .wrap_list .wrap_box img {
+  width: 0.5866666667rem;
+  height: 0.5866666667rem;
+}
+.popup_tip .popup_content .content .wrap_list .wrap_box:nth-child(even) {
+  background: #F2F3F7;
+}
+.popup_tip .popup_content .content .no_data {
+  display: none;
+  margin-top: 0.7733333333rem;
+}
+.popup_tip .popup_content .content .no_data img {
+  width: 2.9333333333rem;
+  height: 2.9333333333rem;
+}
+.popup_tip .popup_content .content .no_data .txt {
+  font-family: PingFang SC, PingFang SC;
+  font-weight: 400;
+  font-size: 0.3733333333rem;
+  color: #AFB1B3;
+  text-align: center;
+  font-style: normal;
+  text-transform: none;
+  margin-top: 0.16rem;
+}
+.popup_tip .popup_content .tip_btn {
+  background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
+  border-radius: 0.6666666667rem;
+  font-family: PingFang SC, PingFang SC;
+  font-weight: 600;
+  font-size: 0.3733333333rem;
+  color: #FFFFFF;
+  line-height: 0.5333333333rem;
+  text-align: center;
+  font-style: normal;
+  text-transform: none;
+  padding: 0.2666666667rem;
+  margin-top: 0.4rem;
+}
+
 .arabic .Daily_list .task_List .task_box .right {
  margin-left: 0;
  margin-right: auto;
@@ -1258,6 +1397,9 @@ body {
  left: 0.6666666667rem;
  right: auto;
 }
+.arabic .Daily_list .task_List .diamondVo .detail_btn img {
+  transform: rotate(180deg);
+}

 .english .Daily_list .box_en2 .bottom_fixed_box .top_box .tip_box {
  top: -2.2666666667rem;
@@ -1281,4 +1423,15 @@ body {
 }
 .brazil .box_en2 .contant_box .rewards_list .top_info .right .heitou {
  top: 1.12rem;
+}
+
+.china .popup_tip .popup_content .content .title_box {
+  justify-content: space-around;
+}
+.china .popup_tip .popup_content .content .wrap_list .wrap_box {
+  gap: 0.4rem;
+  padding: 0.1866666667rem 0rem;
+}
+.china .popup_tip .popup_content .content .wrap_list .wrap_box .info {
+  width: 1.2533333333rem;
 }
--- a/view/molistar/modules/taskCenter/css/index.scss
+++ b/view/molistar/modules/taskCenter/css/index.scss
@@ -561,11 +561,12 @@ body {
                    padding: px2rem(8) 0;
                    min-width: px2rem(146);
                    height: px2rem(34);
+
                    // border: px2rem(2) solid #FCC074;
-                    img{
-                    width: px2rem(36);
-                    height: px2rem(36);
-                }
+                    img {
+                        width: px2rem(36);
+                        height: px2rem(36);
+                    }
                }

                .Receive_btn_RECEIVED {
@@ -579,7 +580,8 @@ body {
                    color: #AFB1B3;
                    border: px2rem(2) solid #D1D1D1;
                }
-                .roomDayGoldReward  {
+
+                .roomDayGoldReward {
                    padding: px2rem(8) px2rem(21);
                    min-width: px2rem(66);
                }
@@ -593,6 +595,7 @@ body {
                display: flex;
                align-items: center;
                gap: px2rem(34);
+
                .day_tab_box {
                    font-family: PingFang SC, PingFang SC;
                    font-weight: 500;
@@ -602,7 +605,8 @@ body {
                    font-style: normal;
                    text-transform: none;
                }
-                .active_day{
+
+                .active_day {
                    color: #FF8C03;
                }
            }
@@ -614,6 +618,7 @@ body {
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
+
                /* 隐藏滚动条 */
                &::-webkit-scrollbar {
                    display: none; // 隐藏 Webkit 浏览器（如 iOS、Chrome）滚动条
@@ -666,6 +671,24 @@ body {
                margin-top: px2rem(24);
            }

+            .detail_btn {
+                font-family: PingFang SC, PingFang SC;
+                font-weight: 400;
+                font-size: px2rem(24);
+                color: #7B7B7D;
+                font-style: normal;
+                text-decoration-line: underline;
+                text-transform: none;
+                margin: 0 px2rem(8);
+                display: flex;
+                align-items: center;
+
+                img {
+                    width: px2rem(34);
+                    height: px2rem(34);
+                }
+            }
+
            .bottom_live {
                display: flex;
                gap: px2rem(14);
@@ -770,8 +793,9 @@ body {
                    padding: px2rem(8) 0;
                    min-width: px2rem(146);
                    height: px2rem(34);
+
                    // border: px2rem(2) solid #FCC074;
-                    img{
+                    img {
                        width: px2rem(36);
                        height: px2rem(36);
                    }
@@ -788,7 +812,7 @@ body {
                    color: #AFB1B3;
                    border: px2rem(2) solid #D1D1D1;
                }
-                
+
            }
        }

@@ -1453,6 +1477,144 @@ body {
    margin-bottom: px2rem(18);
 }

+.popup_tip {
+    display: none;
+    /* 初始状态下隐藏弹窗 */
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 9999;
+
+    // padding: 0 px2rem(50);
+    // box-sizing: border-box;
+    /* 确保弹窗在最顶层 */
+    .popup_content {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        width: px2rem(500);
+        padding: px2rem(28) px2rem(30);
+        background: #FFFFFF;
+        border-radius: px2rem(32);
+
+        .title {
+            font-family: PingFang SC, PingFang SC;
+            font-weight: 500;
+            font-size: px2rem(30);
+            color: #313131;
+            line-height: px2rem(42);
+            text-align: center;
+            font-style: normal;
+            text-transform: none;
+        }
+
+        .content {
+            font-family: PingFang SC, PingFang SC;
+            font-weight: 400;
+            font-size: px2rem(26);
+            color: #313131;
+            line-height: px2rem(36);
+            text-align: center;
+            font-style: normal;
+            text-transform: none;
+            margin-top: px2rem(24);
+
+            .title_box {
+                background: #F2F3F7;
+                display: flex;
+                align-items: center;
+                justify-content: space-around;
+                gap: px2rem(60);
+                padding: px2rem(10) px2rem(28);
+
+                .title_txt {
+                    font-family: PingFang SC, PingFang SC;
+                    font-weight: 500;
+                    font-size: px2rem(26);
+                    color: #313131;
+                    font-style: normal;
+                    text-transform: none;
+                }
+            }
+
+            .wrap_list {
+                height: px2rem(500);
+                overflow-y: auto;
+
+                /* 隐藏滚动条 */
+                &::-webkit-scrollbar {
+                    display: none; // 隐藏 Webkit 浏览器（如 iOS、Chrome）滚动条
+                }
+
+                .wrap_box {
+                    font-family: PingFang SC, PingFang SC;
+                    font-weight: 400;
+                    font-size: px2rem(26);
+                    color: #7B7B7D;
+                    font-style: normal;
+                    text-transform: none;
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-around;
+                    gap: px2rem(60);
+                    padding: px2rem(14) px2rem(28);
+
+                    .info {
+                        width: px2rem(120);
+                    }
+
+                    img {
+                        width: px2rem(44);
+                        height: px2rem(44);
+                    }
+                }
+                  .wrap_box:nth-child(even){
+                    background: #F2F3F7;
+                  }
+            }
+
+            .no_data {
+                display: none;
+                margin-top: px2rem(58);
+                img {
+                    width: px2rem(220);
+                    height: px2rem(220);
+                }
+
+                .txt {
+                    font-family: PingFang SC, PingFang SC;
+                    font-weight: 400;
+                    font-size: px2rem(28);
+                    color: #AFB1B3;
+                    text-align: center;
+                    font-style: normal;
+                    text-transform: none;
+                    margin-top: px2rem(12);
+                }
+            }
+        }
+
+        .tip_btn {
+            background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
+            border-radius: px2rem(50);
+            font-family: PingFang SC, PingFang SC;
+            font-weight: 600;
+            font-size: px2rem(28);
+            color: #FFFFFF;
+            line-height: px2rem(40);
+            text-align: center;
+            font-style: normal;
+            text-transform: none;
+            padding: px2rem(20);
+            margin-top: px2rem(30);
+        }
+    }
+}
+
 .arabic {
    .Daily_list .task_List .task_box .right {
        margin-left: 0;
@@ -1481,6 +1643,9 @@ body {
        left: px2rem(50);
        right: auto;
    }
+    .Daily_list .task_List .diamondVo .detail_btn img{
+         transform: rotate(180deg);
+    }
 }

 .english {
@@ -1515,4 +1680,16 @@ body {
    .box_en2 .contant_box .rewards_list .top_info .right .heitou {
        top: px2rem(84);
    }
+}
+.china{
+    .popup_tip .popup_content .content .title_box{
+        justify-content: space-around;
+    }
+    .popup_tip .popup_content .content .wrap_list .wrap_box{
+         gap: px2rem(30);
+         padding: px2rem(14) px2rem(0);
+         .info {
+                        width: px2rem(94);
+         }
+    }
 }
--- a/view/molistar/modules/taskCenter/images/arrow_left_big.png
+++ b/view/molistar/modules/taskCenter/images/arrow_left_big.png
--- a/view/molistar/modules/taskCenter/images/no_data.png
+++ b/view/molistar/modules/taskCenter/images/no_data.png
--- a/view/molistar/modules/taskCenter/images/reachStateFalse.png
+++ b/view/molistar/modules/taskCenter/images/reachStateFalse.png
--- a/view/molistar/modules/taskCenter/images/reachStateTrue.png
+++ b/view/molistar/modules/taskCenter/images/reachStateTrue.png
--- a/view/molistar/modules/taskCenter/index.html
+++ b/view/molistar/modules/taskCenter/index.html
@@ -159,6 +159,25 @@
    <div class="Become_tasks"></div>
  </div>
 </div>
+<div class="popup_tip">
+      <div class="popup_content">
+        <div class="title Details">detail</div>
+        <div class="content">
+          <div class="title_box">
+            <div class="title_txt Account_ID">Account ID</div>
+            <div class="title_txt Mic_time">Mic time</div>
+            <div class="title_txt State">State</div>
+          </div>
+          <div class="wrap_list">
+          </div>
+          <div class="no_data">
+            <img src="./images/no_data.png" alt="">
+            <p class="txt">No more data</p>
+          </div>
+        </div>
+        <div class="tip_btn OK_btn">OK</div>
+      </div>
+    </div>
  </body>
 </html>

--- a/view/molistar/modules/taskCenter/js/index.js
+++ b/view/molistar/modules/taskCenter/js/index.js
@@ -81,6 +81,11 @@ function translateFun() {
    $('.Days').text(langReplace(localLang.demoModule.Days));
    $('.hours_time').text(langReplace(localLang.demoModule.hours_time));
    $('.valid_day').text(langReplace(localLang.demoModule.valid_day));
+    $('.Details').text(langReplace(localLang.demoModule.Details));
+    $('.Account_ID').text(langReplace(localLang.demoModule.Account_ID));
+    $('.Mic_time').text(langReplace(localLang.demoModule.Mic_time));
+    $('.State').text(langReplace(localLang.demoModule.State));
+    $('.OK_btn').text(langReplace(localLang.demoModule.OK_btn));
 }
 function funTaskTab(type) {
    let obj = {
@@ -537,7 +542,7 @@ function getTaskList(taskTabType) {
                                </div> 

                                <div class="Hosts_one_time_box"> 
-                                    <div class="Daily_income">${langReplace(localLang.demoModule.Hosts_time(guildLivestreamTaskVos[0].anchorMicReachMinutes))}</div>
+                                    <div class="Daily_income" style=" display: flex;align-items: center;">${langReplace(localLang.demoModule.Hosts_time(guildLivestreamTaskVos[0].anchorMicReachMinutes))} <div class="detail_btn" level="${guildLivestreamTaskVos[0].level}" statDate="${guildLivestreamTaskVos[0].reachStatDate}" taskKey="${guildLivestreamTaskVos[0].taskKey}" guildId="${item.guildId}">${langReplace(localLang.demoModule.Details)} <img src="./images/arrow_left_big.png" /> </div> </div>

                                    <div class="bottom_live">
                                        <div class="left">
@@ -625,7 +630,7 @@ function getTaskList(taskTabType) {
                                </div> 

                                <div class="Hosts_two_time_box"> 
-                                    <div class="Daily_income">${langReplace(localLang.demoModule.Hosts_time(guildShiningTaskVos[0].anchorMicReachMinutes))}</div>
+                                    <div class="Daily_income" style=" display: flex;align-items: center;">${langReplace(localLang.demoModule.Hosts_time(guildShiningTaskVos[0].anchorMicReachMinutes))} <div class="detail_btn" level="${guildShiningTaskVos[0].level}" statDate="${guildShiningTaskVos[0].reachStatDate}" taskKey="${guildShiningTaskVos[0].taskKey}" guildId="${item.guildId}">${langReplace(localLang.demoModule.Details)} <img src="./images/arrow_left_big.png" /> </div> </div>

                                    <div class="bottom_live">
                                        <div class="left">
@@ -1172,6 +1177,9 @@ $('.Daily_list').on('click', '.guildLivestreamTaskVos_box', function () {
    }
    $('.guildBtnLivestream').attr('reachId', guildLivestreamTaskVos[arrIndex].reachId);
    $('.guildBtnLivestream').attr('receiveStatus', guildLivestreamTaskVos[arrIndex].receiveStatus);
+    // 更新上麦详情
+    $('.Hosts_one_time_box .detail_btn').attr('level', guildShiningTaskVos[arrIndex].level);
+    $('.Hosts_one_time_box .detail_btn').attr('statDate', guildShiningTaskVos[arrIndex].reachStatDate || '');
 })
 // 麦上活跃2 - 档位点击切换
 $('.Daily_list').on('click', '.guildShiningTaskVos_box', function () {
@@ -1258,6 +1266,12 @@ $('.Daily_list').on('click', '.guildShiningTaskVos_box', function () {
    }
    $('.guildBtnShining').attr('reachId', guildShiningTaskVos[arrIndex].reachId);
    $('.guildBtnShining').attr('receiveStatus', guildShiningTaskVos[arrIndex].receiveStatus);
+
+    // 更新上麦详情
+    $('.Hosts_two_time_box .detail_btn').attr('level', guildShiningTaskVos[arrIndex].level);
+    $('.Hosts_two_time_box .detail_btn').attr('statDate', guildShiningTaskVos[arrIndex].reachStatDate || '');
+
+
 })
 // 麦上活跃1 - 领取
 $('.Daily_list').on('click', '.guildBtnLivestream', function () {
@@ -1558,6 +1572,175 @@ $('.box_en2 .bottom_fixed_box .top_box img').click(function () {
 $('.tip_box').click(function () {
    $(this).hide();
 });
+// 打开上麦详情
+$('.Daily_list').on('click', '.detail_btn', function () {
+    // 添加active类以标识当前按钮
+    $('.detail_btn').removeClass('active');
+    $(this).addClass('active');
+
+    // 重置分页参数
+    currentPage = 1;
+    isLoading = false;
+
+    let level = $(this).attr('level');
+    let statDate = $(this).attr('statDate');
+    let taskKey = $(this).attr('taskkey');
+    let guildId = $(this).attr('guildId');
+    $('.wrap_list').empty();
+    if (!statDate) {
+        bodyScroolFun(true);
+        $('.popup_tip').show();
+        $('.no_data').show();
+        $('.wrap_list').hide();
+        return
+    }
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/guildtask/micList',
+        data: {
+            pageNo: 1,
+            pageSize: 10,
+            level,
+            statDate,
+            taskKey,
+            guildId,
+            partitionId: 16
+        },
+        success(res) {
+            if (res.code === 200) {
+                if (res.data.length == 0) {
+                    bodyScroolFun(true);
+                    $('.popup_tip').show();
+                    $('.no_data').show();
+                    $('.wrap_list').hide();
+                } else {
+                     $('.no_data').hide();
+                    $('.wrap_list').show();
+                    let str = '';
+                    res.data.forEach((item, i) => {
+                        str += `
+                       <div class="wrap_box">
+                            <div class="info">
+                                <div class="nick">${item.nick}</div>
+                                <div class="erbanNo">ID:${item.erbanNo}</div>
+                            </div>
+                            <div class="micMinutes">${item.micMinutes}min</div>
+                            <div class="reachState"> <img src="${item.reachState ? './images/reachStateTrue.png' : './images/reachStateFalse.png'}" alt=""> </div>
+                        </div>
+                     `
+                    })
+                    if (res.data.length < 10) {
+                        hasMoreData = false;
+                    } else {
+                        currentPage++;
+                    }
+                    $('.wrap_list').append(str)
+                    bodyScroolFun(true);
+                    $('.popup_tip').show();
+                    // 初始化滚动分页监听
+                    initScrollPagination();
+                }
+
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+    // $('.popup_tip').show();
+})
+$('.popup_tip .tip_btn').click(function () {
+    bodyScroolFun(false);
+    $('.popup_tip').hide();
+})
+
+// 添加滚动到底部分页功能
+let isLoading = false; // 防止重复加载
+let currentPage = 1;
+let hasMoreData = true;
+
+// 上麦详情滚动分页
+function initScrollPagination() {
+    $('.popup_tip .wrap_list').on('scroll', function () {
+        const $this = $(this);
+        const scrollTop = $this.scrollTop();
+        const scrollHeight = $this[0].scrollHeight;
+        const clientHeight = $this[0].clientHeight;
+
+        // 判断是否滚动到底部(精确判断)
+        if (scrollHeight - scrollTop - clientHeight < 1 && hasMoreData && !isLoading) {
+            loadMoreData();
+        }
+    });
+}
+
+// 加载更多数据
+function loadMoreData() {
+    // 如果没有更多数据或正在加载，直接返回
+    if (isLoading || !hasMoreData) return;
+
+    isLoading = true;
+
+    // 获取当前的参数
+    const activeBtn = $('.detail_btn.active');
+    const level = activeBtn.attr('level');
+    const statDate = activeBtn.attr('statDate');
+    const taskKey = activeBtn.attr('taskkey');
+    const guildId = activeBtn.attr('guildId');
+
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/guildtask/micList',
+        data: {
+            pageNo: currentPage,
+            pageSize: 10,
+            level: level,
+            statDate: statDate,
+            taskKey: taskKey,
+            guildId: guildId,
+            partitionId: 16
+        },
+        success(res) {
+            $('.loading-more').remove();
+            if (res.code === 200) {
+                let str = '';
+                res.data.forEach((item, i) => {
+                    str += `
+                           <div class="wrap_box">
+                                <div class="info">
+                                    <div class="nick">${item.nick}</div>
+                                    <div class="erbanNo">ID:${item.erbanNo}</div>
+                                </div>
+                                <div class="micMinutes">${item.micMinutes}min</div>
+                                <div class="reachState"> <img src="${item.reachState ? './images/reachStateTrue.png' : './images/reachStateFalse.png'}" alt=""> </div>
+                            </div>
+                         `;
+                });
+                $('.wrap_list').append(str);
+                if (res.data.length < 10) {
+                    hasMoreData = false;
+                } else {
+                    currentPage++;
+                }
+
+            } else {
+                toastMsg(res.message);
+            }
+            isLoading = false;
+        },
+        error(err) {
+            isLoading = false;
+            toastMsg(langReplace(localLang.demoModule.layerIndex3));
+        }
+    });
+}
+
+
 var countupTime1;//倒计时容器
 // 倒計時
 function countup(leftTime, type) {
--- a/view/molistar/modules/taskCenter/local/ar.js
+++ b/view/molistar/modules/taskCenter/local/ar.js
@@ -108,8 +108,12 @@ langAr = {
        Today:'اليوم',
        Yesterday:'أمس',
        Available_tomorrow:'متاح غدًا',
-        Not_available_collection:'<img src="./images/suo.png" >'
-
+        Not_available_collection:'<img src="./images/suo.png" >',
+        Details: 'تفاصيل',
+        Account_ID: 'معرف الحساب',
+        Mic_time: 'وقت الميكروفون',
+        State: 'الولاية',
+        OK_btn: 'أوكلاهوما',

    }
 }
--- a/view/molistar/modules/taskCenter/local/br.js
+++ b/view/molistar/modules/taskCenter/local/br.js
@@ -107,7 +107,12 @@ langBr = {
        Today:'Hoje',
        Yesterday:'Ontem',
        Available_tomorrow:'Disponível amanhã',
-        Not_available_collection:'<img src="./images/suo.png" >'
+        Not_available_collection:'<img src="./images/suo.png" >',
+        Details: 'Detalhes',
+        Account_ID: 'ID da Conta',
+        Mic_time: 'Tempo de Microfone',
+        State: 'Estado',
+        OK_btn: 'Oklahoma',

    }
 }
--- a/view/molistar/modules/taskCenter/local/en.js
+++ b/view/molistar/modules/taskCenter/local/en.js
@@ -108,7 +108,11 @@ langEn = {
        Today:'Today',
        Yesterday:'Yesterday',
        Available_tomorrow:'Available tomorrow',
-        Not_available_collection:'<img src="./images/suo.png" >'
-
+        Not_available_collection:'<img src="./images/suo.png" >',
+        Details: 'Details',
+        Account_ID: 'Account ID',
+        Mic_time: 'Mic time',
+        State: 'State',
+        OK_btn: 'OK',
    }
 }
--- a/view/molistar/modules/taskCenter/local/es.js
+++ b/view/molistar/modules/taskCenter/local/es.js
@@ -107,7 +107,12 @@ langEs = {
        Today:'Hoy',
        Yesterday:'Ayer',
        Available_tomorrow:'Disponible mañana',
-        Not_available_collection:'<img src="./images/suo.png" >'
+        Not_available_collection:'<img src="./images/suo.png" >',
+        Details: 'Detalles',
+        Account_ID: 'ID de la cuenta',
+        Mic_time: 'Tiempo de micrófono',
+        State: 'Estado',
+        OK_btn: 'Oklahoma',

    }
 }
--- a/view/molistar/modules/taskCenter/local/ru.js
+++ b/view/molistar/modules/taskCenter/local/ru.js
@@ -107,7 +107,12 @@ langRu = {
        Today:'Сегодня',
        Yesterday:'Вчера',
        Available_tomorrow:'Доступно завтра',
-        Not_available_collection:'<img src="./images/suo.png" >'
+        Not_available_collection:'<img src="./images/suo.png" >',
+        Details: 'Детали',
+        Account_ID: 'ID аккаунта',
+        Mic_time: 'Время микрофона',
+        State: 'Штат',
+        OK_btn: 'Оклахома',

    }
 }
--- a/view/molistar/modules/taskCenter/local/tr.js
+++ b/view/molistar/modules/taskCenter/local/tr.js
@@ -109,7 +109,12 @@ langTr = {
        Today:'Bugün',
        Yesterday:'Dün',
        Available_tomorrow:'Yarın alınabilir',
-        Not_available_collection:'<img src="./images/suo.png" >'
+        Not_available_collection:'<img src="./images/suo.png" >',
+        Details: 'Detaylar',
+        Account_ID: 'Hesap Kimliği',
+        Mic_time: 'Mikrofon Süresi',
+        State: 'Eyalet',
+        OK_btn: 'Oklahoma',

    }
 }
--- a/view/molistar/modules/taskCenter/local/uz.js
+++ b/view/molistar/modules/taskCenter/local/uz.js
@@ -107,7 +107,12 @@ langUz = {
        Today:'Bugun',
        Yesterday:'Kecha',
        Available_tomorrow:'Ertaga mavjud',
-        Not_available_collection:'<img src="./images/suo.png" >'
+        Not_available_collection:'<img src="./images/suo.png" >',
+        Details: 'Tafsilotlar',
+        Account_ID: 'Hisob raqami',
+        Mic_time: 'Mikrafon vaqti',
+        State: 'Shtat',
+        OK_btn: 'Oklahoma',

    }
 }
--- a/view/molistar/modules/taskCenter/local/zh.js
+++ b/view/molistar/modules/taskCenter/local/zh.js
@@ -2,112 +2,117 @@
 langZh = {
    // 模塊
    demoModule: {
-        page_title:'任務中心',
-        Mall:'商城',
-        Sign_gifts:'連續簽到贏好禮',
-        Sign_generous:'連續簽到7天可獲得豐厚好禮',
-        Sign_now:'立即簽到',
-        Day:'天',
-        Signed_in:'已簽到',
-        Expired:'已過期',
-        Daily_Tasks:'日常任務',
-        DAILY_SIGN:'每日簽到',
-        UP_MIC:function(num,standardValue){
+        page_title: '任務中心',
+        Mall: '商城',
+        Sign_gifts: '連續簽到贏好禮',
+        Sign_generous: '連續簽到7天可獲得豐厚好禮',
+        Sign_now: '立即簽到',
+        Day: '天',
+        Signed_in: '已簽到',
+        Expired: '已過期',
+        Daily_Tasks: '日常任務',
+        DAILY_SIGN: '每日簽到',
+        UP_MIC: function (num, standardValue) {
            return `上麥聊天(${num}/${standardValue}mins)`;
        },
-        UP_MIC_120:function(num,standardValue){
+        UP_MIC_120: function (num, standardValue) {
            return `上麥聊天(${num}/${standardValue}mins)`;
        },
-        PLAY_GAME:function(num,standardValue){
+        PLAY_GAME: function (num, standardValue) {
            return `參與小遊戲(${num}/${standardValue})`;
        },
-        CHARGE_GOLD_NUM:function(num,standardValue){
+        CHARGE_GOLD_NUM: function (num, standardValue) {
            return `儲值(${num}/${standardValue})`;
        },
-        CHARGE_GOLD_NUM_5:function(num,standardValue){
+        CHARGE_GOLD_NUM_5: function (num, standardValue) {
            return `儲值(${num}/${standardValue})`;
        },
-        CHARGE_GOLD_NUM_10:function(num,standardValue){
+        CHARGE_GOLD_NUM_10: function (num, standardValue) {
            return `儲值(${num}/${standardValue})`;
        },
-        ROOM_SEND_GIFT:'房間送禮',
-        RECV_LUCKY_GIFT:'收到Lucky/Bravo禮物',
-        RECV_NOMAL_GIFT:'收到普通禮物',
-        RECV_NOMAL_GIFT_GOLD:'收到單份價值超過 20,000 枚金幣的禮物(不包括幸運/Bravo禮物)',
-        Received_rewards:'已獲得獎勵',
-        Receive:'收到',
-        Reward_out:'已领取奖励，快去查看吧～',
-        Sign_arrived:'未到簽到時間',
-        Received:'已收到',
-        Exchange:'兌換',
-        Exchange_successful:'兌換成功',
-        Understand:'我知道了',
-        You_exchanged:function(name){
+        ROOM_SEND_GIFT: '房間送禮',
+        RECV_LUCKY_GIFT: '收到Lucky/Bravo禮物',
+        RECV_NOMAL_GIFT: '收到普通禮物',
+        RECV_NOMAL_GIFT_GOLD: '收到單份價值超過 20,000 枚金幣的禮物(不包括幸運/Bravo禮物)',
+        Received_rewards: '已獲得獎勵',
+        Receive: '收到',
+        Reward_out: '已领取奖励，快去查看吧～',
+        Sign_arrived: '未到簽到時間',
+        Received: '已收到',
+        Exchange: '兌換',
+        Exchange_successful: '兌換成功',
+        Understand: '我知道了',
+        You_exchanged: function (name) {
            return `你兌換${name},已經成功放入你的背包`
        },
-        pointsDetails:'積分明細',
-        Increase:'增加',
-        Consumption:'消耗',
-         Insufficient_points:'積分不足',
-        Your_rewards:'你目前的積分不足，請兌換其他～',
-        Boom_reward:'Boom奖励',
-        Weekly_Tasks:'週任務',
-        Agent_Tasks:'公會長任務',
-        Room_income:'房間金幣流水獎勵',
-        Daily_room_income:'每日房間金幣收入',
-        Diamond_income:function(num,standardValue){
+        pointsDetails: '積分明細',
+        Increase: '增加',
+        Consumption: '消耗',
+        Insufficient_points: '積分不足',
+        Your_rewards: '你目前的積分不足，請兌換其他～',
+        Boom_reward: 'Boom奖励',
+        Weekly_Tasks: '週任務',
+        Agent_Tasks: '公會長任務',
+        Room_income: '房間金幣流水獎勵',
+        Daily_room_income: '每日房間金幣收入',
+        Diamond_income: function (num, standardValue) {
            return `钻石流水收入(${num}/${standardValue}💎)`;
        },
-        Become_tasks:'成為公會成員即可獲得更多任務！',
-        Stay_Tuned:'公會長身份開啟任務～',
-        ROOM_SEND_NOMAL_GIFT_GOLD:'發送單份價值超過 20,000 枚金幣的禮物(不包括幸運/Bravo禮物)',
-        CHARGE_GOLD_NUM_50:function(num,standardValue){
+        Become_tasks: '成為公會成員即可獲得更多任務！',
+        Stay_Tuned: '公會長身份開啟任務～',
+        ROOM_SEND_NOMAL_GIFT_GOLD: '發送單份價值超過 20,000 枚金幣的禮物(不包括幸運/Bravo禮物)',
+        CHARGE_GOLD_NUM_50: function (num, standardValue) {
            return `儲值(${num}/${standardValue})`;
        },
-        CHARGE_GOLD_NUM_100:function(num,standardValue){
+        CHARGE_GOLD_NUM_100: function (num, standardValue) {
            return `儲值(${num}/${standardValue})`;
        },
-        ROOM_SEND_LUCKY_NUM:function(num,standardValue){
+        ROOM_SEND_LUCKY_NUM: function (num, standardValue) {
            return `送出(${num}/${standardValue})个幸运禮物`;
        },
-        ROOM_SEND_BRAVO_NUM:function(num,standardValue){
+        ROOM_SEND_BRAVO_NUM: function (num, standardValue) {
            return `送出(${num}/${standardValue})个Bravo禮物`;
        },
-        GM_UP_MIC:function(num,standardValue){
+        GM_UP_MIC: function (num, standardValue) {
            return `新主播上麥獎勵(${num}/${standardValue}mins)`;
        },
-        GUILD_SALARY:'公會長薪資',
-        Agency_cycle:'每週期公會鑽石收入',
-        Salary_ratio:'薪資比例:',
-        GUILD_CREATE:'公會開幕儀式',
-        GUILD_MIC:'麥上活躍1',
-        GUILD_MIC_ONE:'麥上活躍2',
-        Daily_income:'每日鑽石收入',
-        Number_hosts:'主播數',
-        Hosts_time:function(time){ 
+        GUILD_SALARY: '公會長薪資',
+        Agency_cycle: '每週期公會鑽石收入',
+        Salary_ratio: '薪資比例:',
+        GUILD_CREATE: '公會開幕儀式',
+        GUILD_MIC: '麥上活躍1',
+        GUILD_MIC_ONE: '麥上活躍2',
+        Daily_income: '每日鑽石收入',
+        Number_hosts: '主播數',
+        Hosts_time: function (time) {
            return `主播達到${time}mins上麥時長`
        },
-        Number_Members:'公會人數',
-        Day_name:function(day){
+        Number_Members: '公會人數',
+        Day_name: function (day) {
            return `第${day}天`
        },
-        Agency_income:'當日公會鑽石流水',
-        Countdown:'倒數計時:',
-        Day:'天',
-        Host_Level:'主播等级：',
-        Reward_detail:'獎勵明細',
-        Daily_Rewards:'基礎獎勵',
-        Extra_Rewards:'額外獎勵',
-        Complete_days:'完成5天',
-        mic_chat:'每天两小时上麦聊天',
-        Unlock_time:'完成 180 分鐘的麥克風時間，可獲得高達1,000,330 枚金幣的獎勵！',
-        Days:'上麥時長',
-        hours_time:'3小時麥上聊天',
-        The_wallet:'領取成功，獎勵的金幣已經放入你的錢包～',
-        valid_day:'有效的3小時麥克風使用時長必須在一天內完成。若當天未達3小時，麥克風使用時長統計將於隔天重設。',
-        Today:'今日',
-        Yesterday:'昨日',
-        Available_tomorrow:'明日可领取',
-        Not_available_collection:'<img src="./images/suo.png" >'
+        Agency_income: '當日公會鑽石流水',
+        Countdown: '倒數計時:',
+        Day: '天',
+        Host_Level: '主播等级：',
+        Reward_detail: '獎勵明細',
+        Daily_Rewards: '基礎獎勵',
+        Extra_Rewards: '額外獎勵',
+        Complete_days: '完成5天',
+        mic_chat: '每天两小时上麦聊天',
+        Unlock_time: '完成 180 分鐘的麥克風時間，可獲得高達1,000,330 枚金幣的獎勵！',
+        Days: '上麥時長',
+        hours_time: '3小時麥上聊天',
+        The_wallet: '領取成功，獎勵的金幣已經放入你的錢包～',
+        valid_day: '有效的3小時麥克風使用時長必須在一天內完成。若當天未達3小時，麥克風使用時長統計將於隔天重設。',
+        Today: '今日',
+        Yesterday: '昨日',
+        Available_tomorrow: '明日可领取',
+        Not_available_collection: '<img src="./images/suo.png" >',
+        Details: '详情',
+        Account_ID: '账号ID',
+        Mic_time: '上麦时间',
+        State: '状态',
+        OK_btn: '好的',
    }
 }