From 3003b7486ddeffd169f2b2f564fc0ff8c2c58bb3 Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Tue, 22 Jul 2025 09:56:04 +0800
Subject: [PATCH] 1
---
src/page/markets/aiTradingOrder.vue | 68 +++++++++++++++++++++++++++-------
1 files changed, 54 insertions(+), 14 deletions(-)
diff --git a/src/page/markets/aiTradingOrder.vue b/src/page/markets/aiTradingOrder.vue
index 03df934..b5c9cf6 100644
--- a/src/page/markets/aiTradingOrder.vue
+++ b/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>
--
Gitblit v1.9.3