From f9a8e00fea32e30fe1ad031b265fc574e88ead7a Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Thu, 05 Jun 2025 16:38:41 +0800
Subject: [PATCH] style
---
src/components/perpetual-open/index.vue | 146 ++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 121 insertions(+), 25 deletions(-)
diff --git a/src/components/perpetual-open/index.vue b/src/components/perpetual-open/index.vue
index df39b1e..3fe795d 100644
--- a/src/components/perpetual-open/index.vue
+++ b/src/components/perpetual-open/index.vue
@@ -121,7 +121,7 @@
/>
<span class="ml-20">USDT</span>
</div>
- <div
+ <!-- <div
class="h-76 lh-76 inputBackground mb-30 flex pr-20 justify-center rounded-lg textColor"
v-if="selectIndex == 1"
>
@@ -142,7 +142,7 @@
v-model="form.stop_price_loss"
/>
<span class="font-22 font-400 textColor">{{ $t("止损") }}</span>
- </div>
+ </div> -->
<div
class="w-440 flex items-center inputBackground h-76 lh-76 rounded-lg"
>
@@ -193,9 +193,54 @@
<div class="mt-40 mb-30 w-full flex justify-between items-center">
<span class="font-22 font-400 text-grey">{{
$t("可开张数")
- }}</span>
- <span class="font-22 font-400 textColor">
- {{ initData.volume }}
+ }}</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>
+ <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("张") }}
</span>
</div>
@@ -225,23 +270,44 @@
<div class="flex justify-between mt-30">
<div class="text-grey">{{ $t("合约金额") }}</div>
<div class="textColor">
- {{ initData.amount * (form.amount / 1) * form.lever_rate }} USDT
+ {{
+ (
+ initData.amount *
+ (form.amount / 1) *
+ form.lever_rate
+ ).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 }} USDT
+ {{ ((initData.amount * (form.amount / 1)) | nan).toFixed(4) }}
+ USDT
</div>
</div>
<div class="flex justify-between mt-30">
<div class="text-grey">{{ $t("建仓手续费") }}</div>
- <div class="textColor">
- {{
- userInfo.perpetual_contracts_status === "1"
- ? initData.fee * (form.amount / 1)
- : (initData.fee * (form.amount / 1) * form.lever_rate) | nan
- }}
+ <!-- {{
+ 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.3).toFixed(4) }}
USDT
</div>
</div>
@@ -684,8 +750,8 @@
// 倍数
obj.lever = [
{
- id: 1,
- lever_rate: 1,
+ id: 200,
+ lever_rate: 200,
},
];
}
@@ -723,17 +789,17 @@
title: this.$t("市价"),
type: "1",
},
- {
- title: this.$t("限价"),
- type: "2",
- },
+ // {
+ // title: this.$t("限价"),
+ // type: "2",
+ // },
],
form: {
symbol: "", // 币种
session_token: "",
direction: "buy", // 买or卖
price_type: "opponent", // 市价or限价
- lever_rate: 1, // 杠杆
+ lever_rate: 200, // 杠杆
stop_price_profit: "",
stop_price_loss: "",
price: "",
@@ -781,10 +847,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;
@@ -794,11 +860,41 @@
//获取张数
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)
+ // }
},
// 获取张数,数据转换
getVolumnByLever() {
let vol;
- vol = this.initOpen.volume / 1;
+ // 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
+ );
+ }
return Math.floor(vol);
},
--
Gitblit v1.9.3