From a42e3519395ec5ed01597b906f1b1c2a8d5b5875 Mon Sep 17 00:00:00 2001
From: yuyongdong <yuyongdong@kingsome.cn>
Date: Mon, 15 Apr 2024 01:31:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=95=B0=E6=8D=AE=E4=B8=8D?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/box/Icon_Star_01.png    | Bin 979 -> 2548 bytes
 src/assets/common/head_default.jpg | Bin 0 -> 10754 bytes
 src/views/home/boxBtm.vue          |  33 ++++++++---
 src/views/home/gameView.vue        |   7 ++-
 src/views/home/helpDialog.vue      |  11 +++-
 src/views/home/index.vue           |  27 ++++++---
 src/views/home/logDialog.vue       |   3 +
 src/views/home/ranking.vue         |  88 +++++++++++++++++++++++++----
 8 files changed, 140 insertions(+), 29 deletions(-)
 create mode 100644 src/assets/common/head_default.jpg

diff --git a/src/assets/box/Icon_Star_01.png b/src/assets/box/Icon_Star_01.png
index 29797804830da38f9fd9ef9af3e90a046cbee252..662d04656f55c44da9e0c2c873fa51039a400dd4 100644
GIT binary patch
literal 2548
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
KMNUMnLSTYAmeFJY

