fix

src/components/market/Dundialog.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-dialog :show-close="false" :visible.sync="dialogVisible">
+  <el-dialog :show-close="false" :visible.sync="visible">
     <Transition v-if="!isTabs">
       <div class="contaier">
         <div class="hero-left-info">
@@ -304,21 +304,22 @@ export default {
   data() {
     return {
       isTabs: false,
+      visible:this.dialogVisible,
       loadingInstance: null,
       chainManager: new ChainManager(),
     };
   },
-  created() {
+ watch:{
-    // console.log(((data.detail.rand_attr[7].val *1)*100).toFixed(2),'opoppo');
+  dialogVisible(val){
-  },
+    this.visible = val
+  }
+},
   methods: {
     closeMyself(hide) {
       this.$emit("on-close", hide);
-      //如果需要传参的话，可以在"on-close"后面再加参数，然后在父组件的函数里接收就可以了。
     },
     open() {
       this.$emit("on-open");
-      //如果需要传参的话，可以在"on-close"后面再加参数，然后在父组件的函数里接收就可以了。
     },
     formatPriceShow(price, decimals, fixed = 2) {
       return formatPrice(price, decimals, fixed);
@@ -600,13 +601,15 @@ export default {
     font-size: 39px;
     position: relative;
     font-family: "Arciform";
+    text-align: right;
     font-weight: 400;
     color: #ffffff;
-    background: url("../../assets/market/hero/price.png") no-repeat;
+     background: url("../../assets/market/hero/price.png") no-repeat;
-    background-size: contain;
+    background-size: 100% 100%;
     .price-number {
       line-height: 89px;
-      margin-left: 78px;
+      margin-right: 10px;
+      // margin-left: 78px;
     }
   }
   .mynft {

src/components/market/Piecedialog.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-dialog :show-close="false" :visible.sync="isShow">
+  <el-dialog :show-close="false" :visible.sync="visible">
     <div class="bg"></div>
     <div class="container">
       <div class="piece-left">
@@ -130,9 +130,15 @@ export default {
       piece: "",
       loadingInstance: null,
       dialogVisible: false,
+      visible:this.isShow,
       chainManager: new ChainManager(),
     };
   },
+  watch: {
+    isShow(val) {
+      this.visible = val;
+    },
+  },
   computed: {
     time() {
       if (this.piece.modifytime) {

src/components/market/TheSellDialog.vue

@@ -138,58 +138,30 @@ export default {
     };
   },
   created() {
-    console.log(
-      /^0\.([1-9]|\d[1-9])$|^[1-9]\d{0,5}\.\d{0,2}$|^[1-9]\d{0,5}$/.test(
-        "0.01"
-      ),
-      "888888888888"
-    );
-    // console.log(this.currencyTypeList.length,'this.currencyTypeList');
     if (this.currencyTypeList.length > 0 && this.currencyTypeList) {
       this.value = this.currencyTypeList[0].address;
     } else {
       return false;
     }
-    //  this.value = this.currencyTypeList[0].address;
+  },
+   beforeUpdate() {
+    if (this.currencyTypeList.length > 0 && this.currencyTypeList) {
+      this.value = this.currencyTypeList[0].address;
+    } else {
+      return false;
+    }
   },
   methods: {
     closeTip() {
       this.$emit("handPutHide");
     },
     async handMessage() {
-      // this.$emit('handMessage',0)
       this.$message({
         message: "You just copied accountId",
         type: "success",
         duration: 5 * 1000,
       });
-      console.log("handMessage", 1);
+
-      // switch (this.type) {
-      //   case "hero":
-      //     this.nft_Token = CONTRACT_ADDRESS[AppModule.chainId].hero;
-      //     break;
-      //   case "weapon":
-      //     this.nft_Token = CONTRACT_ADDRESS[AppModule.chainId].weapon;
-      //     break;
-      //   case "chip":
-      //     this.nft_Token = CONTRACT_ADDRESS[AppModule.chainId].chip;
-      //     break;
-      //   case "piece":
-      //     this.nft_Token = CONTRACT_ADDRESS[AppModule.chainId].piece;
-      //     break;
-      // }
-      // try {
-      //   const nftres = await this.chainManager.bc.beginApproveSell(
-      //     this.piece ? this.piece.detail.token_id : this.data.detail.token_id,
-      //     CONTRACT_ADDRESS[AppModule.chainId].marketDddress,
-      //     this.nft_Token,
-      //     this.type == "hero" || this.type == "weapon" ? false : true
-      //   );
-      //   console.log(nftres, "beginSell");
-      // } catch (err) {
-      //   console.log("query order status error", err);
-      // }
-      console.log("handMessage2222");
     },
     async handConfirm() {
       this.$refs.deptForm.validate(async (valid) => {
@@ -209,6 +181,7 @@ export default {
               if (nftres.status == true) {
                 this.hideLoading();
                 this.$emit("handMessage", 1);
+                this.closeTip()
               }
             } catch (err) {
               this.hideLoading();
@@ -271,8 +244,6 @@ export default {
     init(data) {
       this.dialogVisible = true;
       this.piece = data;
-      // console.log(data, "dfgdg");
-      // console.log(this.piece.detail.balance, "this.piece.detail.balance");
     },
     async handBeginNftSell() {
       this.$refs.deptForm.validate(async (valid) => {
@@ -317,6 +288,7 @@ export default {
             if (nftres.status == true) {
               this.hideLoading();
               this.$emit("handMessage", 1);
+              this.closeTip()
             }
             console.log(nftres, "beginSell");
           } catch (err) {

src/components/market/nft/HeroNft.vue

@@ -359,7 +359,7 @@ export default class HeroNft extends Vue {
     display: flex;
   }
   .item-Image {
-    margin-left: 8px;
+    margin-left: 4px;
     display: flex;
   }
   .sale {