1

PC-20250623MANY\Administrator

2025-07-16 61944978f51ca99a001162ac1ff3d32dcd5315ed

 src/page/trading/TradeNew.vue

@@ -14,33 +14,42 @@
      </van-col>
    </van-row>

    <van-row class="list_item" v-for="item in 10" :key="item">
    <van-row
      class="list_item"
      v-for="i in list"
      :key="i.id"
      @click="toDetails(i)"
    >
      <van-col span="8" class="item_n">
        <div class="flex-start">
          <span class="i_icon">US</span>
          <span class="i_hint">WINVU</span>
          <span class="i_icon">{{ i.stockGid }}</span>
          <span class="i_hint">{{ i.stockSpell }}</span>
        </div>
        <div class="i_name">124.1</div>
        <div class="i_name">
          {{ i.orderNum * i.now_price }}
        </div>
      </van-col>
      <van-col span="8" class="item_n">
        <p class="flex-start">18</p>
        <p class="flex-start i_name">24.1 (24.1%)</p>
        <p class="flex-start">{{ i.orderNum }}</p>
        <p class="flex-start i_name">
          {{ i.profitAndLose }} ({{ i.profitAndLoseParent }})
        </p>
      </van-col>
      <van-col span="8" class="item_n">
        <div class="flex-end" style="margin-bottom: .15em;">
          <span>10</span>
          <span>{{ i.buyOrderPrice }}</span>
        </div>
        <div class="flex-end">
          <span>12.41</span>
          <span>{{ i.now_price }}</span>
        </div>
      </van-col>
      <van-col span="24" class="flex-start transaction_type">
      <!-- <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> -->
      <!-- <van-col span="24" class="flex-between item_card">
        <div class="card_label">
          <p>建仓成本</p>
          <p>100</p>
          <p>{{ i.orderTotalPrice }}</p>
        </div>
        <div class="card_label">
          <p>平仓金额</p>
@@ -50,17 +59,69 @@
          <p>预期收益</p>
          <p>-10</p>
        </div>
      </van-col>
      </van-col> -->
    </van-row>

    <!-- 无数据时显示 -->
    <div class="no_data flex-center" v-show="!list || list.length == 0">
      <img src="@/assets/img/zhaobudao2.png" alt="" />
    </div>

    <n-pagination
      :pageNo.sync="pageNum"
      :pageSize="pageSize"
      :total="total"
    ></n-pagination>
  </div>
</template>

<script>
import tabHead from "@/components/tabHead.vue";
import * as api from "@/axios/api";
import nPagination from "@/components/nPagination.vue";

export default {
  components: {
    tabHead
    tabHead,
    nPagination
  },
  data() {
    return {
      pageNum: 1,
      pageSize: 1,
      total: 1,
      list: []
    };
  },
  watch: {
    pageNum() {
      this.getList();
    }
  },
  created() {
    this.getList();
  },
  methods: {
    // 获取数据
    async getList() {
      let data = await api.getchicang({
        state: 0,
        pageNum: this.pageNum,
        pageSize: this.pageSize
      });

      if (data.status === 0) {
        this.list = data.data.list;
        this.total = data.data.total;
      }
    },
    // 跳转详情
    toDetails(i) {
      this.$router.push({
        path: "/Stockdetail",
        query: { codes: i.positionSn }
      });
    }
  }
};
</script>
@@ -73,9 +134,10 @@

.trade_new {
  width: 100%;
  height: 100%;
  // height: 100%;
  background: #fff;
  font-size: 10vw;
  padding-bottom: 1.3rem;

  .list_head {
    background-color: @green2;