From ae2a6ddd5e10da01fa1ee9487929d623664551be Mon Sep 17 00:00:00 2001
From: yuyongdong <yuyongdong@kingsome.cn>
Date: Mon, 1 Jul 2024 19:48:52 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B5=84=E4=BA=A7=E9=A1=B5=E9=9D=A2card?=
 =?UTF-8?q?=E7=BB=91=E5=AE=9A=E4=BD=BF=E7=94=A8=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/assets/myCard.vue          | 21 +++++++++++++--
 src/components/marketplace/mktContent.vue | 31 ++++++++++++++++++++++-
 src/views/DetailView.vue                  |  8 +++---
 3 files changed, 53 insertions(+), 7 deletions(-)

diff --git a/src/components/assets/myCard.vue b/src/components/assets/myCard.vue
index 182c18a..e9c8dd1 100644
--- a/src/components/assets/myCard.vue
+++ b/src/components/assets/myCard.vue
@@ -21,10 +21,10 @@
             <img src="@/assets/img/marketplace/ETHicon.png" alt="图片">
           </div>
         </div>
-        <div v-if="nftData.type == 0 && nftData.on_sale == 0" class="enabled">
+        <div v-if="nftData.type == 0 && nftData.on_sale == 0" class="enabled" @click="lockToGame">
           Enabled
         </div>
-        <div v-if="nftData.type == 1 && nftData.on_sale == 0" class="link-below">
+        <div v-if="nftData.type == 1 && nftData.on_sale == 0" class="link-below" @click="lockToGame">
           Link below
         </div>
         <!-- <div>{{ nftData.owner_address.substr(0,6) }}...{{ nftData.owner_address.substr(-6) }}</div> -->
@@ -118,6 +118,23 @@ const cancelNft = async (val) => {
   }
 }
 
+// 下链使用
+const lockToGame = async() => {
+// console.log('lockToGame',toRaw(props.nftData).contract_address, [toRaw(props.nftData).token_id])
+// return
+  try {
+    const bc = new BlockChain()
+    let res = await bc.locker.lock(toRaw(props.nftData).contract_address, [toRaw(props.nftData).token_id])
+    console.log('lockToGame success', res)
+    message.success('lockToGame success')
+    router.go(-1)
+  } catch (e) {
+    console.log('lockToGame fail', e.message)
+    // message.error('lockToGame fail.')
+  }
+
+}
+
 
 // 获取出售中价格价格
 const nftPrice = ref()
diff --git a/src/components/marketplace/mktContent.vue b/src/components/marketplace/mktContent.vue
index bde6106..9257b00 100644
--- a/src/components/marketplace/mktContent.vue
+++ b/src/components/marketplace/mktContent.vue
@@ -61,11 +61,17 @@
         </div>
       </div>
       <div class="mkt-content-right-content">
-        <div class="pages">
+        <div class="pages" v-if="nftList != undefined && nftList.length > 0">
           <li v-for="(item, index) in nftList" :key="index">
             <Card v-if="nftList != undefined || nftList.length > 0" @renewNft="renewNft" :nftData="item" />
           </li>
         </div>
+        <div class="pages-no" v-else>
+          <div>
+            <img src="@/assets/img/marketplace/Empty_state.png" alt="">
+          </div>
+          <p>No NFT yet</p>
+        </div>
       </div>
     </div>
     <LoadingDialog :loadingDialogVisible="loadingDialogVisible" />
@@ -317,6 +323,29 @@ onMounted(() => {
           }
         }
       }
+      .pages-no {
+        position: relative;
+        margin-top: 150px;
+        div {
+          margin: 0 auto;
+          width: 401px;
+          height: 322px;
+          img {
+            width: 100%;
+            height: 100%;
+          }
+        }
+        p {
+          position: absolute;
+          top: 260px;
+          left: 52%;
+          transform: translateX(-50%);
+          font-family: 'Poppins';
+          font-weight: bold;
+          font-size: 40px;
+          color: #8587B2;
+        }
+      }
     }
   }
 }
diff --git a/src/views/DetailView.vue b/src/views/DetailView.vue
index 4494296..4480dca 100644
--- a/src/views/DetailView.vue
+++ b/src/views/DetailView.vue
@@ -59,10 +59,10 @@
             3、使用
             -->
             <div v-else>
-              <div class="sell" @click="beginSell" v-if="detailData.nft.on_sale == 0">Buy immediately</div>
-              <div class="cancel" @click="cancelSell" v-if="detailData.nft.on_sale == 1">Off the shelves</div>
-              <div class="redeem" @click="lockToGame" v-if="detailData.nft.on_sale == 0 && detailData.nft.type == 1">Down the chain</div>
-              <div class="redeem" @click="lockToGame" v-if="detailData.nft.on_sale == 0 && detailData.nft.type == 0">Enabled</div>
+              <div class="sell" @click="beginSell" v-if="detailData.nft.on_sale == 0">BList</div>
+              <div class="cancel" @click="cancelSell" v-if="detailData.nft.on_sale == 1">Cancel listing</div>
+              <div class="redeem" @click="lockToGame" v-if="detailData.nft.on_sale == 0 && detailData.nft.type == 1">Convert</div>
+              <div class="redeem" @click="lockToGame" v-if="detailData.nft.on_sale == 0 && detailData.nft.type == 0">Redeem</div>
             </div>
           </div>
           <div class="info">