literal 979
zcmV;^11$WBP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00001b5ch_0Itp)
z=>Px&jY&j7R7gv$mThR2Wf;eQ|L1wmb2iVJv$+t-i7~%eWUb5~nmH+`pd#{d!<qD<
z5Q6$Lq3nfL5p4w#6@3svF<)xuLn9eUfopEFsDy~dsBMA_ZB{ee=3dUrbG37N*$$iT
z1iL;z_x<}{_jO(W>k$Qp84jm!a~Ul$)qI&Q@E9ueLu(J>xc+J~nQ=B}2Bk!%kh6sY
zI)l{^-AZUf#70`R;n?`%0#4T7fb1oVGi1i!Qcdfn#RYWKRpB^qVD#aoUe=w7i;D~B
z+EGmyHe>1~7Cx&DM}J>5fVBiJD<Ti$IB$aWLb^fKAOE~~fWG^q43#|ryat@bWjCK6
zZdW7WLJ--hpqOyVqog$C;^5SLJ#JkOl@P}Efb$Gu1hI#r*b!~mo0<(U5IsSJ{;4QS
zqsGKoN_MjLR&dv2l;b$(KxcqoNT<gsc9Kj)k`$-PNm(PP9!O#|F_rv)$;lM)<vz)b
zkC!aLk5mwbmB`9)G=TBFtfQ_1$GsP`M}d_{hS?b6JklV91DIQcg|&#=L20n#n6=@k
z1XCs0br>svA{-!857;5ZH?l??wgk&@y|si?fwL8(3K7Fd0;7nmHIxCxKvuvg(x1Q*
zAdYY_{s2xOYa>Mur245zT+W+hYk#~5Cf4G)TR@M1tp}EZyekwlE8sVv8`O#uo+27Q
zKf5;bT1Bq#Y5#f@ZpNG))2gyhGaF)HBcKytNAbdM`JwNecAd^EdREj`y~w@@N{RYU
zA)fm?lYheu(~r1%g=JI6bYmi$$-HrOz}NMwNbw@D6RZd{3Fd%&;MZI?Ws>_;lNkHo
z0BZ?+Rz_-p*MU_SXQ#WU4OE8N14wbOuLya8O-DK<Y(B^pGqCo$HF(aeNVOOjrsw2+
z(1&2xAlr=*<XRe<(dfIn>(kMK0oD`vT#9TbqzP#Pvv=^lL%QSOuo<GWejV^MVmr`_
z(V$I-y9)<&)UHEb6XKTK<r#m!Y7YG8|2at4V-+aOW|AGy{ajAIt^4L$_?##Dr*n28
z+le?p%-^S~nalIMC%5JN=P}!eshJDOPqZz+qw)vM8Xda(Hex)9*#Jvy??S$B-L;iu
z+y>AXmU&Nie>6B-#N0{tCU3@dmND*qr+W?#FJ#9#2ki*f;6`sEw0?$?KWW>{4?#Yl
zB`D@vN*S9R(SwC8^{jwgO+E|Ci38P%VQFSh`~@i&d6=J&?hpU~002ovPDHLkV1m>%
B&1L`q

diff --git a/src/assets/common/head_default.jpg b/src/assets/common/head_default.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..a11ed8db755e602337e09a4c7728ec771a666116
GIT binary patch
literal 10754
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
XqHydN7!^9D{KpFP!`pm~H~an%LYCrO

literal 0
HcmV?d00001

diff --git a/src/views/home/boxBtm.vue b/src/views/home/boxBtm.vue
index 1677ffa..8fe7a6c 100644
--- a/src/views/home/boxBtm.vue
+++ b/src/views/home/boxBtm.vue
@@ -52,7 +52,7 @@
       </div>
     </div>
     <div class="box-btm-con">
-      <div class="content-no" v-if="boxData.level == null">
+      <div class="content-no" v-if="!boxData">
         <div class="box-img-no">
           <img src="./../../assets/box/Unlock .png" alt="">
         </div>
@@ -79,7 +79,8 @@
         </div>
         <div class="box-btm-con-img">
           <div>
-            <img :src="require(`./../../assets/box/box0${boxData.level}.png`)" alt="">
+            <img v-if="!boxData.level" src="./../../assets/box/Unlock .png" alt="">
+            <img v-else :src="require(`./../../assets/box/box0${boxData.level}.png`)" alt="">
           </div>
         </div>
         <div class="box-btm-con-boost">
@@ -116,7 +117,7 @@
           <div class="box-title-btm">
           </div>
         </div>
-        <div class="box-list-no" v-if="boxList.length == 0">
+        <div class="box-list-no" v-if="!currentPageItems">
           <div>
             <p>None</p>
           </div>
@@ -194,7 +195,7 @@
           <template slot="empty">
             <div>No Data</div>
           </template>
-          <el-table-column prop="rank" label="Action">Open the Treasure</el-table-column>
+          <el-table-column label="Action">Open the Treasure</el-table-column>
           <el-table-column label="Time">
             <template
               slot-scope="scope"
@@ -352,6 +353,9 @@ export default {
   computed: {
     // 计算当前页应该显示的数据
     currentPageItems() {
+      // if(this.pageBoxList.length == 0){
+      //   return this.pageBoxList
+      // }
       let start = (this.currentPage - 1) * this.pageSize;
       let end = start + this.pageSize;
       this.pageBoxList = this.boxList.slice(start, end)
@@ -361,6 +365,9 @@ export default {
 
     // 计算开箱子分页
     recordsCurrentPageItems() {
+      // if(this.recordsList.length == 0){
+      //   return this.recordsList
+      // }
       let start = (this.recordsCurrentPage - 1) * this.recordsPageSize;
       let end = start + this.recordsPageSize;
       return this.recordsList.slice(start, end)
@@ -450,8 +457,8 @@ export default {
       try {
         storeageKey = await sendToChain('chest_open', address, id)
       } catch (err) {
+        this.$showErr(err.data.message)
         this.isLoading = false
-        this.$message.error(`error send chain request`)
         return 
       }
       
@@ -469,6 +476,7 @@ export default {
             // alert(`领取成功,显示奖励: ${JSON.stringify(data)}`)
             this.getMyBoxList()
             this.openBoxLog()
+            this.getUserState()
             this.isLoading = false
             this.$emit('awardDialog', data)
             localStorage.removeItem(storeageKey)
@@ -514,6 +522,9 @@ export default {
         })
         this.recordsList = res.data.data
     },
+    rewBoxList() {
+      this.getMyBoxList()
+    },
 
     // 开箱记录分页
     onRecordsChangePage(val) {
@@ -533,6 +544,15 @@ export default {
     onBoostingChangePage(val) {
       this.boostingCurrentPage = val
     },
+    
+    // 获取用户状态
+    getUserState() {
+      this.$axios.get(process.env.VUE_APP_API_URL+'/api/user/state',{ params: '',
+          headers: { Authorization: `Bearer ${this.token}` },
+        }).then(res => {
+          localStorage.setItem('userData', JSON.stringify(res.data.data))
+        })
+    },
 
     // 复制助力链接
     copyLink(data) {
@@ -700,6 +720,7 @@ export default {
     .box-log {
       display: flex;
       margin: 20px 0;
+      margin-top: 40px;
       .btn {
         display: flex;
         align-items: center;
@@ -899,8 +920,6 @@ export default {
     width: 380px;
     height: 600px;
     padding: 30px;
-    background: url("./../../assets/common/Right_box.png") no-repeat;
-    background-size: 100% 100%;
     .box-page {
       .box-title {
         .box-title-top {
diff --git a/src/views/home/gameView.vue b/src/views/home/gameView.vue
index 21180fa..a3d712e 100644
--- a/src/views/home/gameView.vue
+++ b/src/views/home/gameView.vue
@@ -110,9 +110,10 @@ export default {
             this.isLoading = false
             cc.mainAnim.setCurrPos(getTotalUsed)
             cc.mainAnim.setData(step)
-            setTimeout(
-              this.$emit('awardDialog', data),
-              step*2000)
+            let stepTimeId = setInterval(() => {
+              this.$emit('awardDialog', data)
+              clearInterval(stepTimeId)
+            },step*2000)
             localStorage.removeItem(storeageKey)
             clearInterval(serTimeId)
           }
diff --git a/src/views/home/helpDialog.vue b/src/views/home/helpDialog.vue
index 4159f92..5aeca4a 100644
--- a/src/views/home/helpDialog.vue
+++ b/src/views/home/helpDialog.vue
@@ -227,8 +227,8 @@ export default {
       try {
         storeageKey = await sendToChain('chest_enhance', address, boxCode)
       } catch (err) {
+        this.$showErr(err.data.message)
         this.isLoading = false;
-        this.$message.error(`error send chain request`)
         return 
       }
       let serTimeId = setInterval(async () => {
@@ -248,6 +248,7 @@ export default {
               this.$emit('awardDialog', this.awardData)
               this.$emit('handleClose')
             }
+            this.getUserState()
             localStorage.removeItem(storeageKey)
             clearInterval(serTimeId)
           } else if (errcode !== 14) {
@@ -273,6 +274,14 @@ export default {
         }
       }
     },
+    // 获取用户状态
+    getUserState() {
+      this.$axios.get(process.env.VUE_APP_API_URL+'/api/user/state',{ params: '',
+          headers: { Authorization: `Bearer ${this.token}` },
+        }).then(res => {
+          localStorage.setItem('userData', JSON.stringify(res.data.data))
+        })
+    },
 
     // 关闭弹窗
     helpDialog() {
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index ea818a5..037f436 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -84,7 +84,7 @@
             <h4>How it works</h4>
             <div
               class="desc"
-            >Every step is filled with possibilities; every movement might begin a new chapter All on-chain activities are built on opBNB Click on the smiley face to view more details on Medium</div>
+            >Every step is filled with possibilities; every movement might begin a new chapter. <br /> All on-chain activities are built on opBNB. <br />Click on the smiley face to view more details on Medium</div>
           </div>
           <div class="explore-desc-map" v-if="navIndex == 1">
             <li>
@@ -203,7 +203,7 @@
                   <div v-if="token != null" class="btn">
                     <div class="is-btn">
                       <div v-if="item.status == 0" class="started" @click.stop="toPost(item)">{{ item.actionTitle }}</div>
-                      <CheckBtn v-if="item.status == 1" @stateupdate="toCheck" :dataid="item.id" time="10" title="Check" class="started">Verify</CheckBtn>
+                      <CheckBtn v-if="item.status == 1" @stateupdate="toCheck" :dataid="item.id" time="10" title="Verify" class="started">Verify</CheckBtn>
                       <div v-if="item.status == 2" class="claim" @click.stop="getTaskClaim(item.id)">Claim</div>
                       <div v-if="item.status == 3" class="success">+{{ item.score }} <img src="./../../assets/common/Checkmark (1).png" alt=""></div>
                     </div>
@@ -557,7 +557,7 @@
           </div>
         </div>
         <div class="box-btm" v-show="navIndex == 3">
-          <BoxBtm @toExplore="toExplore" @awardDialog="activityDialog" />
+          <BoxBtm ref="boxList" @toExplore="toExplore" @awardDialog="activityDialog" />
         </div>
         <div class="box-btm" v-show="navIndex == 4">
           <Ranking :activityName="activityData.name" />
@@ -1013,9 +1013,11 @@ export default {
           }
         });
         this.dialogTitle = 'Explore successfully and get rewards'
+        this.$refs.boxList.rewBoxList()
       } else {
         this.dialogTitle = 'Congratulations'
       }
+      this.getUserState()
       this.getGameStat()
       this.ExploreDialogVisible = true
     },
@@ -1035,6 +1037,7 @@ export default {
       this.awardData = val
       this.eventName = 'help_event'
       this.dialogTitle = 'Congratulations'
+      this.getUserState()
       this.ExploreDialogVisible = true
     },
 
@@ -1110,17 +1113,18 @@ export default {
       // return
       // ToDo
       let res = await apiCheckinClaimSeq(day)
-      console.log(res)
+      console.info(res)
       this.getGameStat();
     },
 
     // 获取累计签到奖励
     async getCheckClaim(days) {
       let res = await apiCheckinClaim(days);
-      if (res.ticket) {
+      // if (res.ticket) {
+        console.info(res)
         this.getGameStat();
-        this.$message.success('Received successfully')
-      }
+        // this.$message.success('Received successfully')
+      // }
     },
 
     // 获取钱包地址
@@ -1234,6 +1238,15 @@ export default {
       }
     },
 
+    // 获取用户状态
+    getUserState() {
+      this.$axios.get(process.env.VUE_APP_API_URL+'/api/user/state',{ params: '',
+          headers: { Authorization: `Bearer ${this.token}` },
+        }).then(res => {
+          localStorage.setItem('userData', JSON.stringify(res.data.data))
+        })
+    },
+
     // nav 导航
     navBtn(index) {
       this.navIndex = index;
diff --git a/src/views/home/logDialog.vue b/src/views/home/logDialog.vue
index e8833fc..bb90105 100644
--- a/src/views/home/logDialog.vue
+++ b/src/views/home/logDialog.vue
@@ -78,6 +78,9 @@ export default {
   computed: {
     // 计算我的助力分页
     logCurrentPageItems() {
+      if(this.invitationList.length == 0){
+        return this.invitationList
+      }
       let start = (this.logCurrentPage - 1) * this.logPageSize;
       let end = start + this.logPageSize;
       return this.invitationList.slice(start, end)
diff --git a/src/views/home/ranking.vue b/src/views/home/ranking.vue
index e61d647..071e7fc 100644
--- a/src/views/home/ranking.vue
+++ b/src/views/home/ranking.vue
@@ -12,7 +12,8 @@
               <div class="list-btm">
                 <div class="points">
                   <!-- <formatPrice /> -->
-                  <span>{{ userData.scoreTotal }}</span>
+                  <span v-if="userData">{{ userData.scoreTotal }}</span>
+                  <span v-else>{{ userData.scoreTotal }}</span>
                   <img src="./../../assets/common/Icon_Points.png" alt="">
                 </div>
               </div>
@@ -22,12 +23,18 @@
               <div class="list-btm">
                 <div class="ranking" v-if="userData.rankTotal == '-'">{{ userData.rankTotal }}</div>
                 <div class="ranking" v-else-if="userData.rankTotal >= 100">Not in the top 100 yet</div>
-                <div class="ranking" v-else>{{ userData.rankTotal+1 }}</div>
+                <div class="ranking" v-else-if="userData.rankTotal">{{ userData.rankTotal+1 }}</div>
+                <div class="ranking" v-else>-</div>
               </div>
             </div>
           </div>
         </div>
-        <div class="ranking-content-left-forward">
+        <div v-if="rankingTableData.length == 0" class="ranking-content-left-forward-no">
+          <div>
+            <p>None</p>
+          </div>
+        </div>
+        <div v-else class="ranking-content-left-forward">
           <div class="forward-list">
             <li>
               <div class="forward-list-item-star">
@@ -35,10 +42,15 @@
               </div>
               <div class="forward-list-item-top">
                 <div class="user-img">
-                  <img :src="rankingTableData[1].avatar" alt="">
+                  <img v-if="!rankingTableData[1]" src="@/assets/common/head_default.jpg" alt="">
+                  <img v-else :src="rankingTableData[1].avatar" alt="">
                 </div>
               </div>
-              <div class="forward-list-item-btm">
+              <div class="forward-list-item-btm" v-if="!rankingTableData[1]">
+                <div class="name">none</div>
+                <div>0</div>
+              </div>
+              <div class="forward-list-item-btm" v-else>
                 <div class="name">{{ rankingTableData[1].nickname }}</div>
                 <div>{{ rankingTableData[1].score }}</div>
               </div>
@@ -49,7 +61,8 @@
               </div>
               <div class="forward-list-item-top">
                 <div class="user-img">
-                  <img :src="rankingTableData[0].avatar" alt="">
+                  <img v-if="rankingTableData.length == 0" :src="rankingTableData[0].avatar" alt="">
+                  <img v-else :src="rankingTableData[0].avatar" alt="">
                 </div>
                 <!-- <div>{{ rankingTableData[0].nickname.slice(0,4) }}{{ '…'+rankingTableData[0].nickname.slice(-4) }}</div> -->
               </div>
@@ -63,11 +76,17 @@
                 <img src="@/assets/box/Icon_Star_01.png" alt="">
               </div>
               <div class="forward-list-item-top">
-                <div class="user-img">
-                  <img :src="rankingTableData[0].avatar" alt="">
+                <div class="user-img">{{rankingTableData[2].avatar}}
+                  <img v-if="!rankingTableData[2]" src="@/assets/common/head_default.jpg" alt="">
+                  <img v-else-if="rankingTableData[2].avatar == ''"  src="@/assets/common/head_default.jpg" alt="">
+                  <img v-else :src="rankingTableData[2].avatar" alt="">
                 </div>
               </div>
-              <div class="forward-list-item-btm">
+              <div class="forward-list-item-btm" v-if="!rankingTableData[2]">
+                <div class="name">none</div>
+                <div>0</div>
+              </div>
+              <div class="forward-list-item-btm" v-else>
                 <div class="name">{{ rankingTableData[2].nickname }}</div>
                 <div>{{ rankingTableData[2].score }}</div>
               </div>
@@ -76,7 +95,12 @@
         </div>
       </div>
       <div class="ranking-content-right">
-        <div class="ranking-content-right-list">
+        <div v-if="rankingTableData.length == 0" class="ranking-content-right-list-no">
+          <div>
+            <p>None</p>
+          </div>
+        </div>
+        <div v-else class="ranking-content-right-list">
           <li v-for="(item, index) in rankingTableData" :key="index">
             <div class="left">
               <div class="left-left">
@@ -90,7 +114,7 @@
               <div class="left-right">
                 <div class="user-img">
                   <img class="one-img" v-if="item.avatar != ''" :src="item.avatar" alt="">
-                  <img class="one-img" v-else src="./../../assets/home/Nav bar_character.png" alt="">
+                  <img class="one-img" v-else src="@/assets/common/head_default.jpg" alt="">
                 </div>
                 <div class="user-name">
                   <div class="label">Name</div>
@@ -359,6 +383,27 @@ export default  {
           }
         }
       }
+      .ranking-content-left-forward-no {
+        height: 500px;
+        position: relative;
+        div {
+          position: absolute;
+          top: -8%;
+          left: 50%;
+          transform: translate(-0%, -50%);
+          width: 200px;
+          height: 140px;
+          background: url('./../../assets/box/none01.png') no-repeat;
+          background-size: 100% 100%;
+          p {
+            position: absolute;
+            bottom: 8%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            font-size: 14px;
+          }
+        }
+      }
     }
     .ranking-content-right {
       width: 30%;
@@ -477,6 +522,27 @@ export default  {
           }
         }
       }
+      .ranking-content-right-list-no {
+        height: 500px;
+        position: relative;
+        div {
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          transform: translate(-50%, -50%);
+          width: 200px;
+          height: 140px;
+          background: url('./../../assets/box/none01.png') no-repeat;
+          background-size: 100% 100%;
+          p {
+            position: absolute;
+            bottom: 8%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            font-size: 14px;
+          }
+        }
+      }
       &::-webkit-scrollbar {
         width: 5px;
       }