2

PC-20250623MANY\Administrator

2025-09-28 258c7fb2632175f63c7b1602e56721e7f9ca741a

 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,'')">
        <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>
@@ -152,7 +126,7 @@
  props: {
    obj: {
      type: Object,
      default: () => {},
      default: () => { },
    },
    positionSn: {
      type: String,
@@ -183,7 +157,7 @@
    bVal(val) {
      this.bform.num = Math.floor(
        (this.CurrentMoneyData.availableBalance * (val / 100)) /
          this.obj.nowPrice
        this.obj.nowPrice
      );
    },
    sVal(val) {
@@ -224,6 +198,7 @@
      if (data.status === 0) {
        this.$message.success(data.msg);
        this.getMoney();
        this.$emit("Refresh");
      } else {
        this.$message.error(data.msg);
      }
@@ -248,6 +223,7 @@
      if (data.status == 0) {
        this.$message.success(data.msg);
        this.getInfoSite();
        this.$emit("Refresh");
      }
    }),
  },
@@ -257,6 +233,7 @@
<style lang="scss" scoped>
.home_right {
  width: 100%;

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

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

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

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