|
|
@ -7,7 +7,9 @@ |
|
|
<div class="h3 mb-3">{{ detail.coin_name }}</div> |
|
|
<div class="h3 mb-3">{{ detail.coin_name }}</div> |
|
|
<div class>{{ $t("purchase.sendPrice") }}</div> |
|
|
<div class>{{ $t("purchase.sendPrice") }}</div> |
|
|
<div class="price fn-20 blue"> |
|
|
<div class="price fn-20 blue"> |
|
|
1 {{ detail.coin_name }} = {{ detail.issue_price }} USDT |
|
|
1 {{ detail.coin_name }} = {{issue_price}} |
|
|
|
|
|
<!-- {{ detail.issue_price }} --> |
|
|
|
|
|
USDT |
|
|
</div> |
|
|
</div> |
|
|
<ul> |
|
|
<ul> |
|
|
<li class="mt-3"> |
|
|
<li class="mt-3"> |
|
|
@ -84,16 +86,23 @@ |
|
|
</button> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<p v-if="activeCoin.usable_balance"> |
|
|
<!-- v-if="activeCoin.usable_balance" --> |
|
|
|
|
|
<p > |
|
|
{{ $t("wallet.availableBalance") }}：{{ activeCoin.usable_balance }} |
|
|
{{ $t("wallet.availableBalance") }}：{{ activeCoin.usable_balance }} |
|
|
</p> |
|
|
</p> |
|
|
<p> |
|
|
<p> |
|
|
1 {{ activeCoin.coin_name }} ≈ |
|
|
1 |
|
|
{{ activeCoin.proportion_amount | omitTo(5) }} |
|
|
<!-- {{ activeCoin.coin_name }} --> |
|
|
|
|
|
USDT |
|
|
|
|
|
≈ |
|
|
|
|
|
{{ 1 / detail.issue_price | omitTo(4)}} |
|
|
|
|
|
<!-- {{ activeCoin.proportion_amount | omitTo(5) }} --> |
|
|
{{ detail.coin_name }} |
|
|
{{ detail.coin_name }} |
|
|
</p> |
|
|
</p> |
|
|
<p> |
|
|
<p> |
|
|
{{ num || 0 }} {{ activeCoin.coin_name }} ≈ {{ total }} |
|
|
{{ num || 0 }} {{ activeCoin.coin_name }} ≈ |
|
|
|
|
|
{{(activeCoin.CurrentPrice/ detail.issue_price)*num | omitTo(4)}} |
|
|
|
|
|
<!-- {{ total }} --> |
|
|
{{ detail.coin_name }} |
|
|
{{ detail.coin_name }} |
|
|
</p> |
|
|
</p> |
|
|
<button |
|
|
<button |
|
|
@ -155,6 +164,9 @@ |
|
|
<th>{{$t('purchase.subscriptionCurrency')}}</th> |
|
|
<th>{{$t('purchase.subscriptionCurrency')}}</th> |
|
|
<th>{{$t('contract.b1')}}</th> |
|
|
<th>{{$t('contract.b1')}}</th> |
|
|
<th>{{$t('contract.l1')}}</th> |
|
|
<th>{{$t('contract.l1')}}</th> |
|
|
|
|
|
<th>{{$t('contract.l4')}} |
|
|
|
|
|
<!-- （USDT） --> |
|
|
|
|
|
</th> |
|
|
<th class="text-right">{{$t('wallet.status')}}</th> |
|
|
<th class="text-right">{{$t('wallet.status')}}</th> |
|
|
</tr> |
|
|
</tr> |
|
|
</thead> |
|
|
</thead> |
|
|
@ -168,7 +180,10 @@ |
|
|
<td>{{ item.payment_amount }}</td> |
|
|
<td>{{ item.payment_amount }}</td> |
|
|
<td>{{ item.payment_currency }}</td> |
|
|
<td>{{ item.payment_currency }}</td> |
|
|
<td>{{ item.subscription_time|parseTime }}</td> |
|
|
<td>{{ item.subscription_time|parseTime }}</td> |
|
|
<td>{{ ( ((detail.issue_price-(item.payment_amount/item.subscription_currency_amount))/detail.issue_price)*100 ).toFixed(2) }}%</td> |
|
|
<td>{{(item.increase_ratio).toFixed(5)}}%</td> |
|
|
|
|
|
<td>{{(item.total_value).toFixed(5)}}</td> |
|
|
|
|
|
<!-- <td>{{ ( ((detail.issue_price-(item.payment_amount/item.subscription_currency_amount))/detail.issue_price)*100 ).toFixed(2) }}%</td> --> |
|
|
|
|
|
<!-- <td>{{ ( (((item.payment_amount/item.subscription_currency_amount))*detail.issue_price) ).toFixed(2) }}</td> --> |
|
|
<td class="text-right"> |
|
|
<td class="text-right"> |
|
|
<span class="success">{{$t('wallet.success')}}</span> |
|
|
<span class="success">{{$t('wallet.success')}}</span> |
|
|
</td> |
|
|
</td> |
|
|
@ -290,22 +305,24 @@ import Wallet from "@/api/wallet"; |
|
|
export default { |
|
|
export default { |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
num: "", |
|
|
num: 1, |
|
|
coinList: [], |
|
|
coinList: [], |
|
|
detail: {}, |
|
|
detail: {}, |
|
|
activeCoin: {}, |
|
|
activeCoin: {}, |
|
|
code:"", |
|
|
code:"", |
|
|
transferRecords: [], |
|
|
transferRecords: [], |
|
|
coinName:"", |
|
|
coinName:"", |
|
|
subscribeRecords:[], |
|
|
subscribeRecords:[], |
|
|
activityList:[{rate: "", amount: ""},{rate: "", amount: ""},{rate: "", amount: ""},{rate: "", amount: ""},{rate: "", amount: ""}], |
|
|
activityList:[{rate: "", amount: ""},{rate: "", amount: ""},{rate: "", amount: ""},{rate: "", amount: ""},{rate: "", amount: ""}], |
|
|
activestep:0 |
|
|
activestep:0, |
|
|
|
|
|
issue_price:0.03, |
|
|
|
|
|
timer:'' |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
computed: { |
|
|
computed: { |
|
|
total() { |
|
|
total() { |
|
|
return utils.multiple( |
|
|
return utils.multiple( |
|
|
this.num || 0, |
|
|
this.num || 1, |
|
|
this.activeCoin.proportion_amount * 1, |
|
|
this.activeCoin.proportion_amount * 1, |
|
|
2 |
|
|
2 |
|
|
); |
|
|
); |
|
|
@ -378,22 +395,22 @@ export default { |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
ifSubscribeNow() { |
|
|
ifSubscribeNow() { |
|
|
if (this.chkValidate()) { |
|
|
if (this.chkValidate()) { |
|
|
this.$confirm( |
|
|
this.$confirm( |
|
|
`${this.$t("purchase.useOrNot")}${this.activeCoin.coin_name}${this.$t( |
|
|
`${this.$t("purchase.useOrNot")}${this.activeCoin.coin_name}${this.$t( |
|
|
"purchase.subscribe" |
|
|
"purchase.subscribe" |
|
|
)}?`, |
|
|
)}?`, |
|
|
this.$t("purchase.prompt"), |
|
|
this.$t("purchase.prompt"), |
|
|
{ |
|
|
{ |
|
|
confirmButtonText: this.$t("common.confirmBtn"), |
|
|
confirmButtonText: this.$t("common.confirmBtn"), |
|
|
cancelButtonText: this.$t("common.cancelBtn"), |
|
|
cancelButtonText: this.$t("common.cancelBtn"), |
|
|
|
|
|
} |
|
|
|
|
|
) |
|
|
|
|
|
.then(() => { |
|
|
|
|
|
this.subscribeNow(); |
|
|
|
|
|
}) |
|
|
|
|
|
.catch(() => {}); |
|
|
} |
|
|
} |
|
|
) |
|
|
|
|
|
.then(() => { |
|
|
|
|
|
this.subscribeNow(); |
|
|
|
|
|
}) |
|
|
|
|
|
.catch(() => {}); |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
}, |
|
|
sbumit(){ |
|
|
sbumit(){ |
|
|
$("#editAddress").modal("hide"); |
|
|
$("#editAddress").modal("hide"); |
|
|
@ -409,30 +426,34 @@ export default { |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
subscribeNow() { |
|
|
subscribeNow() { |
|
|
let data = { |
|
|
let data = { |
|
|
amount: this.num, |
|
|
amount: this.num, |
|
|
coin_name: this.activeCoin.coin_name, |
|
|
coin_name: this.activeCoin.coin_name, |
|
|
}; |
|
|
}; |
|
|
Subscride.subscribeNow(data) |
|
|
Subscride.subscribeNow(data).then((res) => { |
|
|
.then((res) => { |
|
|
if (res) { |
|
|
if (res) { |
|
|
this.$message.success(this.$t("purchase.subscribeSuccess")); |
|
|
this.$message.success(this.$t("purchase.subscribeSuccess")); |
|
|
this.num = ""; |
|
|
this.num = ""; |
|
|
this.getTransferRecords() |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
.catch((err) => { |
|
|
.catch((err) => { |
|
|
if(err==4002){ |
|
|
if(err==4002){ |
|
|
$("#editAddress").modal("show"); |
|
|
$("#editAddress").modal("show"); |
|
|
} |
|
|
} |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
created() { |
|
|
created() { |
|
|
this.subscribeTokenList(); |
|
|
this.subscribeTokenList(); |
|
|
this.getInfo(); |
|
|
this.getInfo(); |
|
|
this.getTransferRecords() |
|
|
this.getTransferRecords() |
|
|
this.activity() |
|
|
this.activity() |
|
|
}, |
|
|
this.timer=setInterval(this.getTransferRecords,5000) |
|
|
|
|
|
}, |
|
|
|
|
|
beforeDestroy() { |
|
|
|
|
|
clearInterval(this.timer); |
|
|
|
|
|
} |
|
|
}; |
|
|
}; |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
|
