1
李凌
2025-09-20 6b754cd28c45741a24e7f7193b894e3e386e4af8
src/components/Transform/trade-order-area/index.vue
@@ -42,7 +42,7 @@
      <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>
      <span class="textColor font-28">{{ strToArr(symbolName.toLocaleUpperCase(), '/')[0] }}</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"
@@ -65,8 +65,11 @@
          <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>
        <p class="text-grey" v-else>{{ $t('可卖') }}
          <span class="textColor ml-8">
            {{ initClose.volume }}&nbsp;{{ strToArr(symbolName.toLocaleUpperCase(), '/')[0] }}
          </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" /> -->
@@ -86,6 +89,7 @@
import 'vue-slider-component/theme/default.css'
import { _getBalance } from "@/service/user.api.js";
import TradeApi from "@/service/trading.js";
import { strToArr } from '@/utils/utis'
import { mapGetters } from "vuex";
// import PopupConfirmOrder from '@/components/popup-confirm-order'
export default {
@@ -100,7 +104,7 @@
      type: String,
      default: ''
    },
    symbol: {
    symbolName: {
      type: String,
      default: ''
    },
@@ -189,6 +193,7 @@
    this.form.order_price_type = 'opponent'
  },
  methods: {
    strToArr,
    checkIsTotal(val) {
      this.isTotal = val
      this.percentageVal = 0