status

src/view/components/popup-transactions.vue

@@ -76,7 +76,8 @@
                         </template>
                         <!-- 交易链手续费 -->
                         <template v-else-if="item.bizType == -5">
-                            <img class="icon-avatar" style="margin-left:-4px" :src="require('@/assets/img/icon-box2.png')" />
+                            <img class="icon-avatar" style="margin-left:-4px" :src="item.bizData.imagePath" v-if="item.bizData && item.bizData.imagePath" />
+                            <img class="icon-avatar" style="margin-left:-4px" :src="require('@/assets/img/icon-box2.png')" v-else />
                             <img class="icon-give" :src="require('@/assets/svg/icon-transaction-s.svg')" />
                         </template>
                     </div>

src/view/popup/tabbar-page/message/index.vue

@@ -15,10 +15,23 @@
                   <img class="icon-give" :src="require('@/assets/svg/icon-get-giveaways-s.svg')" />
                 </template>
                 <!-- 发出去红包 -->
-                <template v-else-if="2">
+                <template v-else-if="item.type == 2">
                   <img class="icon-big-give" :src="require('@/assets/svg/icon-send-giveaways-s.svg')" />
                   <img class="icon-mark-give" :src="require('@/assets/svg/icon-send-giveaways-mark.svg')" />
                 </template>
+                <!-- 转出NFT记录 -->
+                <template v-else-if="item.type == 4">
+                  <img
+                    v-if="item.nftItemVO?.imagePath"
+                    class="icon-big-give"
+                    :src="item.nftItemVO?.imagePath" />
+                  <div v-else style="margin-top: 12px;">
+                    <nft-card
+                      :item="item.nftItemVO.createImageInfo"
+                      :width="34">
+                    </nft-card>
+                  </div>
+                </template>
               </div>
               <div class="info-wrapper" :class="{ 'info-center': item.type == 1 }">
                 <div class="left">
@@ -32,6 +45,9 @@
                     <template v-else-if="item.type == 3">
                       Lottery
                     </template>
+                    <template v-else-if="item.type == 4">
+                      Transfer NFT
+                    </template>
                   </div>
                   <div class="time">
                     {{ moment(item.timestamp).format("MM-DD HH:mm:ss") }}
@@ -139,6 +155,11 @@
                           Giveaway Expired
                         </template>
                       </template>
+                      <template v-else-if="item.type == 4">
+                        <template v-if="item.status == 0 || item.status == 1">Transferring</template>
+                        <template v-else-if="item.status == 2">Successful</template>
+                        <template v-else-if="item.status == 3">Transfe Failed</template>
+                      </template>
                     </div>
                     <!-- 发出的红包显示 -->
                     <div class="desc" v-if="item.type == 2">
@@ -208,7 +229,7 @@
                     </div>
                   </div>
                   <!-- 发红包—— 未发出、进行中 隐藏 -->
-                  <img v-if="item.type != 2" class="icon" :src="require('@/assets/svg/icon-cell-arrow-right.svg')" />
+                  <img v-if="item.type != 2 && item.type != 4" class="icon" :src="require('@/assets/svg/icon-cell-arrow-right.svg')" />
                 </div>
               </div>
             </div>
@@ -229,6 +250,7 @@ import { ref, onMounted, inject, onBeforeUnmount } from "vue";
 
 import modal from "@/view/popup/components/modal.vue";
 import redDot from "@/view/components/red-dot.vue";
+import nftCard from '@/view/components/nft-card.vue'
 
 import { getBit, formatSecondsAsDaysOrTime } from "@/uilts/help";
 import { getMineLuckdropRecords } from "@/http/account";