From 4f437aec7cfb60fe87daec1c5e52b3ed1d10e719 Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Thu, 25 Sep 2025 15:07:51 +0800
Subject: [PATCH] 1
---
src/page/trading/TradeNew.vue | 65 ++++++++++++++++++--------------
1 files changed, 36 insertions(+), 29 deletions(-)
diff --git a/src/page/trading/TradeNew.vue b/src/page/trading/TradeNew.vue
index 35f473a..76a7fba 100644
--- a/src/page/trading/TradeNew.vue
+++ b/src/page/trading/TradeNew.vue
@@ -24,12 +24,7 @@
</van-col>
</van-row>
- <van-row
- class="list_item"
- v-for="i in list"
- :key="i.id"
- @click="toDetails(i)"
- >
+ <van-row class="list_item" v-for="i in list" :key="i.id" @click="toDetails(i)">
<van-col span="8" class="item_n">
<div class="flex-start">
<span class="i_icon">{{ i.stockGid }}</span>
@@ -41,13 +36,10 @@
</van-col>
<van-col span="8" class="item_n">
<p class="flex-start">{{ i.orderNum }}</p>
- <p
- class="flex-start i_name"
- :style="{
- color:
- i.profitAndLose > 0 ? 'green' : i.profitAndLose < 0 ? 'red' : ''
- }"
- >
+ <p class="flex-start i_name" :style="{
+ color:
+ i.profitAndLose > 0 ? 'green' : i.profitAndLose < 0 ? 'red' : ''
+ }">
{{ i.profitAndLose }} ({{ i.profitAndLoseParent }})
</p>
</van-col>
@@ -62,11 +54,7 @@
<van-col span="24" class="flex-start transaction_type">
<span>{{ types[i.positionType] }}</span>
</van-col>
- <van-col
- span="24"
- class="flex-between-start item_card"
- v-if="i.positionType == 4"
- >
+ <van-col span="24" class="flex-between-start item_card" v-if="i.positionType == 4">
<div class="card_label">
<p>{{ $t("建仓成本") }}</p>
<p>{{ i.orderTotalPrice }}</p>
@@ -87,15 +75,12 @@
<img src="@/assets/img/zhaobudao2.png" alt="" />
</div>
- <n-pagination
- :pageNo.sync="pageNum"
- :pageSize="pageSize"
- :total="total"
- ></n-pagination>
+ <n-pagination :pageNo.sync="pageNum" :pageSize="pageSize" :total="total"></n-pagination>
</div>
</template>
<script>
+let times = null; // 计时器
import tabHead from "@/components/tabHead.vue";
import * as api from "@/axios/api";
import nPagination from "@/components/nPagination.vue";
@@ -123,14 +108,20 @@
watch: {
pageNum() {
this.getList();
+ this.creatTimer();
},
active() {
this.pageNum = 1;
this.getList();
+ this.creatTimer();
}
},
created() {
this.getList();
+ this.creatTimer();
+ },
+ destroyed() {
+ this.stopTimer();
},
methods: {
// 获取数据
@@ -154,6 +145,19 @@
path: "/Stockdetail",
query: { codes: i.positionSn }
});
+ },
+ //
+ stopTimer() {
+ if (times) {
+ clearInterval(times);
+ times = null;
+ }
+ },
+ creatTimer() {
+ this.stopTimer()
+ times = setInterval(() => {
+ this.getList();
+ }, 3000);
}
}
};
@@ -172,16 +176,20 @@
background: #fff;
font-size: 10vw;
padding-bottom: 1.3rem;
+
// padding-top: 1.4em;
/deep/ .van-tabs--line .van-tabs__wrap {
height: 1.2em;
}
+
/deep/ .van-tab__text--ellipsis {
overflow: visible;
}
+
/deep/ .van-tab {
font-size: 0.4em;
}
+
/deep/ .van-tabs__line {
background-color: @green;
height: 0.1em;
@@ -226,7 +234,7 @@
color: #999;
font-size: 0.35em;
- & > p:last-child {
+ &>p:last-child {
color: #333;
margin-top: 0.15em;
}
@@ -236,6 +244,7 @@
.transaction_type {
color: #fff;
padding-top: 0.08em;
+
span {
font-size: 0.3em;
background: @brown;
@@ -277,11 +286,9 @@
position: absolute;
top: 0;
left: 0;
- background: linear-gradient(
- to right,
- rgba(0, 0, 0, 0),
- rgba(0, 0, 0, 0.8)
- );
+ background: linear-gradient(to right,
+ rgba(0, 0, 0, 0),
+ rgba(0, 0, 0, 0.8));
text-align: end;
color: @red;
padding-right: 0.25em;
--
Gitblit v1.9.3