0510航天交易所ui仿制,代码使用的jiem
lxf
2025-06-19 405dc49f690cc53d473acf0db175f524f6cf7417
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,21 +191,23 @@
          </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 text-grey">
                {{ $t("可开") }}{{ $t("手数") }}
                <!-- {{initFutrue.amount / (initData.amount + 0.0375) * form.lever_rate }}  //  -->
                <!-- {{ initFutrue.amount }} // 余额 -->
              </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
                    (initFutrue.amount / (initData.amount + 0.0375)) *
                      form.lever_rate
                  )
                }}
                {{ $t("张") }}
                {{ $t("手数") }}
              </span>
              <span
                class="font-22 font-400 textColor"
@@ -213,11 +215,11 @@
              >
                {{
                  Math.floor(
                    (initFutrue.amount - initFutrue.amount * 0.075) /
                      initData.amount
                    (initFutrue.amount / (initData.amount + 0.075)) *
                      form.lever_rate
                  )
                }}
                {{ $t("张") }}
                {{ $t("手数") }}
              </span>
              <span
                class="font-22 font-400 textColor"
@@ -225,11 +227,11 @@
              >
                {{
                  Math.floor(
                    (initFutrue.amount - initFutrue.amount * 0.15) /
                      initData.amount
                    (initFutrue.amount / (initData.amount + 0.15)) *
                      form.lever_rate
                  )
                }}
                {{ $t("张") }}
                {{ $t("手数") }}
              </span>
              <span
                class="font-22 font-400 textColor"
@@ -237,11 +239,11 @@
              >
                {{
                  Math.floor(
                    (initFutrue.amount - initFutrue.amount * 0.3) /
                      initData.amount
                    (initFutrue.amount / (initData.amount + 0.3)) *
                      form.lever_rate
                  )
                }}
                {{ $t("张") }}
                {{ $t("手数") }}
              </span>
            </div>
            <!-- <vue-slider v-bind="options" v-model="form.amount"></vue-slider> -->
@@ -270,20 +272,16 @@
            <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) }}
                {{
                  ((form.amount * initData.amount) / form.lever_rate).toFixed(4)
                }}
                USDT
              </div>
            </div>
@@ -307,7 +305,7 @@
                USDT
              </div>
              <div class="textColor" v-if="form.lever_rate == 200">
                {{ (initData.amount * (form.amount / 1) * 0.3).toFixed(4) }}
                {{ ((form.amount * 0.3) / form.lever_rate).toFixed(4) }}
                USDT
              </div>
            </div>
@@ -803,7 +801,7 @@
        stop_price_profit: "",
        stop_price_loss: "",
        price: "",
        amount: "", // 数量
        amount: 0, // 数量
        para_id: "", // 交割周琦id
      },
      focus: false,
@@ -859,7 +857,7 @@
  methods: {
    //获取张数
    getAmount(val) {
      this.form.amount = 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){
@@ -876,23 +874,31 @@
      // 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
          // (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.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.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.initFutrue.amount * 0.3) /
          //   this.initData.amount
          (this.initFutrue.amount / (this.initData.amount + 0.3)) *
            this.form.lever_rate
        );
      }
      return Math.floor(vol);