1

PC-20250623MANY\Administrator

2025-09-28 9ce412442e189ee11fa1838528ff54296f34c238

 src/views/home/components/HomeRight.vue

@@ -1,38 +1,21 @@
<template>
  <div class="home_right">
    <div class="deal_type">
      <div
        class="deal_item flex-center bt"
        :class="{ deal_item_active: active == 0 }"
        @click="changeTab(0)"
      >
      <div class="deal_item flex-center bt" :class="{ deal_item_active: active == 0 }" @click="changeTab(0)">
        {{ $t("buy") }}
      </div>
      <div
        v-if="!!positionSn"
        class="deal_item flex-center bt"
        :class="{ deal_item_active: active == 1 }"
        @click="changeTab(1)"
      >
      <div v-if="!!positionSn" class="deal_item flex-center bt" :class="{ deal_item_active: active == 1 }"
        @click="changeTab(1)">
        {{ $t("hj121") }}
      </div>
    </div>
    <!-- buy -->
    <div class="submit_form" v-if="active == 0">
      <el-input
        v-model="bform.price"
        style="text-align: end"
        oninput="value=value.replace(/[^\d.]/g,'')"
        disabled
      >
      <el-input v-model="bform.price" style="text-align: end" oninput="value=value.replace(/[^\d.]/g,'')" disabled>
        <div slot="prefix" class="inp_prefix flex-center">{{ $t("bp") }}</div>
      </el-input>

      <el-input
        v-model="bform.num"
        style="text-align: end"
        oninput="value=value.replace(/[^\d.]/g,'')"
      >
      <el-input v-model="bform.num" style="text-align: end" oninput="value=value.replace(/[^\d.]/g,'')">
        <div slot="prefix" class="inp_prefix flex-center">{{ $t("sl") }}</div>
      </el-input>

@@ -78,26 +61,17 @@
        </div>
      </div>

      <el-input
        v-model="sform.price"
        style="text-align: end"
        oninput="value=value.replace(/[^\d.]/g,'')"
        disabled
      >
      <el-input v-model="sform.price" style="text-align: end" oninput="value=value.replace(/[^\d.]/g,'')" disabled>
        <div slot="prefix" class="inp_prefix flex-center">{{ $t("sp") }}</div>
      </el-input>

      <el-input
        v-model="sform.num"
        style="text-align: end"
        oninput="value=value.replace(/[^\d.]/g,'')"
      >
      <el-input v-model="sform.num" style="text-align: end" oninput="value=value.replace(/[^\d.]/g,'')" disabled>
        <div slot="prefix" class="inp_prefix flex-center">{{ $t("sl") }}</div>
      </el-input>

      <div class="slider_box">
      <!-- <div class="slider_box">
        <el-slider v-model="sVal" :marks="marks"> </el-slider>
      </div>
      </div> -->

      <div class="info_item flex-between">
        <div class="label">{{ $t("tc") }}</div>
@@ -112,7 +86,8 @@
      </div>

      <div class="submit_btns">
        <div class="bt bt2 flex-center" @click="sell()">{{ $t("hj121") }}</div>
        <!-- <div class="bt bt2 flex-center" @click="sell()">{{ $t("hj121") }}</div> -->
        <div class="bt bt2 flex-center" @click="sell()">{{ $t("一鍵平倉") }}</div>
      </div>
    </div>
  </div>
@@ -237,6 +212,7 @@
      let data = await api.findByPostionSn(res);
      if (data.status === 0) {
        this.pages = data.data;
        this.sform.num = data.data.orderNum
      }
    },
    // 平仓
@@ -259,6 +235,7 @@
<style lang="scss" scoped>
.home_right {
  width: 100%;

  .submit_form {
    padding: 16px;
    display: flex;
@@ -276,6 +253,7 @@
      display: flex;
      flex-direction: column;
      gap: 10px;

      .position_item {
        background-color: #fff;
        padding: 10px;
@@ -338,6 +316,7 @@
        height: 40px;
        border-radius: 40px;
      }

      .bt2 {
        background-color: #dfb758;
      }
@@ -364,6 +343,7 @@
      color: #fff;
      background-color: #07c160;
    }

    .deal_item_active:nth-child(2) {
      background-color: #dfb758;
    }