From 91e59bff212bc584970a427fd51e4e30b27de199 Mon Sep 17 00:00:00 2001
From: yuyongdong <yuyongdong@kingsome.cn>
Date: Mon, 20 May 2024 17:29:00 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=99=BD=E5=90=8D=E5=8D=95?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/common/Whitelist.png | Bin 0 -> 952 bytes
 src/views/home/index.vue        |  89 ++++++++++++++++++++++++++------
 src/views/home/pointsDialog.vue |   4 +-
 3 files changed, 75 insertions(+), 18 deletions(-)
 create mode 100644 src/assets/common/Whitelist.png

diff --git a/src/assets/common/Whitelist.png b/src/assets/common/Whitelist.png
new file mode 100644
index 0000000000000000000000000000000000000000..d3bfed4b5eb237fa7edffcd00429d3de850604cd
GIT binary patch
literal 952
zcmV;p14sOcP)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%00001b5ch_0Itp)
z=>Px&a!Eu%R5(wK)L%@Mbr`_$@AIDbJsf1}frQ94N(WIFEw@kt2ShY=2WCxI&bIzp
ztF0SsxMl|ihp~}4FSuY`*w&_bVKtXa1<V-oCyp29WY{vGD3=X}RM_Fb`SZR{oP!yq
z5Wkz>)$g<C_xux<c~lYle49|-2d<&9CMi2N{NLxYOb_j?%0Zojzz&dE;5e4uEJYnZ
zEj0cYR1mtWauIz4bPq_zEg+2Y8F8mcD%yYe8(k8d$0{F2q#1NGs29Xq5YY^9643x9
zZNmb(G}vAF2;wy1MAw3G4#Ua=@d2wBpb^m1p!Jlrf43;8ecSSh+fCS!Y^;<<X2vgI
zu33X=?!}3}g5mZeu6b98;^<k3AGj;17pn4z#F~ixz7|jRAqqddftfWdA`{y2_<f{i
zSL00YK|Gllw@@?&^xgq#*VbGN8i|E+Fx-bIKH-p(UN9fZ>_;N0KkL}pEJlyk5dP&g
zth96x19TST^M8T*RpoljcmO-}5Mne?{>As;^#hlH`vDs`mb^p58@OCkMRaNx)+#qR
zXRxL2HmF_O9t67q`({4YJ*^b9{>h4UBfyhD9`MQBmnwiPAVO%QolDgfIN>)j(yoA0
zLuvcvB&eOf2XHxc*x|=eqn?5zL#)m@3^<9r0FMGe;1qUf1F^~9_@+9OSZE(c$^Zrj
z>1-R30FG$)mUUq5LuWQ3+QJhj263lHfM<cC<d{JrkjVaSg3n)P`ubB?D{2vQ2%JVK
z`*QSlV{1=kA}2+}Bky2l_fzume!vY}1fBtofNc;D7ZUyBIKkcNh|_?TK8i~NviYAW
zNp_I-_<luY8lpbNy+88Y(H!t3ns+;p34A+O-u(=|8|KEvVqB&laa}{DUdm42xg4~|
z*9`0gJw`P8fjr$gsj6vn)yz$z@td2lr}pyou6se=!}5+J)JaL((A^e`X#ds>;^s>r
zuY!FNLakETJCQ7wPON00Wfhabd`wROg9%)&S}8ttb+IiqU**2-D{*2kBd*uM?jSzX
zBIW1DG(nV>Zv;Jn>6rrYQ<|JtT@p;916$IVa=(D;TL@j)vBMZ-VVD8bm_{8xWo=iM
z!sf?%!O>5PQpwKPiE0gocu*3n>MGcNN;(Eb7LRPveW?9Ksn{7WqSOLoC~s4GCb%3d
af&K-9?pF~UvlRCL0000<MNUMnLSTZ`rMtQS

literal 0
HcmV?d00001

diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 2f8d325..eb69abe 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -8,6 +8,16 @@
           </div>
           <div class="left-top-points">
             <div class="left-top-points-left">
+              <li>
+                <div class="top">
+                  <span class="">{{ usesInWhiteList }}</span>
+                  <div>
+                    <img src="./../../assets/common/Whitelist.png" alt />
+                  </div>
+                </div>
+                <div class="btm">Whitelist</div>
+                <!-- <div class="hover-tips">Successful invitations</div> -->
+              </li>
               <li>
                 <div class="top">
                   <span class="">{{ usesInviteCount }}</span>
@@ -623,6 +633,16 @@
               </div>
               <div class="left-top-points">
                 <div class="left-top-points-left">
+                  <li>
+                    <div class="top">
+                      <span class="">{{ usesInWhiteList }}</span>
+                      <div>
+                        <img src="./../../assets/common/Whitelist.png" alt />
+                      </div>
+                    </div>
+                    <div class="btm">Whitelist</div>
+                    <!-- <div class="hover-tips">Successful invitations</div> -->
+                  </li>
                   <li>
                     <div class="top">
                       <span class="">{{ usesInviteCount }}</span>
@@ -755,6 +775,16 @@
               </div>
               <div class="left-top-points">
                 <div class="left-top-points-left">
+                  <li>
+                    <div class="top">
+                      <span class="">{{ usesInWhiteList }}</span>
+                      <div>
+                        <img src="./../../assets/common/Whitelist.png" alt />
+                      </div>
+                    </div>
+                    <div class="btm">Whitelist</div>
+                    <!-- <div class="hover-tips">Successful invitations</div> -->
+                  </li>
                   <li>
                     <div class="top">
                       <span class="">{{ usesInviteCount }}</span>
@@ -1180,6 +1210,9 @@ export default {
     },
     usesEmail() {
       return this.$store.state.user.userData?.gameMail || undefined;
+    },
+    usesInWhiteList() {
+      return this.$store.state.user.userData?.inWhiteList || 0;
     }
   },
   created() {
@@ -2153,8 +2186,8 @@ export default {
             li:nth-child(1) {
               cursor: pointer;
               img {
-                width: 17px;
-                height: 11px;
+                width: 15px;
+                height: 15px;
               }
               &:hover {
                 .hover-tips {
@@ -2163,6 +2196,18 @@ export default {
               }
             }
             li:nth-child(2) {
+              cursor: pointer;
+              img {
+                width: 17px;
+                height: 11px;
+              }
+              &:hover {
+                .hover-tips {
+                  display: block;
+                }
+              }
+            }
+            li:nth-child(3) {
               cursor: pointer;
               img {
                 width: 13px;
@@ -2175,12 +2220,6 @@ export default {
                 }
               }
             }
-            li:nth-child(3) {
-              img {
-                width: 15px;
-                height: 15px;
-              }
-            }
             li:nth-child(4) {
               img {
                 width: 15px;
@@ -2194,6 +2233,12 @@ export default {
               }
             }
             li:nth-child(6) {
+              img {
+                width: 15px;
+                height: 15px;
+              }
+            }
+            li:nth-child(7) {
               img {
                 width: 12px;
                 height: 16px;
@@ -3471,6 +3516,18 @@ export default {
                   }
                 }
                 li:nth-child(1) {
+                  cursor: pointer;
+                  img {
+                    width: 15px;
+                    height: 15px;
+                  }
+                  &:hover {
+                    .hover-tips {
+                      display: block;
+                    }
+                  }
+                }
+                li:nth-child(2) {
                   cursor: pointer;
                   img {
                     width: 17px;
@@ -3482,7 +3539,7 @@ export default {
                     }
                   }
                 }
-                li:nth-child(2) {
+                li:nth-child(3) {
                   cursor: pointer;
                   img {
                     width: 13px;
@@ -3495,7 +3552,7 @@ export default {
                     }
                   }
                 }
-                li:nth-child(3) {
+                li:nth-child(4) {
                   .top {
                     div {
                       img {
@@ -3505,12 +3562,6 @@ export default {
                     }
                   }
                 }
-                li:nth-child(4) {
-                  img {
-                    width: 15px;
-                    height: 15px;
-                  }
-                }
                 li:nth-child(5) {
                   img {
                     width: 15px;
@@ -3518,6 +3569,12 @@ export default {
                   }
                 }
                 li:nth-child(6) {
+                  img {
+                    width: 15px;
+                    height: 15px;
+                  }
+                }
+                li:nth-child(7) {
                   img {
                     width: 12px;
                     height: 16px;
diff --git a/src/views/home/pointsDialog.vue b/src/views/home/pointsDialog.vue
index f3027ee..eef6e7f 100644
--- a/src/views/home/pointsDialog.vue
+++ b/src/views/home/pointsDialog.vue
@@ -29,7 +29,7 @@
         <el-table-column label="Rewards">
           <template slot-scope="{ row }">
             <div v-if="row.score" class="points">
-              <div>
+              <div v-if="row.score > 0">
                 <span>{{ row.score }}</span>
                 <img src="./../../assets/common/Game .png" alt />
               </div>
@@ -41,7 +41,7 @@
                   src="./../../assets/common/common_icon_NFT.png"
                   alt
                 />
-                <img v-else src="./../../assets/common/wallet-yes.png" alt />
+                <img v-else src="./../../assets/common/Whitelist.png" alt />
               </div>
             </div>
           </template>