From 732c30b33f782c2d2ebb62eacda2fb7a453a7ecd Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Sat, 31 Jan 2026 11:01:45 +0800
Subject: [PATCH] 1
---
src/page/markets/ipoOrder.vue | 108 ++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 76 insertions(+), 32 deletions(-)
diff --git a/src/page/markets/ipoOrder.vue b/src/page/markets/ipoOrder.vue
index e98724a..b3435aa 100644
--- a/src/page/markets/ipoOrder.vue
+++ b/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;
--
Gitblit v1.9.3