1

jhzh

2024-10-24 e0eddb9df4bf0beca048072386fe89a106817a2c

 src/components/perpetual-open/index.vue

@@ -64,7 +64,13 @@
            </div>
            <div class="text-right items-end justify-end">
              <div class="">{{ $t("数量") }}</div>
              <div class="mt-4">({{ symbol | _symbolName() }})</div>
              <div class="mt-4" v-if="symbol=='MOTHER'">(ORBITAL)</div>
           <div class="mt-4" v-else-if="symbol=='ZKP'">(ZYD)</div>
           <div class="mt-4" v-else-if="symbol=='DEA'">(DIA)</div>
           <div class="mt-4" v-else-if="symbol=='AXFD'">(XETA)</div>
           <div class="mt-4" v-else-if="symbol=='SMK'">(OG)</div>
           <div class="mt-4" v-else-if="symbol=='FPP'">(FIL)</div>
           <div class="mt-4" v-else>({{ symbol | _symbolName() }})</div>
            </div>
          </div>
          <div
@@ -222,46 +228,32 @@
            @paraId="onParaId"
          />
          
          <div class="w-440 flex items-center box-show h-76 lh-76 rounded-lg">
            <div
              v-if="selectIndex == 1"
              class="w-80 flex items-center justify-center"
              style="height: 100%"
              @click="onReduce"
            >
              <img
                src="../../assets/image/public/reduce.png"
                alt="add"
                class="w-30 h-6"
              />
          <div style="border: 1px solid #a6a6a6; border-radius: 4px;"  class="h-76 lh-76 inputBackground2 mb-30 flex pr-20 justify-center rounded-lg textColor"
            v-if="selectIndex == 1">
         <!-- <input v-if="type / 1 === 1" :placeholder="$t('价格最优')" class="w-full pl-20 h-76 border-none text-left rounded-lg"
           :disabled="type / 1 === 1" @focus="focus = true" />
           <input v-else class="w-full pl-20 h-76 border-none text-left rounded-lg"
             :disabled="type / 1 === 1" @focus="focus = true" v-model="form.price" /> -->
				
              <input  class="w-full pl-20 h-76 border-none text-left rounded-lg"
                :disabled="type / 1 === 1" @focus="focus = true" v-model="form.price" />
            <span class="ml-20">USDT</span>
          </div>
		  
          <div v-if="selectIndex == 2"  class="w-440 flex items-center inputBackground2 h-76 lh-76 rounded-lg">
            <div v-if="selectIndex == 1" class="w-80 flex items-center justify-center" style="height: 100%"
              @click="onReduce">
              <img src="../../assets/image/public/reduce.png" alt="add" class="w-30 h-6" />
            </div>

            <input
              :placeholder="
                selectIndex == 1
                  ? $t('张数')
                  : $t('最少') + initFutrue && initFutrue.para
                  ? $t('最小金额') + initFutrue.para[paraIndex].buy_min
                  : ''
              "
              class="border-none text-center "
              style="width: 156px"
              v-model="form.amount"
              type="number"
              @input="onInput"
            />
            <div
              class="w-80 flex items-center justify-center"
              style="height: 100%"
            >
            <input :placeholder="selectIndex == 1 ? $t('交易数量')
              : $t('最少') + initFutrue && initFutrue.para
                ? $t('最小金额') + initFutrue.para[paraIndex].buy_min
                : ''
              " class="border-none text-center textColor" style="width: 156px" v-model="form.amount"
              type="number" @input="onInput" />
            <div class="w-80 flex items-center justify-center" style="height: 100%">
              <template v-if="selectIndex == 1">
                <div @click="onAdd">
                  <img
                    src="../../assets/image/public/add.png"
                    alt="reduce"
                    class="w-30 h-30"
                  />
                </div>
                <img @click="onAdd" src="../../assets/image/public/add.png" alt="reduce" class="w-30 h-30" />
              </template>
              <template v-else>
                <span class="textColor">USDT</span>
@@ -269,7 +261,7 @@
            </div>
          </div>
          <template v-if="selectIndex == 1">
            <div class="mt-50 w-full flex justify-between items-center">
            <div class="mb-20 w-full flex justify-between items-center">
              <span class="font-22 font-400 newcolor1">{{
                $t("可开张数")
              }}</span>
@@ -278,6 +270,16 @@
                U
              </span>
            </div>
         <div style="border: 1px solid #a6a6a6; border-radius: 4px;"  class="h-76 lh-76 inputBackground2 mb-30 flex pr-20 justify-center rounded-lg textColor"
           v-if="selectIndex == 1">
            <input :placeholder="selectIndex == 1 ? $t('交易数量')
              : $t('最少') + initFutrue && initFutrue.para
                ? $t('最小金额') + initFutrue.para[paraIndex].buy_min
                : ''
              " class="border-none text-center textColor" style="width: 156px" v-model="form.amount"
              type="number" @input="onInput" />
         </div>
			
         <!-- <div
           class="h-76 lh-76 inputBackground mb-30 flex pr-20 justify-center rounded-lg textColor" style="margin-top:20px"
         >
@@ -342,7 +344,7 @@
                {{ (initData.amount * (form.amount / 1)) | nan }} USDT
              </div>
            </div>
            <div class="flex justify-between mt-30">
            <!-- <div class="flex justify-between mt-30">
              <div class="newcolor1">{{ $t("建仓手续费") }}</div>
              <div class="textColor">
                {{
@@ -352,7 +354,7 @@
                }}
                USDT
              </div>
            </div>
            </div> -->
          </template>
          <div
            class="flex font-24 text-grey justify-between mt-32"
@@ -667,7 +669,7 @@
        obj = this.initOpen;
        if (!obj.lever || !obj.lever.length) {
          // 倍数
          obj.lever = [{ id: 1, lever_rate: 1 }];
          obj.lever = [{ id: 1, lever_rate: 100 }];
        }
        return obj;
      }
@@ -708,7 +710,7 @@
        session_token: "",
        direction: "buy", // 买or卖
        price_type: "opponent", // 市价or限价
        lever_rate: 1, // 杠杆
        lever_rate: 100, // 杠杆
        stop_price_profit: "",
        stop_price_loss: "",
        price: "",