| | |
| | | <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" |
| | |
| | | <p class="text-grey" v-if="this.currentType === 'open'">{{ $t('可用') }}<span class="textColor ml-8"> |
| | | {{ initOpen.volume }} USDT</span> |
| | | </p> |
| | | <p class="text-grey" v-else>{{ $t('可卖') }}<span class="textColor ml-8">{{ initClose.volume }} {{ |
| | | symbol.toLocaleUpperCase() }}</span></p> |
| | | <p class="text-grey" v-else>{{ $t('可卖') }} |
| | | <span class="textColor ml-8"> |
| | | {{ initClose.volume }} {{ 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" /> --> |
| | |
| | | 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 { |
| | |
| | | type: String, |
| | | default: '' |
| | | }, |
| | | symbol: { |
| | | symbolName: { |
| | | type: String, |
| | | default: '' |
| | | }, |
| | |
| | | this.form.order_price_type = 'opponent' |
| | | }, |
| | | methods: { |
| | | strToArr, |
| | | checkIsTotal(val) { |
| | | this.isTotal = val |
| | | this.percentageVal = 0 |