1

PC-20250623MANY\Administrator

2025-08-07 6b019592ce032937fd6d3631a912fa8cd37e9fe4

 src/page/markets/ipoOrder.vue

@@ -4,77 +4,88 @@

    <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('hj70')" :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('已取消')" :name="6"></van-tab>
        <van-tab :title="$t('未中标')" :name="7"></van-tab>
        <van-tab :title="$t('hj160')" name=""></van-tab>
        <van-tab :title="$t('申购中')" name="1"></van-tab>
        <van-tab :title="$t('hj132')" name="2"></van-tab>
        <van-tab :title="$t('hj133')" name="3"></van-tab>
        <van-tab :title="$t('hj134')" name="4"></van-tab>
        <van-tab :title="$t('hj135')" name="5"></van-tab>
        <van-tab :title="$t('已上市')" name="6"></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">
      <div class="card_label2 flex-between" style="height:1.8em">
        <div>
          <p class="flex-start gp">
          <p class="flex-between gp">
            <span>{{ $t("hj52") }}</span>
            <!-- <span class="app">TEST03</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.stockType }}</span>
            <span class="label_name line-one">{{ i.newName }}</span>
          </p>
        </div>

        <div class="flex-end">
          <span class="app">APP</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>{{ $t("hj81") }}</span>
        <span>{{ i.stockType | currencySymbol }} {{ i.buyPrice }}</span>
      </p>

      <p class="card_label2 flex-between">
        <span>{{ $t("hj81") }}</span>
        <span>$ 44.48</span>
        <span>{{ $t("hj270") }}</span>
        <span>{{ i.applyNums }}</span>
      </p>

      <p class="card_label2 flex-between">
        <span>{{ $t("sl") }}</span>
        <span>{{ i.applyNumber || "-" }}</span>
      </p>

      <p class="card_label2 flex-between">
        <span>{{ $t("发行时间") }}</span>
        <span>{{ i.subscriptionTime | gettime }}</span>
      </p>

      <p class="card_label2 flex-between">
        <span>{{ $t("上市时间") }}</span>
        <span>{{ i.listDate | gettime }}</span>
      </p>

      <p class="card_label2 flex-between">
        <span>{{ $t("总金额") }}</span>
        <span class="zje">MX$ 484,920.96</span>
        <span class="zje">{{ i.stockType | currencySymbol }} {{ i.bond }}</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.addTime }}</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>

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

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

export default {
  components: {
@@ -84,10 +95,42 @@
  data() {
    return {
      pageNum: 1,
      pageSize: 10,
      pageSize: 1000,
      total: 1,
      active: 0
      active: "",
      list: [],
      status: {
        1: this.$t("申购中"),
        2: this.$t("hj132"),
        3: this.$t("hj133"),
        4: this.$t("hj134"),
        5: this.$t("hj135"),
        6: this.$t("已上市")
      }
    };
  },
  watch: {
    pageNum() {
      this.list = [];
      this.getStockSubscribeOrderList();
    },
    active() {
      this.getStockSubscribeOrderList();
    }
  },
  created() {
    this.getStockSubscribeOrderList();
  },
  methods: {
    async getStockSubscribeOrderList() {
      let opt = {
        status: this.active
      };
      let data = await api.getUserNewGuList(opt);
      if (data.status === 0) {
        this.list = data.data;
      }
    }
  }
};
</script>
@@ -154,7 +197,7 @@
      color: #323233;
      span {
        font-size: 0.4em;
        font-weight: 300;
        font-weight: 500;
      }
      & > span:last-child {
        color: @grey-two;
@@ -162,10 +205,11 @@
      }
      .gp {
        margin-bottom: 0.2em;
        width: 9em;
      }
      .app {
        color: @green;
        font-size: 0.6em;
        font-size: 0.45em;
      }
      .label_name {
        color: @grey-two;