0510航天交易所ui仿制,代码使用的jiem
jhzh
2025-06-05 403a561610f34365bf996ac135e03e2ceafe9afc
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,11 +193,23 @@
            <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.30))/initData.amount)}}
             {{ $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%"
@@ -225,25 +237,38 @@
            <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.30).toFixed(4)}}
             USDT
           </div>
            </div>
          </template>
          <div
@@ -684,8 +709,8 @@
          // 倍数
          obj.lever = [
            {
              id: 1,
              lever_rate: 1,
              id: 200,
              lever_rate: 200,
            },
          ];
        }
@@ -733,7 +758,7 @@
        session_token: "",
        direction: "buy", // 买or卖
        price_type: "opponent", // 市价or限价
        lever_rate: 1, // 杠杆
        lever_rate: 200, // 杠杆
        stop_price_profit: "",
        stop_price_loss: "",
        price: "",
@@ -794,11 +819,29 @@
    //获取张数
    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);
    },