优化

src/pages/trade/index.vue

@@ -76,10 +76,17 @@
             </view>
           </up-count-down>
           <view
-            class="start-btn"
+            class="start-btn" v-if="!received"
             @click="changeSign"
             :style="{ color: gameCheck == 2 || gameDetail.is_enroll? '#fff' : '' }">{{ gameCheck == 2 && !gameDetail.is_enroll ? "报名" : (gameDetail.is_enroll ? "已报名" : "未报名") }}</view
           >
+          <view class="received-box" v-else>
+            <view style="margin-right: 5px;">{{ (Number(receivedItem.prize) || 0).toFixed(7) }}</view>
+            <view class="game-item-btn" @click="awardFun(receivedItem)">
+              {{receivedItem.is_receive?'已领取':'领取'}}
+            </view>
+          </view>
+         
           <view class="num-txt" v-if="gameCheck != 2"
             >奖池数量：<text>STT{{ (Number(gameDetail.bonus) || 0).toFixed(6) }}</text>
           </view>
@@ -287,7 +294,9 @@ const entry_fee = ref(0);
 const wgt_price = ref(0);
 const privateKey = ref('');
 const triggered = ref(false);
-// const privateKey = "0x4553077da5d773773dad0511c6e5d33142ae2c1bd05a3a8a4a7becbc0d23d9b5";//H5
+const received = ref(false);
+const receivedItem = ref({});
+// const privateKey = ref("0x4553077da5d773773dad0511c6e5d33142ae2c1bd05a3a8a4a7becbc0d23d9b5");//H5
 
 const bgClass = computed(() => {
   if (gameCheck.value === 0) return 'bg1';
@@ -319,6 +328,7 @@ const getGameMatchList = async (type = true) => {
 };
 // 查询游戏赛事排名
 const getGameRank = async (id) => {
+  received.value = false;
   let params = {
     dapp_id: 15,
     match_id:id,
@@ -327,6 +337,12 @@ const getGameRank = async (id) => {
   let res = await matchRank(params);
   if (res.status == 200) {
     gameRankList.value = res.data;
+    gameRankList.value.forEach(item => {
+      if(item.is_self && item.is_prize && gameCheck.value == 0){
+        received.value = true;
+        receivedItem.value = item;
+      }
+    });
   }
 };
 // 切换tab
@@ -841,21 +857,26 @@ const onRefresh = () => {
           }
         }
       }
-      .game-item-btn {
-        width: 178rpx;
-        height: 54rpx;
-        background: url("@/static/image/trade/lingqu-btn-bg.png") 50% no-repeat;
-        background-size: 100% 100%;
-        display: block;
-        color: #f7dbb1;
-        font-size: 28rpx;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-      }
     }
   }
 }
+.game-item-btn {
+    width: 178rpx;
+    height: 54rpx;
+    background: url("@/static/image/trade/lingqu-btn-bg.png") 50% no-repeat;
+    background-size: 100% 100%;
+    display: block;
+    color: #f7dbb1;
+    font-size: 28rpx;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 12rpx 0;
+  }
+  .received-box{
+    display: flex;
+    align-items: center;
+  }
 .show-game-msg {
   background: #000;
   border-radius: 25rpx;