1

PC-20250623MANY\Administrator

2025-07-19 6bf742b19037b59da70f2bc4119c9c0c68430870

 src/page/trading/TradeNew.vue

@@ -2,6 +2,16 @@
  <div class="trade_new">
    <tab-head></tab-head>

    <div class="order_tabs">
      <van-tabs v-model="active" swipe-threshold="1">
        <van-tab :title="$t('hj160')" name=""></van-tab>
        <van-tab title="AI" name="4"></van-tab>
        <van-tab :title="$t('hj621')" name="3"></van-tab>
        <van-tab title="IPO" name="2"></van-tab>
        <van-tab :title="$t('日内')" name="0"></van-tab>
      </van-tabs>
    </div>

    <van-row class="list_head">
      <van-col span="8" class="flex-start head_item">
        {{ $t("hj313") }}/{{ $t("Worth") }}
@@ -26,7 +36,7 @@
          <span class="i_hint">{{ i.stockSpell }}</span>
        </div>
        <div class="i_name">
          {{ i.orderNum * i.now_price }}
          {{ (i.orderNum * i.now_price).toFixed(2) }}
        </div>
      </van-col>
      <van-col span="8" class="item_n">
@@ -43,23 +53,27 @@
          <span>{{ i.now_price }}</span>
        </div>
      </van-col>
      <!-- <van-col span="24" class="flex-start transaction_type">
        <span>AI交易</span>
      </van-col> -->
      <!-- <van-col span="24" class="flex-between item_card">
      <van-col span="24" class="flex-start transaction_type">
        <span>{{ types[i.positionType] }}</span>
      </van-col>
      <van-col
        span="24"
        class="flex-between-start item_card"
        v-if="i.positionType == 4"
      >
        <div class="card_label">
          <p>建仓成本</p>
          <p>{{ $t("建仓成本") }}</p>
          <p>{{ i.orderTotalPrice }}</p>
        </div>
        <div class="card_label">
          <p>平仓金额</p>
          <p>90</p>
          <p>{{ $t("pcje") }}</p>
          <p>{{ i.sellOrderTotalPrice }}</p>
        </div>
        <div class="card_label">
          <p>预期收益</p>
          <p>-10</p>
          <p>{{ $t("预期收益") }}</p>
          <p>{{ i.profitAndLose }}</p>
        </div>
      </van-col> -->
      </van-col>
    </van-row>

    <!-- 无数据时显示 -->
@@ -88,13 +102,24 @@
  data() {
    return {
      pageNum: 1,
      pageSize: 1,
      pageSize: 15,
      total: 1,
      list: []
      list: [],
      active: "",
      types: {
        0: this.$t("日内"),
        2: "IPO",
        3: this.$t("hj621"),
        4: "AI"
      }
    };
  },
  watch: {
    pageNum() {
      this.getList();
    },
    active() {
      this.pageNum = 1;
      this.getList();
    }
  },
@@ -106,6 +131,7 @@
    async getList() {
      let data = await api.getchicang({
        state: 0,
        positionType: this.active,
        pageNum: this.pageNum,
        pageSize: this.pageSize
      });
@@ -131,6 +157,7 @@
@dark_green: #07c160;
@red: #ee0a24;
@brown: #ff976a;
@green: #c4d600;

.trade_new {
  width: 100%;
@@ -138,6 +165,29 @@
  background: #fff;
  font-size: 10vw;
  padding-bottom: 1.3rem;
  // padding-top: 1.4em;
  /deep/ .van-tabs--line .van-tabs__wrap {
    height: 1.2em;
  }
  /deep/ .van-tab__text--ellipsis {
    overflow: visible;
  }
  /deep/ .van-tab {
    font-size: 0.4em;
  }
  /deep/ .van-tabs__line {
    background-color: @green;
    height: 0.1em;
    width: 1em;
  }

  .order_tabs {
    width: 100%;
    // position: fixed;
    // top: 1.4em;
    // left: 0;
    // z-index: 999;
  }

  .list_head {
    background-color: @green2;