From 7043590a8a1d24a4c86472051c103a8e4dc2ddb4 Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Sat, 09 Aug 2025 17:34:01 +0800
Subject: [PATCH] 1
---
src/page/markets/blockTradingOrder.vue | 103 +++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 83 insertions(+), 20 deletions(-)
diff --git a/src/page/markets/blockTradingOrder.vue b/src/page/markets/blockTradingOrder.vue
index aa61ddb..9dee16e 100644
--- a/src/page/markets/blockTradingOrder.vue
+++ b/src/page/markets/blockTradingOrder.vue
@@ -4,61 +4,67 @@
<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="`${i.checkType == 2 ? 'zt2' : '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 +79,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 +92,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>
@@ -152,7 +212,7 @@
color: #323233;
span {
font-size: 0.4em;
- font-weight: 300;
+ font-weight: 500;
}
& > span:last-child {
color: @grey-two;
@@ -176,6 +236,9 @@
span.zt {
color: @green;
}
+ span.zt2 {
+ color: @red;
+ }
}
.card_label1 {
--
Gitblit v1.9.3