1

PC-20250623MANY\Administrator

2025-07-16 61944978f51ca99a001162ac1ff3d32dcd5315ed

 src/page/markets/aiTradingOrder.vue

@@ -4,43 +4,43 @@

    <div class="order_tabs">
      <van-tabs v-model="active" swipe-threshold="1">
        <van-tab :title="$t('hj160')" :name="0"></van-tab>
        <van-tab :title="$t('申购中')" :name="1"></van-tab>
        <van-tab :title="$t('交易中')" :name="2"></van-tab>
        <van-tab :title="$t('成功')" :name="3"></van-tab>
        <van-tab :title="$t('失败')" :name="4"></van-tab>
        <van-tab :title="$t('hj160')" name=""></van-tab>
        <van-tab :title="$t('申购中')" name="wait"></van-tab>
        <van-tab :title="$t('交易中')" name="passed"></van-tab>
        <van-tab :title="$t('成功')" name="finished"></van-tab>
        <van-tab :title="$t('失败')" name="notPass"></van-tab>
      </van-tabs>
    </div>

    <div class="trading_card" v-for="i in 5" :key="i">
    <div class="trading_card" v-for="i in list" :key="i.id">
      <p class="card_label1 flex-start">
        <span class="label_icon">MEX</span>
        <span> Escaneo de Tendencias</span>
        <span class="label_icon">{{ i.stockType }}</span>
        <span>{{ i.stockName }}</span>
      </p>

      <p class="card_label2 flex-between">
        <span>{{ $t("申购金额") }}</span>
        <span>MX$ 5,000</span>
        <span>{{ i.stockType | currencySymbol }} {{ i.buyAmount }}</span>
      </p>

      <p class="card_label2 flex-between">
        <span>{{ $t("实际收益") }}</span>
        <span>MX$ 50</span>
        <span>{{ i.stockType | currencySymbol }} {{ i.realEarning }}</span>
      </p>

      <p class="card_label2 flex-between">
        <span>{{ $t("状态") }}</span>
        <span class="zt">交易中</span>
        <span class="zt">{{ status[i.status] }}</span>
      </p>

      <p class="card_label2 flex-between">
        <span>{{ $t("提交时间") }}</span>
        <span>11/07/2025 03:08:18 AM</span>
        <span>{{ i.buyDate | gettime }}</span>
      </p>
    </div>

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

@@ -55,6 +55,7 @@
<script>
import PageHead from "@/components/pageHead.vue";
import nPagination from "@/components/nPagination.vue";
import * as api from "@/axios/api";

export default {
  components: {
@@ -66,8 +67,47 @@
      pageNum: 1,
      pageSize: 10,
      total: 1,
      active: 0
      active: "",
      list: [],
      status: {
        wait: this.$t("申购中"),
        passed: this.$t("交易中"),
        finished: this.$t("成功"),
        notPass: this.$t("失败")
      }
    };
  },
  watch: {
    active: {
      handler(val) {
        this.pageNum = 1;
        this.getStockAiOrderList();
      }
    },
    pageNum: {
      handler(val) {
        this.list = [];
        this.getStockAiOrderList();
      }
    }
  },
  created() {
    this.getStockAiOrderList();
  },
  methods: {
    // 获取订单列表
    async getStockAiOrderList() {
      let data = await api.getStockAiOrderList({
        pageNum: this.pageNum,
        pageSize: this.pageSize,
        status: this.active
      });

      if (data.status == 0) {
        this.list = data.data.list;
        this.total = data.data.total;
      }
    }
  }
};
</script>