From 411edaf3d05d0a7393e4784ff8f3310a0ccb2196 Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Sun, 02 Nov 2025 15:33:02 +0800
Subject: [PATCH] 1
---
src/page/user/myOrder.vue | 158 ++++++++++++++++++++++++++++++++--------------------
1 files changed, 98 insertions(+), 60 deletions(-)
diff --git a/src/page/user/myOrder.vue b/src/page/user/myOrder.vue
index ed248a0..84323c2 100644
--- a/src/page/user/myOrder.vue
+++ b/src/page/user/myOrder.vue
@@ -63,6 +63,7 @@
<van-tabs v-model="active" title-inactive-color="#898a8e">
<van-tab :title="$t('hj2')" name="0" title-style="font-size:0.4rem;"></van-tab>
<van-tab :title="$t('hj121')" name="1" title-style="font-size:0.4rem;"></van-tab>
+ <van-tab :title="$t('hj109')" name="2" title-style="font-size:0.4rem;"></van-tab>
</van-tabs>
<div class="mo_list" v-if="active == '0'">
@@ -78,58 +79,7 @@
{{ i.orderDirection == "买涨" ? $t("gm") : $t("hj78") }}
</div>
</div>
- <!-- <div class="moli_orderTitle">
- <span>{{ $t("订单号") }}</span>
- <span style="margin-left: 1em;">{{ i.buyOrderId }}</span>
- </div> -->
<div style="display:flex;flex-wrap:wrap;padding:0 .3rem .35rem;">
- <!-- <div class="tui-wrapItem flex-start">
- <div>
- {{ $t("Price") }}
- </div>
- <div style="margin-left: .25rem;font-size: .4rem;">
- {{ i.orderTotalPrice }}
- </div>
- </div>
-
- <div class="tui-wrapItem flex-start" style="width: 46%;">
- <div>
- {{ $t("盈虧") }}
- </div>
- <div
- style="margin-left: .25rem;font-size: .4rem;"
- :style="
- `color:${
- i.profitAndLose > 0
- ? 'green'
- : i.profitAndLose < 0
- ? 'red'
- : ''
- }`
- "
- >
- {{ i.profitAndLose }}
- </div>
- </div>
-
- <div class="tui-wrapItem flex-start">
- <div>
- {{ $t("持倉價") }}
- </div>
- <div style="margin-left: .25rem;">
- {{ i.buyOrderPrice }}
- </div>
- </div>
-
- <div class="tui-wrapItem flex-start" style="width:100%">
- <div>
- {{ $t("持倉時間") }}
- </div>
- <div style="margin-left: .25rem;">
- {{ $moment(i.buyOrderTime).format("DD-MM-YYYY hh:mm:ss A") }}
- </div>
- </div> -->
-
<div class="tui-wrapItem" style="width: 25%;">
<div style="font-size: 0.28rem;margin-bottom: .25rem;">
{{ $t("MingCheng") }}/{{ $t("市值") }}
@@ -293,6 +243,81 @@
<span>{{ $t("沒有更多了") }}</span>
</div>
</div>
+
+ <div class="mo_list" v-if="active == '2'">
+ <div class="mol_item" v-for="(i, index) in orderList" :key="i.id" >
+ <div class="moli_title flex-between">
+ <div>
+ {{ i.stockName }}
+ </div>
+ <div >
+ </div>
+ </div>
+
+ <div style="display:flex;flex-wrap:wrap;padding-bottom: .35rem;margin: 0 10px;">
+ <div class="tui-wrapItem flex-start">
+ <div>
+ {{ $t("hj125") }}
+ </div>
+ <div style="margin-left: .25rem;font-size: .4rem;">
+ {{ i.nowPrice }}
+ </div>
+ </div>
+
+ <div class="tui-wrapItem flex-start" style="width: 46%;">
+ <div>
+ {{ $t("hj101") }}
+ </div>
+ <div style="margin-left: .25rem;font-size: .4rem;" >
+ {{ i.lever }}
+ </div>
+ </div>
+
+ <div class="tui-wrapItem flex-start">
+ <div>
+ {{ $t("hj270") }}
+ </div>
+ <div style="margin-left: .25rem;">
+ {{ i.buyNum }}
+ </div>
+ </div>
+
+ <div class="tui-wrapItem flex-start" style="width: 46%;">
+ <div>
+ {{ $t("hj271") }}
+ </div>
+ <div style="margin-left: .25rem;">
+ {{ i.targetPrice }}
+ </div>
+ </div>
+
+ <div class="tui-wrapItem">
+ <div>
+ {{ $t("操作时间") }}
+ </div>
+ <div>
+ {{ i.addTime }}
+ </div>
+ </div>
+
+ <div class="tui-wrapItem" style="width: 46%;">
+ <div>
+ {{ $t("状态") }}
+ </div>
+ <div v-if="i.status==0">
+ {{ $t('已挂单') }}
+ </div>
+ <div v-if="i.status==2">
+ {{ $t('买入失败') }}
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="more-news">
+ <span>{{ $t("沒有更多了") }}</span>
+ </div>
+ </div>
</div>
</template>
@@ -311,6 +336,7 @@
active: "0",
pageNum: 1,
pageSize: 9999,
+ orderList:[],//挂单列表
total: 1,
list: [], // 持仓数据
list2: [], // 平仓数据
@@ -322,15 +348,20 @@
watch: {
active: {
handler(state) {
- this.pageNum = 1;
- this.getList(state);
-
- clearInterval(teimss2);
- // 判断如果是获取平仓数据就不再轮询
- if(state == '1') return
- teimss2 = setInterval(() => {
+ console.log(state);
+ if(state==2){
+ this.getorderList()
+ }else{
+ this.pageNum = 1;
this.getList(state);
- }, 3000);
+
+ clearInterval(teimss2);
+ // 判断如果是获取平仓数据就不再轮询
+ if(state == '1') return
+ teimss2 = setInterval(() => {
+ this.getList(state);
+ }, 3000);
+ }
},
immediate: true
}
@@ -353,6 +384,13 @@
clearInterval(teimss2);
},
methods: {
+ // 获取 挂单 数据
+ async getorderList() {
+ let data = await api.getorderList();
+ if (data.status === 0) {
+ this.orderList = data.data
+ }
+ },
// 获取 持仓 数据
async getList(state = 0) {
let opt = {
@@ -360,7 +398,7 @@
pageNum: this.pageNum,
pageSize: this.pageSize
};
-
+
let data = await api.getchicang(opt);
if (data.status === 0) {
if (this.active == "0") this.list = data.data.list;
--
Gitblit v1.9.3