1

PC-20250623MANY\Administrator

2025-07-16 61944978f51ca99a001162ac1ff3d32dcd5315ed

 src/page/markets/blockTradingOrder.vue

@@ -4,61 +4,65 @@

    <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('已取消')" :name="5"></van-tab>
        <van-tab :title="$t('hj160')" name=""></van-tab>
        <van-tab :title="$t('申购中')" name="0"></van-tab>
        <van-tab :title="$t('成功')" name="1"></van-tab>
        <van-tab :title="$t('失败')" name="2"></van-tab>
      </van-tabs>
    </div>

    <div class="trading_card" v-for="i in 5" :key="i">
      <div class="card_label2 flex-between" style="height:1.8em">
    <div class="trading_card" v-for="i in list" :key="i.id">
      <div
        class="card_label2 flex-between"
        style="height:1.8em"
        @click="toDetails(i)"
      >
        <div>
          <p class="flex-start gp">
            <span>{{ $t("hj52") }}</span>
          </p>
          <p class="flex-start">
            <span class="label_icon">US</span>
            <span class="label_name line-one">Advance Auto Parts Inc.</span>
            <span class="label_icon">{{ i.stockGid }}</span>
            <span class="label_name line-one">{{ i.stockName }}</span>
          </p>
        </div>

        <div class="flex-end">
          <span class="app">APP</span>
          <span class="app">{{ i.stockSpell }}</span>
          <van-icon name="arrow" color="#969799" size=".5em" />
        </div>
      </div>

      <p class="card_label2 flex-between">
        <span>{{ $t("sl") }}</span>
        <span>5,000</span>
        <span>{{ i.orderNum }}</span>
      </p>

      <p class="card_label2 flex-between">
        <span>{{ $t("hj81") }}</span>
        <span>$ 44.48</span>
        <span>{{ i.stockGid | currencySymbol }} {{ i.buyOrderPrice }}</span>
      </p>

      <p class="card_label2 flex-between">
        <span>{{ $t("总金额") }}</span>
        <span class="zje">MX$ 484,920.96</span>
        <span class="zje"
          >{{ i.stockGid | currencySymbol }} {{ i.orderTotalPrice }}</span
        >
      </p>

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

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

@@ -73,6 +77,8 @@
<script>
import PageHead from "@/components/pageHead.vue";
import nPagination from "@/components/nPagination.vue";
import * as api from "@/axios/api";
import { Toast } from "vant";

export default {
  components: {
@@ -84,8 +90,60 @@
      pageNum: 1,
      pageSize: 10,
      total: 1,
      active: 0
      active: "",
      list: [],
      status: {
        0: this.$t("申购中"),
        1: this.$t("成功"),
        2: this.$t("失败")
      }
    };
  },
  watch: {
    pageNum() {
      this.list = [];
      this.getDzOrderList();
    },
    active() {
      this.pageNum = 1;
      this.getDzOrderList();
    }
  },
  methods: {
    // 获取数据
    async getDzOrderList() {
      let opt = {
        pageNum: this.pageNum,
        pageSize: this.pageSize,
        status: this.active
      };
      let data = await api.getDzOrderList(opt);
      if (data.status == 0) {
        this.list = data.data.list;
        this.total = data.data.total;
      } else {
        Toast(data.msg);
      }
    },
    // 点击进入详情
    toDetails(item) {
      const obj = {
        pid: item.id || "",
        type: item.stockGid || ""
      };
      window.localStorage.setItem("kLine", JSON.stringify(obj));

      this.$router.push({
        path: "/kline",
        query: {
          code: item.id,
          type: item.stockGid
        }
      });
    }
  },
  created() {
    this.getDzOrderList();
  }
};
</script>