| | |
| | | </div> |
| | | </div> |
| | | <span class="all" style="color: #3D8AF2" @click="allExchange">{{$t("message.RedeemAll")}}</span> |
| | | <button class="btn" :disabled="!ethAmount" @click="submitExchange">{{$t("message.Exchange")}}</button> |
| | | <button class="btn" :disabled="!ethAmount || isRequesting" @click="submitExchange">{{$t("message.Exchange")}}</button> |
| | | <div class="tips"> |
| | | <p>{{$t("message.Price")}}:1ETH ≈ {{info.newPrice}}USDT</p> |
| | | <p>{{$t("message.Tip1")}}</p> |
| | |
| | | <span>USDT</span> |
| | | </div> |
| | | <input placeholder="0.000" type="number" v-model.number="usdtAmount"/> |
| | | <span class="all">{{$t("message.WithdrawalAmount")}}</span> |
| | | <span class="all" style="color: #3D8AF2" @click="allWithdraw">{{$t("message.WithdrawalAll")}}</span> |
| | | </div> |
| | | <div class="item flex-1 flex align-end flex-v"> |
| | | <div> |
| | |
| | | let info = ref({}); |
| | | let ethAmount = ref(); |
| | | let usdtAmount = ref(); |
| | | let isRequesting = ref(false); |
| | | let ethToUsdtAmount = computed(() => { |
| | | if (!ethAmount.value || isNaN(ethAmount.value)) { |
| | | return '0.0000' |
| | |
| | | this.$toast(this.$t('message.NOETH2')); |
| | | return; |
| | | } |
| | | this.$toast.loading({ |
| | | message: this.$t('message.Submitting'), |
| | | overlay: true, |
| | | duration: 0 |
| | | }); |
| | | proxy.isRequesting = true; |
| | | this.$axios({ |
| | | url: '/dapi/member/change', |
| | | method: 'post', |
| | |
| | | amount: ethAmount.value |
| | | } |
| | | }).then((res) => { |
| | | if(res.code == 200) { |
| | | ethAmount.value = ''; |
| | | this.$toast(this.$t('message.ExchangeSuc')); |
| | | getWalletInfo() |
| | | getRecordList(1) |
| | | }else{ |
| | | this.$toast(res.message); |
| | | } |
| | | this.$toast.clear(true) |
| | | }).catch(() => { |
| | | this.$toast.clear(true) |
| | | ethAmount.value = ''; |
| | | proxy.isRequesting = false; |
| | | if (res.code == 200) { |
| | | this.$toast(this.$t('message.ExchangeSuc')); |
| | | getWalletInfo() |
| | | getRecordList(1) |
| | | } else if(res.code == 401){ |
| | | this.$toast(this.$t('message.ApproveTip')); |
| | | } else { |
| | | this.$toast(res.message); |
| | | } |
| | | }).catch((err) => { |
| | | proxy.isRequesting = false; |
| | | }) |
| | | } |
| | | function allWithdraw () { |
| | | if(!proxy.myAccountInfo.availableWallet) { |
| | | return; |
| | | } |
| | | usdtAmount.value = proxy.myAccountInfo.availableWallet |
| | | } |
| | | function submitWithdraw () { |
| | | if(Number(usdtAmount.value) < 100) { |
| | |
| | | this.$toast(this.$t('message.NOETH2')); |
| | | return; |
| | | } |
| | | this.$toast.loading({ |
| | | message: this.$t('message.Submitting'), |
| | | overlay: true, |
| | | duration: 0 |
| | | }); |
| | | proxy.isRequesting = true; |
| | | this.$axios({ |
| | | url: '/dapi/member/withdraw', |
| | | method: 'post', |
| | |
| | | amount: usdtAmount.value |
| | | } |
| | | }).then((res) => { |
| | | if(res.code == 200) { |
| | | usdtAmount.value = ''; |
| | | this.$toast(this.$t('message.Withdrawing2')); |
| | | getWalletInfo() |
| | | getRecordList(2) |
| | | }else{ |
| | | this.$toast(res.message); |
| | | } |
| | | this.$toast.clear(true) |
| | | usdtAmount.value = ''; |
| | | proxy.isRequesting = false; |
| | | if(res.code == 200) { |
| | | this.$toast(this.$t('message.Withdrawing2')); |
| | | getWalletInfo() |
| | | getRecordList(2) |
| | | } else if(res.code == 401){ |
| | | this.$toast(this.$t('message.ApproveTip')); |
| | | } else { |
| | | this.$toast(res.message); |
| | | } |
| | | }).catch(() => { |
| | | this.$toast.clear(true) |
| | | proxy.isRequesting = false; |
| | | }) |
| | | } |
| | | function getRecordList (type) { |
| | |
| | | getWalletInfo, |
| | | allExchange, |
| | | submitExchange, |
| | | allWithdraw, |
| | | submitWithdraw, |
| | | onClickTab |
| | | onClickTab, |
| | | isRequesting |
| | | }; |
| | | }, |
| | | methods: { |