From 4aaa6f3fe0fdfd1ba95e4719c0619db1166224cf Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Thu, 03 Jul 2025 16:13:36 +0800
Subject: [PATCH] feat: 添加下载
---
src/components/perpetual-open/index.vue | 212 +++++++++++++++++++++++++++++-----------------------
1 files changed, 117 insertions(+), 95 deletions(-)
diff --git a/src/components/perpetual-open/index.vue b/src/components/perpetual-open/index.vue
index 3fe795d..17c6575 100644
--- a/src/components/perpetual-open/index.vue
+++ b/src/components/perpetual-open/index.vue
@@ -161,7 +161,7 @@
<input
:placeholder="
selectIndex == 1
- ? $t('张数')
+ ? $t('手数')
: $t('最少') + initFutrue && initFutrue.para
? $t('最小金额') + initFutrue.para[paraIndex].buy_min
: ''
@@ -191,57 +191,17 @@
</div>
<template v-if="selectIndex == 1">
<div class="mt-40 mb-30 w-full flex justify-between items-center">
- <span class="font-22 font-400 text-grey">{{
- $t("可开张数")
- }}</span
- >{{ form.lever_rate }}
- <span
- class="font-22 font-400 textColor"
- v-if="form.lever_rate == 25"
- >
- {{
- Math.floor(
- (initFutrue.amount - initFutrue.amount * 0.0375) /
- initData.amount
- )
- }}
- {{ $t("张") }}
+ <span class="font-22 font-400 text-grey">
+ <!-- {{ $t("可开") }}{{ $t("手数") }} -->
+ {{ $t("可用余额") }}
+ <!-- {{initFutrue.amount / (initData.amount + 0.0375) * form.lever_rate }} // -->
</span>
- <span
- class="font-22 font-400 textColor"
- v-if="form.lever_rate == 50"
- >
- {{
- Math.floor(
- (initFutrue.amount - initFutrue.amount * 0.075) /
- initData.amount
- )
- }}
- {{ $t("张") }}
- </span>
- <span
- class="font-22 font-400 textColor"
- v-if="form.lever_rate == 100"
- >
- {{
- Math.floor(
- (initFutrue.amount - initFutrue.amount * 0.15) /
- initData.amount
- )
- }}
- {{ $t("张") }}
- </span>
- <span
- class="font-22 font-400 textColor"
- v-if="form.lever_rate == 200"
- >
- {{
- Math.floor(
- (initFutrue.amount - initFutrue.amount * 0.3) /
- initData.amount
- )
- }}
- {{ $t("张") }}
+ <!-- {{ form.lever_rate }} -->
+ <span class="font-22 font-400 textColor">
+ <!-- 余额 -->
+ {{ initFutrue.amount }} USDT
+ <!-- {{ maxItems }} -->
+ <!-- {{ $t("手数") }} -->
</span>
</div>
<!-- <vue-slider v-bind="options" v-model="form.amount"></vue-slider> -->
@@ -259,10 +219,10 @@
<span class="flex-1 text-right">75%</span>
<span class="flex-1 text-right">100%</span>
</div> -->
- <!-- 张数输入 -->
+ <!-- 张数 滑块 -->
<amount-slider
ref="sliderRef"
- :maxAmount="getVolumnByLever()"
+ :maxAmount="maxItems"
@getAmount="getAmount"
></amount-slider>
</template>
@@ -270,20 +230,14 @@
<div class="flex justify-between mt-30">
<div class="text-grey">{{ $t("合约金额") }}</div>
<div class="textColor">
- {{
- (
- initData.amount *
- (form.amount / 1) *
- form.lever_rate
- ).toFixed(4)
- }}
+ {{ (form.amount * initData.amount).toFixed(4) }}
USDT
</div>
</div>
<div class="flex justify-between mt-30">
<div class="text-grey">{{ $t("保证金") }}</div>
<div class="textColor">
- {{ ((initData.amount * (form.amount / 1)) | nan).toFixed(4) }}
+ {{ margin.toFixed(4) }}
USDT
</div>
</div>
@@ -294,22 +248,7 @@
? initData.fee * (form.amount / 1)
: (initData.fee * (form.amount / 1) * form.lever_rate) | nan
}} -->
- <div class="textColor" v-if="form.lever_rate == 25">
- {{ (initData.amount * (form.amount / 1) * 0.0375).toFixed(4) }}
- USDT
- </div>
- <div class="textColor" v-if="form.lever_rate == 50">
- {{ (initData.amount * (form.amount / 1) * 0.075).toFixed(4) }}
- USDT
- </div>
- <div class="textColor" v-if="form.lever_rate == 100">
- {{ (initData.amount * (form.amount / 1) * 0.15).toFixed(4) }}
- USDT
- </div>
- <div class="textColor" v-if="form.lever_rate == 200">
- {{ (initData.amount * (form.amount / 1) * 0.3).toFixed(4) }}
- USDT
- </div>
+ <div class="textColor">{{ fee.toFixed(4) }} USDT</div>
</div>
</template>
<div
@@ -750,6 +689,18 @@
// 倍数
obj.lever = [
{
+ id: 25,
+ lever_rate: 25,
+ },
+ {
+ id: 50,
+ lever_rate: 50,
+ },
+ {
+ id: 100,
+ lever_rate: 100,
+ },
+ {
id: 200,
lever_rate: 200,
},
@@ -762,6 +713,66 @@
coudBuyVolume() {
// 可买数量
return Math.floor(this.initOpen.volume / 1 / this.form.lever_rate);
+ },
+ // 每份保证金
+ perItemMargin() {
+ console.log(
+ this.initData,
+ ": 每份保证金",
+ this.initData.amount / this.form.lever_rate
+ );
+ return this.initData.amount / this.form.lever_rate;
+ },
+ // 每份手续费（基于保证金）
+ perItemFee() {
+ const rateMap = {
+ 25: 0.0375,
+ 50: 0.075,
+ 100: 0.15,
+ 200: 0.3,
+ };
+ const rate = rateMap[this.form.lever_rate];
+ return this.perItemMargin * rate;
+ },
+ // 每份总支出
+ perItemTotalCost() {
+ return this.perItemMargin + this.perItemFee;
+ },
+ // 最大可购买整数份数
+ maxItems() {
+ console.log(this.initFutrue.amount, ": initFutrue.amount");
+ if (this.perItemTotalCost <= 0) return 0;
+ return Math.floor(this.initFutrue.amount / this.perItemTotalCost);
+ },
+ // 实际交易金额
+ actualTradeValue() {
+ return this.form.amount * this.initData.amount;
+ },
+ // 总保证金
+ margin() {
+ return this.form.amount * this.perItemMargin;
+ },
+ // 总手续费
+ fee() {
+ return this.form.amount * this.perItemFee;
+ },
+ // 总支出
+ totalExpenditure() {
+ return this.margin + this.fee;
+ },
+ calculatedFee() {
+ const rateMap = {
+ 25: 0.0375,
+ 50: 0.075,
+ 100: 0.15,
+ 200: 0.3,
+ };
+ const rate = rateMap[this.form.lever_rate];
+ console.log(this.initData.amount, ": initData.amount");
+ return (
+ (this.form.amount * this.initData.amount * rate) / this.form.lever_rate
+ );
+ // : this.initData.amount * (this.form.amount / 1) * rate;
},
},
filters: {
@@ -803,7 +814,7 @@
stop_price_profit: "",
stop_price_loss: "",
price: "",
- amount: "", // 数量
+ amount: 0, // 数量
para_id: "", // 交割周琦id
},
focus: false,
@@ -859,7 +870,8 @@
methods: {
//获取张数
getAmount(val) {
- this.form.amount = val;
+ console.log(val, "获取张数");
+ this.form.amount = val || 0;
// if(this.form.lever_rate==25){
// this.form.amount = Math.floor((this.initFutrue.amount-(this.initFutrue.amount * 0.0375))/this.initData.amount)
// }else if(this.form.lever_rate==50){
@@ -875,25 +887,33 @@
let vol;
// vol = this.initOpen.volume / 1;
if (this.form.lever_rate == 25) {
- vol = Math.floor(
- (this.initFutrue.amount - this.initFutrue.amount * 0.0375) /
- this.initData.amount
- );
+ vol =
+ Math.floor(
+ // (this.initFutrue.amount - this.initFutrue.amount * 0.0375) /
+ // this.initData.amount
+ this.initFutrue.amount / (this.initData.amount + 0.0375)
+ ) * this.form.lever_rate;
} else if (this.form.lever_rate == 50) {
- vol = Math.floor(
- (this.initFutrue.amount - this.initFutrue.amount * 0.0375) /
- this.initData.amount
- );
+ vol =
+ Math.floor(
+ // (this.initFutrue.amount - this.initFutrue.amount * 0.0375) /
+ // this.initData.amount
+ this.initFutrue.amount / (this.initData.amount + 0.075)
+ ) * this.form.lever_rate;
} else if (this.form.lever_rate == 100) {
- vol = Math.floor(
- (this.initFutrue.amount - this.initFutrue.amount * 0.15) /
- this.initData.amount
- );
+ vol =
+ Math.floor(
+ // (this.initFutrue.amount - this.initFutrue.amount * 0.15) /
+ // this.initData.amount
+ this.initFutrue.amount / (this.initData.amount + 0.15)
+ ) * this.form.lever_rate;
} else {
- vol = Math.floor(
- (this.initFutrue.amount - this.initFutrue.amount * 0.3) /
- this.initData.amount
- );
+ vol =
+ Math.floor(
+ // (this.initFutrue.amount - this.initFutrue.amount * 0.3) /
+ // this.initData.amount
+ this.initFutrue.amount / (this.initData.amount + 0.3)
+ ) * this.form.lever_rate;
}
return Math.floor(vol);
},
@@ -1172,11 +1192,13 @@
this.$refs.sliderRef.emptyValue();
}
this.$toast(this.$t("操作成功"));
+
_getBalance().then((data) => {
// 刷新余额
this.$store.commit("user/SET_USERINFO", {
balance: data.money,
});
+ location.reload();
});
this.$emit("ordered", emitFunc);
if (this.selectIndex / 1 === 2) {
--
Gitblit v1.9.3