From 534753db3c5b3591e704fabafce66def0e0b0cf6 Mon Sep 17 00:00:00 2001
From: zhl <zhl010101@gmail.com>
Date: Sat, 29 Jan 2022 16:24:17 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=84=E5=94=AE=E5=B0=9A=E6=9C=AA=E5=BC=80?=
 =?UTF-8?q?=E5=A7=8B=E6=97=B6,=20=E7=82=B9=E5=87=BB=E8=B4=AD=E4=B9=B0?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E5=90=8E=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/main/GamePlaySection.vue |  1 -
 src/components/main/NftSection.vue      |  3 ++-
 src/components/main/VideoSection.vue    |  1 -
 src/components/market/NftItem.vue       | 14 +++++++++++++-
 src/store/modules/app.ts                | 11 +++++++++++
 5 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/src/components/main/GamePlaySection.vue b/src/components/main/GamePlaySection.vue
index 8fcda27..891d6d5 100644
--- a/src/components/main/GamePlaySection.vue
+++ b/src/components/main/GamePlaySection.vue
@@ -34,7 +34,6 @@
 import { Component, Vue } from 'vue-property-decorator'
 import { ISpineData } from '@/utils/SpineRender'
 import SpineView from '@/components/main/SpineView.vue'
-import 'videojs-contrib-hls'
 import { getBrowser } from '@/utils/browser.util'
 
 @Component({
diff --git a/src/components/main/NftSection.vue b/src/components/main/NftSection.vue
index 9fb9d61..bdd9cdf 100644
--- a/src/components/main/NftSection.vue
+++ b/src/components/main/NftSection.vue
@@ -169,9 +169,10 @@ export default class extends Vue {
       this.presaleStatus = res.presale_info.state || 0
       this.presaleTitle = res.presale_info.title
       this.countdown = res.presale_info.countdown
-      if (this.presaleStatus === 2 && this.countdown > 0) {
+      if (this.presaleStatus === 1 && this.countdown > 0) {
         this.beginCountdown()
       }
+      AppModule.updatePresaleStat(this.presaleStatus)
       AppModule.updateCanBuy(this.presaleStatus === 2 &&
         this.numberRest > 0 &&
         !this.buyed
diff --git a/src/components/main/VideoSection.vue b/src/components/main/VideoSection.vue
index 3600034..160e239 100644
--- a/src/components/main/VideoSection.vue
+++ b/src/components/main/VideoSection.vue
@@ -14,7 +14,6 @@
 
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
-import 'videojs-contrib-hls'
 
 @Component({
   name: 'VideoSection',
diff --git a/src/components/market/NftItem.vue b/src/components/market/NftItem.vue
index 2deb97d..049ca53 100644
--- a/src/components/market/NftItem.vue
+++ b/src/components/market/NftItem.vue
@@ -4,7 +4,7 @@
     <div v-if="data.id" class="anim-border">
       <img class="card-main-img" :src="require(`@/assets/main/card/${data.skelName}.png`)"  alt=""/>
       <div class="name-label" :class="{'bottom': !data.showBuy}">{{data.name}}</div>
-      <div class="info-div" v-if="data.showBuy" @click="buyItem" :class="{'gray': data.stopBuy}">
+      <div class="info-div" v-if="data.showBuy" @click="buyItem" :class="{'gray': !canBuy}">
         <img class='buy-icon' src="@/assets/main/card/icon_buy.png" alt=""/>
         <div class="price-label">
           <span :class="{'price': data.price !== data.priceDiscount}">{{priceDiscountShow}} {{data.currency}}</span>
@@ -46,6 +46,10 @@ export default class extends Vue {
     return AppModule.walletConnected
   }
 
+  get canBuy() {
+    return !this.data.showBuy && AppModule.presaleStatus === 2
+  }
+
   get priceDiscountShow() {
     const v = Math.pow(10, this.data.decimals!)
     return (this.data.priceDiscount! / v).toFixed(3)
@@ -61,6 +65,14 @@ export default class extends Vue {
   }
 
   async buyItem() {
+    if (!this.canBuy) {
+      Message({
+        message: 'Can`t buy current time',
+        type: 'warning',
+        duration: 5 * 1000
+      })
+      return
+    }
     if (!this.accountId) {
       return await this.bc.connect()
     }
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index 2aa27e3..4bdd5bd 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -24,6 +24,7 @@ class App extends VuexModule implements IAppState {
   public walletConnected = false;
   public accountId = ''
   public chainId = 0
+  public presaleStatus = 0
   public canBuy = false
 
   @Action
@@ -56,6 +57,11 @@ class App extends VuexModule implements IAppState {
     this.UPDATE_CANBUY(val)
   }
 
+  @Action
+  public updatePresaleStat(val: number) {
+    this.UPDATE_PRESALE_STAT(val)
+  }
+
   @Mutation
   private TOGGLE_DEVICE(device: DeviceType) {
     this.device = device
@@ -87,6 +93,11 @@ class App extends VuexModule implements IAppState {
     this.canBuy = val
   }
 
+  @Mutation
+  private UPDATE_PRESALE_STAT(val: number) {
+    this.presaleStatus = val
+  }
+
   public get hexChainId() {
     return '0x' + this.chainId.toString(16)
   }