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 | 211 +++++++++++++++++++++++++++++++++++-----------------
1 files changed, 143 insertions(+), 68 deletions(-)
diff --git a/src/components/perpetual-open/index.vue b/src/components/perpetual-open/index.vue
index 5fc3f40..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,25 +191,18 @@
</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.30))/initData.amount)}}
- {{ $t("张") }}
- </span>
+ <!-- {{ 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> -->
<!-- <vue-slider class="mainBox" v-bind="options" :marks="marks" v-model="form.volume" :hide-label="true" width="90%"
@@ -226,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>
@@ -237,38 +230,25 @@
<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)}} USDT
+ {{ (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) }} USDT
+ {{ margin.toFixed(4) }}
+ USDT
</div>
</div>
<div class="flex justify-between mt-30">
<div class="text-grey">{{ $t("建仓手续费") }}</div>
- <!-- {{
+ <!-- {{
userInfo.perpetual_contracts_status === "1"
? 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.30).toFixed(4)}}
- USDT
- </div>
+ <div class="textColor">{{ fee.toFixed(4) }} USDT</div>
</div>
</template>
<div
@@ -709,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,
},
@@ -721,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: {
@@ -748,10 +800,10 @@
title: this.$t("市价"),
type: "1",
},
- {
- title: this.$t("限价"),
- type: "2",
- },
+ // {
+ // title: this.$t("限价"),
+ // type: "2",
+ // },
],
form: {
symbol: "", // 币种
@@ -762,7 +814,7 @@
stop_price_profit: "",
stop_price_loss: "",
price: "",
- amount: "", // 数量
+ amount: 0, // 数量
para_id: "", // 交割周琦id
},
focus: false,
@@ -806,10 +858,10 @@
title: this.$t("市价"),
type: "1",
},
- {
- title: this.$t("限价"),
- type: "2",
- },
+ // {
+ // title: this.$t("限价"),
+ // type: "2",
+ // },
];
this.title = this.selectData[0].title;
this.type = this.selectData[0].type;
@@ -818,30 +870,51 @@
methods: {
//获取张数
getAmount(val) {
- this.form.amount = val;
- // 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){
- // this.form.amount = Math.floor((this.initFutrue.amount-(this.initFutrue.amount * 0.0375))/this.initData.amount)
- // }else if(this.form.lever_rate==100){
- // this.form.amount = Math.floor((this.initFutrue.amount-(this.initFutrue.amount * 0.15))/this.initData.amount)
- // }else{
- // this.form.amount = Math.floor((this.initFutrue.amount-(this.initFutrue.amount * 0.3))/this.initData.amount)
- // }
+ 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){
+ // this.form.amount = Math.floor((this.initFutrue.amount-(this.initFutrue.amount * 0.0375))/this.initData.amount)
+ // }else if(this.form.lever_rate==100){
+ // this.form.amount = Math.floor((this.initFutrue.amount-(this.initFutrue.amount * 0.15))/this.initData.amount)
+ // }else{
+ // this.form.amount = Math.floor((this.initFutrue.amount-(this.initFutrue.amount * 0.3))/this.initData.amount)
+ // }
},
// 获取张数,数据转换
getVolumnByLever() {
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)
- }else if(this.form.lever_rate==50){
- vol = Math.floor((this.initFutrue.amount-(this.initFutrue.amount * 0.0375))/this.initData.amount)
- }else if(this.form.lever_rate==100){
- vol = Math.floor((this.initFutrue.amount-(this.initFutrue.amount * 0.15))/this.initData.amount)
- }else{
- vol = Math.floor((this.initFutrue.amount-(this.initFutrue.amount * 0.3))/this.initData.amount)
- }
+ if (this.form.lever_rate == 25) {
+ 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
+ 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
+ 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
+ this.initFutrue.amount / (this.initData.amount + 0.3)
+ ) * this.form.lever_rate;
+ }
return Math.floor(vol);
},
@@ -1119,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