停牌

李凌

2025-09-10 2732ac88d39ba734771ddf014ef5a5131c4196dd

停牌

 src/components/Transform/trade-order-area/index.vue

@@ -26,52 +26,57 @@
    <div class="h-70 lh-70  inputBackground mb-25 flex justify-center px-16 textColor2">
      <span>{{ title }}</span>
    </div>
    <div class="flex total-list">
      <div class="total-div" :class="[!isTotal ? 'active-bg' : '']" @click="checkIsTotal(false)">
        {{ $t('数量') }}
      </div>
      <div class="total-div" :class="[isTotal ? 'active-bg' : '']" @click="checkIsTotal(true)">
        {{ $t('总额') }}
      </div>
    </div>
    <div v-if="!isTotal" class="h-70 lh-70 inputBackground mb-36 flex justify-center px-16">
      <input :placeholder="$t('数量')" class=" w-full h-70 border-none textColor font-28" v-model="form.volume"
        @input="onInput" />
      <span class="textColor font-28">{{ symbol.toLocaleUpperCase() }}</span>
    </div>
    <div v-if="isTotal" class="h-70 lh-70 inputBackground  mb-36 flex justify-center px-16">
      <input :placeholder="$t('总额')" class=" w-full h-70 border-none textColor font-28" v-model="form.total"
        @input="onInputTotal" />
      <span class="textColor font-28">{{ 'USDT' }}</span>
    </div>
    <div class="font-24 w-full flex justify-between items-center textColor1">
      <!-- <span class="flex-1 text-left">0%</span> -->
      <span class="flex-1 tab-item" :class="[percentageVal == 25 ? 'select-active' : '']"
        @click="exchangeVal(25)">25%</span>
      <span class="flex-1 tab-item" :class="[percentageVal == 50 ? 'select-active' : '']"
        @click="exchangeVal(50)">50%</span>
      <span class="flex-1 tab-item" :class="[percentageVal == 75 ? 'select-active' : '']"
        @click="exchangeVal(75)">75%</span>
      <span class="flex-1 tab-item" :class="[percentageVal == 100 ? 'select-active' : '']"
        @click="exchangeVal(100)">100%</span>
    </div>
    <div class="flex justify-between items-center mt-40">
      <div class="flex flex-col font-24">
        <p class="text-grey" v-if="this.currentType === 'open'">{{ $t('可用') }}<span class="textColor ml-8">
            {{ initOpen.volume }}&nbsp;USDT</span>
        </p>
        <p class="text-grey" v-else>{{ $t('可卖') }}<span class="textColor ml-8">{{ initClose.volume }}&nbsp;{{
          symbol.toLocaleUpperCase() }}</span></p>
      </div>
      <van-icon name="add-o" @click="$router.push('/cryptos/exchangePage')" class="font-30 add-icon" />
      <!-- <img @click="$router.push('/exchange/exchangePage')" src="@/assets/image/public/switch.png" class="w-24 h-24" /> -->
    </div>
    <div style="border-radius: 3.5rem;"
      class="w-full h-90 lh-90 flex justify-center text-white text-center rounded buyandSell mt-70"
      :class="currentType === 'open' ? 'bg-green' : 'bg-red'" @click="order()">
      {{ currentType == 'open' ? $t('买入') : $t('卖出') }}
    </div>

    <template  v-if="initClose.status / 1 === 0">
      <div class="flex justify-center items-center h-66 buy-item">{{ $t('停牌中,禁止交易') }}</div>
    </template>
    <template v-else>
      <div class="flex total-list">
        <div class="total-div" :class="[!isTotal ? 'active-bg' : '']" @click="checkIsTotal(false)">
          {{ $t('数量') }}
        </div>
        <div class="total-div" :class="[isTotal ? 'active-bg' : '']" @click="checkIsTotal(true)">
          {{ $t('总额') }}
        </div>
      </div>
      <div v-if="!isTotal" class="h-70 lh-70 inputBackground mb-36 flex justify-center px-16">
        <input :placeholder="$t('数量')" class=" w-full h-70 border-none textColor font-28" v-model="form.volume"
          @input="onInput" />
        <span class="textColor font-28">{{ symbol.toLocaleUpperCase() }}</span>
      </div>
      <div v-if="isTotal" class="h-70 lh-70 inputBackground  mb-36 flex justify-center px-16">
        <input :placeholder="$t('总额')" class=" w-full h-70 border-none textColor font-28" v-model="form.total"
          @input="onInputTotal" />
        <span class="textColor font-28">{{ 'USDT' }}</span>
      </div>
      <div class="font-24 w-full flex justify-between items-center textColor1">
        <!-- <span class="flex-1 text-left">0%</span> -->
        <span class="flex-1 tab-item" :class="[percentageVal == 25 ? 'select-active' : '']"
          @click="exchangeVal(25)">25%</span>
        <span class="flex-1 tab-item" :class="[percentageVal == 50 ? 'select-active' : '']"
          @click="exchangeVal(50)">50%</span>
        <span class="flex-1 tab-item" :class="[percentageVal == 75 ? 'select-active' : '']"
          @click="exchangeVal(75)">75%</span>
        <span class="flex-1 tab-item" :class="[percentageVal == 100 ? 'select-active' : '']"
          @click="exchangeVal(100)">100%</span>
      </div>
      <div class="flex justify-between items-center mt-40">
        <div class="flex flex-col font-24">
          <p class="text-grey" v-if="this.currentType === 'open'">{{ $t('可用') }}<span class="textColor ml-8">
              {{ initOpen.volume }}&nbsp;USDT</span>
          </p>
          <p class="text-grey" v-else>{{ $t('可卖') }}<span class="textColor ml-8">{{ initClose.volume }}&nbsp;{{
            symbol.toLocaleUpperCase() }}</span></p>
        </div>
        <van-icon name="add-o" @click="$router.push('/cryptos/exchangePage')" class="font-30 add-icon" />
        <!-- <img @click="$router.push('/exchange/exchangePage')" src="@/assets/image/public/switch.png" class="w-24 h-24" /> -->
      </div>
      <div style="border-radius: 3.5rem;"
        class="w-full h-90 lh-90 flex justify-center text-white text-center rounded buyandSell mt-70"
        :class="currentType === 'open' ? 'bg-green' : 'bg-red'" @click="order()">
        {{ currentType == 'open' ? $t('买入') : $t('卖出') }}
      </div>
    </template>
  </div>
