diff --git a/src/components/market/Piecedialog.vue b/src/components/market/Piecedialog.vue
index 5599dcf..e662b6b 100644
--- a/src/components/market/Piecedialog.vue
+++ b/src/components/market/Piecedialog.vue
@@ -4,19 +4,21 @@
     <div class="container">
       <div class="piece-left">
         <img
-          v-if="piece.c_id"
-          width="214px"
-          :src="
-            require('@/assets/market/piece/details/' + piece.c_id + '_full.png')
-          "
-          alt=""
-        />
-        <img
-          v-else-if="piece.item_id"
+          v-if="piece.token_id"
           width="214px"
           :src="
             require('@/assets/market/piece/details/' +
-              piece.detail.item_id +
+              piece.token_id +
+              '_full.png')
+          "
+          alt=""
+        />
+         <img
+          v-else
+          width="214px"
+          :src="
+            require('@/assets/market/piece/details/' +
+              id +
               '_full.png')
           "
           alt=""
@@ -24,7 +26,7 @@
       </div>
       <div class="piece-right">
         <div class="piece-right-top">
-          <!-- <div class="token-lable">TOKEN ID</div> -->
+          <!-- <div class="token-lable">{{ id }}</div> -->
           <div class="token-id">#{{ piece.token_id }}</div>
         </div>
         <div class="piece-right-bottom">
@@ -127,10 +129,15 @@ export default {
   components: {},
   data() {
     return {
-      piece: "",
+      piece: {
+        detail: {
+          item_id: null,
+        },
+      },
+      piecedata: {},
       loadingInstance: null,
       dialogVisible: false,
-      visible:this.isShow,
+      visible: this.isShow,
       chainManager: new ChainManager(),
     };
   },
@@ -139,7 +146,20 @@ export default {
       this.visible = val;
     },
   },
+  created() {
+    console.log(this.piece.detail.item_id, "this.piece.detail.item_id");
+  },
   computed: {
+    id() {
+      if (this.piece?.detail?.item_id) {
+        return this.piece.detail.item_id;
+      }
+    },
+    // id(){
+    //   if(this.data.info.item_id){
+    //       return this.data.info.item_id
+    //   }
+    // },
     time() {
       if (this.piece.modifytime) {
         return formatSelect(this.piece.modifytime);
@@ -169,8 +189,12 @@ export default {
       return formatPrice(price, decimals, fixed);
     },
     init(data) {
+      // this.$nextTick(() => {
+
       this.dialogVisible = true;
       this.piece = data;
+      //   this.piecedata = data;
+      // });
     },
     handPutShow() {
       this.$emit("handPutShow", this.piece);
@@ -197,7 +221,7 @@ export default {
         if (nftres.status == true) {
           this.$emit("handMessage", 1);
           this.hideLoading();
-           setTimeout(() => {
+          setTimeout(() => {
             this.$emit("handMessageHide");
             this.$emit("closeTip", false);
             setTimeout(() => {
diff --git a/src/components/market/nft/PieceNft.vue b/src/components/market/nft/PieceNft.vue
index 29a31b0..be29c2b 100644
--- a/src/components/market/nft/PieceNft.vue
+++ b/src/components/market/nft/PieceNft.vue
@@ -81,6 +81,7 @@
       @showTip="showTip"
       :isType="isType"
       :isShow="isShow"
+      v-if="isShow"
       :isPiecePut="isPiecePut"
       :isBuy="isBuy"
       @handBuyShow="handBuyShow"
@@ -88,7 +89,7 @@
       @handPutShow="handPutShow"
       @handPutHide="handPutHide"
       @handMessage="handMessage"
-       @handMessageHide="handMessageHide"
+      @handMessageHide="handMessageHide"
     ></PieceDialog>
     <TheSell
       ref="selldialog"
@@ -151,10 +152,12 @@ export default {
       return formatPrice(price, decimals, fixed);
     },
     showTip(data) {
-      this.isShow = true;
-      this.$nextTick(() => {
-        this.$refs.dialog.init(data);
-      });
+      if (data.detail.item_id) {
+        this.isShow = true;
+        this.$nextTick(() => {
+          this.$refs.dialog.init(data);
+        });
+      }
     },
     handPutShow(piece) {
       this.isPiecePut = true;