From e9d97f1cd4506fd0b092b2bd5717cbd2ce4d155c Mon Sep 17 00:00:00 2001
From: yuyongdong <yuyongdong@kingsome.cn>
Date: Thu, 19 Sep 2024 13:38:02 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8B=89=E5=8A=9B=E8=B5=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ClaimView.vue | 99 ++++++++++++++++++++++++++++++++---------
 1 file changed, 78 insertions(+), 21 deletions(-)

diff --git a/src/views/ClaimView.vue b/src/views/ClaimView.vue
index ae42b6f..2096b25 100644
--- a/src/views/ClaimView.vue
+++ b/src/views/ClaimView.vue
@@ -137,12 +137,27 @@
       </div>
       <div class="content" v-else-if="cecUserStatus == -1">
         <div class="content-tips content-tips-login">
-          <div>
+          <div class="user-address">
             <span>Address:</span> {{address}}
           </div>
-          <div class="rewards">
+          <div class="rewards" v-if="localWalletStore.walletType == 3">
             <div class="rewards-text">Tournament Rewards</div>
-            <div class="rewards-hover">12121</div>
+            <div class="rewards-hover">
+              <li>
+                <h6>Tournament: 9.15-9.22</h6>
+                <div class="rewards-hover-btm">
+                  <img src="@/assets/img/cec_claim/CEC_ICON.png" alt="">
+                  <span>CEC: &nbsp;5000000</span>
+                </div>
+              </li>
+              <li>
+                <h6>Tournament: 9.15-9.22</h6>
+                <div class="rewards-hover-btm">
+                  <img src="@/assets/img/cec_claim/CEC_ICON.png" alt="">
+                  <span>CEC: &nbsp;5000000</span>
+                </div>
+              </li>
+            </div>
           </div>
         </div>
         <!-- <div class="content-tips content-tips-login" v-if="cecInfo.bindUid">
@@ -402,19 +417,19 @@ const getCecTotal = async () => {
     let data = await apiCecInfoAll(address.value, token)
     cecInfo.value = data.data
     availableAmount.value = cecInfo.value.available
-    // if(data.data.bindUid) {
-    //   if(data.data.available == 0 || data.data.available == '0') {
-    //     cecUserStatus.value = -2
-    //   } else {
-    //     cecUserStatus.value = -1
-    //   }
-    // } else {
-    //   if(data.data.available == 0 || data.data.available == '0') {
-    //     cecUserStatus.value = -2
-    //   } else {
-    //     cecUserStatus.value = -1
-    //   }
-    // }
+    if(data.data.bindUid) {
+      if(data.data.available == 0 || data.data.available == '0') {
+        cecUserStatus.value = -2
+      } else {
+        cecUserStatus.value = -1
+      }
+    } else {
+      if(data.data.available == 0 || data.data.available == '0') {
+        cecUserStatus.value = -2
+      } else {
+        cecUserStatus.value = -1
+      }
+    }
     
   }
 }
@@ -774,10 +789,12 @@ onMounted(() => {
         // text-align: center;
         font-family: "Poppins-Regular";
         font-size: 14px;
-        span {
-          font-size: 16px;
-          font-family: 'Poppins';
-          font-weight: 700;
+        .user-address {
+          span {
+            font-size: 16px;
+            font-family: 'Poppins';
+            font-weight: 700;
+          }
         }
         .rewards {
           width: 222px;
@@ -788,8 +805,48 @@ onMounted(() => {
           margin-left: 20px;
           font-family: 'Poppins-Regular';
           font-size: 18px;
-          color: #FEC25D;
           cursor: pointer;
+          position: relative;
+          .rewards-text {
+            color: #FEC25D;
+          }
+          .rewards-hover {
+            display: none;
+            position: absolute;
+            top: -20px;
+            right: -115%;
+            background: #1a1821;
+            border: 1px solid #B966FF;
+            box-shadow: 0px 15px 28px 3px rgba(22,22,22,0.13);
+            padding: 0 20px;
+            border-radius: 15px;
+            box-sizing: border-box;
+            li {
+              h6 {
+                margin: 10px 0;
+              }
+              .rewards-hover-btm {
+                display: flex;
+                border-bottom: 1px solid #3D4057;
+                padding-bottom: 10px;
+                img {
+                  width: 28px;
+                  height: 27px;
+                  margin-right: 10px;
+                }
+              }
+              &:last-child {
+                .rewards-hover-btm {
+                  border: 0px;
+                }
+              }
+            }
+          }
+          &:hover {
+            .rewards-hover {
+              display: block
+            }
+          }
         }
       }
       .content-btn {