</template>

@@ -521,7 +526,7 @@
}

.option-box>div:hover {
    background-color: rgba($color: $bg_yellow, $alpha: 0.6);
  background-color: rgba($color: $bg_yellow, $alpha: 0.6);
}

.num-text-color {
@@ -556,6 +561,7 @@

.inputBackground {
  border-radius: 2.5rem;

  input {
    background: transparent !important;
  }

 src/i18n/Deutsch.js

@@ -2828,4 +2828,5 @@
    "已缴纳": "Bezahlt",
    "已分发": "Verteilt",
    "中签数量": "Zuteilungsmenge",
    "停牌中,禁止交易": "Finger weg, ware aus",
}

 src/i18n/Italy.js

@@ -2918,4 +2918,5 @@
    "已缴纳": "Pagato",
    "已分发": "Distribuito",
    "中签数量": "Quantità di assegnazione",
    "停牌中,禁止交易": "In caso di sospensione, il commercio è vietato",
}

 src/i18n/Japanese.js

@@ -2686,4 +2686,5 @@
    "已缴纳": "支払済み",
    "已分发": "配布済み",
    "中签数量": "当選数量",
    "停牌中,禁止交易": "取引停止中,取引禁止です",
}

 src/i18n/Portuguese.js

@@ -638,4 +638,5 @@
    "已缴纳": "Pago",
    "已分发": "Distribuído",
    "中签数量": "Quantidade de alocação",
    "停牌中,禁止交易": "Suspensão, proibição de negociação.",
}

 src/i18n/Spanish.js

@@ -2601,4 +2601,5 @@
    "已缴纳": "Pagado",
    "已分发": "Distribuido",
    "中签数量": "Cantidad de asignación",
    "停牌中,禁止交易": "Suspendido, sin comercio",
}

 src/i18n/cn.js

@@ -2807,4 +2807,5 @@
    "已缴纳": "已繳納",
    "已分发": "已分發",
    "中签数量": "中籤數量",
    "停牌中,禁止交易": "停牌中,禁止交易",
}

 src/i18n/en.js

@@ -2782,4 +2782,5 @@
    "已缴纳": "Paid",
    "已分发": "Distributed",
    "中签数量": "Allocation quantity",
    "停牌中,禁止交易": "Trading is suspended. Trading is prohibited.",
}

 src/i18n/fa.js

@@ -2725,4 +2725,5 @@
    "已缴纳": "Payé",
    "已分发": "Distribué",
    "中签数量": "Quantité d'attribution",
    "停牌中,禁止交易": "Suspension en cours, commerce interdit",
}

 src/i18n/korean.js

@@ -2822,4 +2822,5 @@
    "已缴纳": "납입 완료",
    "已分发": "배분 완료",
    "中签数量": "당첨 수량",
    "停牌中,禁止交易": "주식 거래 정지 중 거래를 금지하다",
}

 src/i18n/th.js

@@ -2793,4 +2793,5 @@
    "已缴纳": "ชำระแล้ว",
    "已分发": "แจกจ่ายแล้ว",
    "中签数量": "จำนวนที่ได้รับจัดสรร",
    "停牌中,禁止交易": "ไม่มีการแลกเปลี่ยน",
}

 src/i18n/vi.js

@@ -2772,4 +2772,5 @@
    "已缴纳": "Đã thanh toán",
    "已分发": "Đã phân phối",
    "中签数量": "Số lượng được phân bổ",
    "停牌中,禁止交易": "Bị đình chỉ, không giao dịch",
}

 src/i18n/zhcn.js

@@ -2787,4 +2787,5 @@
    "已缴纳": "已缴纳",
    "已分发": "已分发",
    "中签数量": "中签数量",
    "停牌中,禁止交易": "停牌中,禁止交易",
}

 src/views/cryptos/Trade/index.vue

@@ -140,9 +140,7 @@
      </div> -->
      <van-action-sheet class="action-sheet" v-model:show="isSelectShow" @select="onSelect" :actions="actions"
        :cancel-text="$t('取消')" close-on-click-action @cancel="onCancel" />

    </div>

  </div>
</template>

@@ -282,6 +280,8 @@
    handleImage,
    ...mapActions('home', [SET_COIN_LIST]),
    onUpdate(symbol) { // 更新
      console.log("symbol",symbol);
      
      this.symbol = symbol
      this.closeSocket()
      this.init(symbol)
@@ -391,7 +391,6 @@
            this.initClose = res
          })
        }

        if (this.userInfo.token) {
          this.getWallet()
          this.timer3 = setInterval(() => {
@@ -399,6 +398,9 @@
          }, 2000)
        }
      }
      else{
        showFailToast(this.$t('请先登录'))
      }
    },
    init(symbol) { // 初始化页面
      this.symbol = symbol