From f81748fba333d7831c3af28d43f067fe544441a9 Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Sun, 24 Aug 2025 15:18:04 +0800
Subject: [PATCH] 1
---
src/page/user/myOrder.vue | 124 ++++++++++++++++++++++++++++++++++++++---
1 files changed, 115 insertions(+), 9 deletions(-)
diff --git a/src/page/user/myOrder.vue b/src/page/user/myOrder.vue
index 1377ecb..bdeb2c9 100644
--- a/src/page/user/myOrder.vue
+++ b/src/page/user/myOrder.vue
@@ -1,5 +1,6 @@
<template>
<div class="my_order">
+ <tab-head :title="$t('订单')"></tab-head>
<van-tabs v-model="active" title-inactive-color="#898a8e">
<van-tab
:title="$t('hj2')"
@@ -28,12 +29,12 @@
{{ i.orderDirection == "买涨" ? $t("gm") : $t("hj78") }}
</div>
</div>
- <div class="moli_orderTitle">
+ <!-- <div class="moli_orderTitle">
<span>{{ $t("订单号") }}</span>
<span style="margin-left: 1em;">{{ i.buyOrderId }}</span>
- </div>
- <div style="display:flex;flex-wrap:wrap;padding-bottom: .35rem;">
- <div class="tui-wrapItem flex-start">
+ </div> -->
+ <div style="display:flex;flex-wrap:wrap;padding:0 .3rem .35rem;">
+ <!-- <div class="tui-wrapItem flex-start">
<div>
{{ $t("Price") }}
</div>
@@ -78,19 +79,95 @@
<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("市值") }}
+ </div>
+ <div style="font-size: .4rem;">
+ {{ i.stockSpell }}
+ </div>
+ <div style="font-size: .28rem;">
+ {{ i.orderTotalPrice }}
+ </div>
+ </div>
+
+ <div class="tui-wrapItem" style="width: 22%;">
+ <div
+ style="font-size: 0.28rem;margin-bottom: .25rem;text-align: center;"
+ >
+ {{ $t("持股") }}/{{ $t("可卖") }}
+ </div>
+ <div style="font-size: .4rem;text-align: center;">
+ {{ i.orderNum }}
+ </div>
+ <div style="font-size: .28rem;text-align: center;">
+ {{ i.orderNum }}
+ </div>
+ </div>
+
+ <div class="tui-wrapItem" style="width: 25%;">
+ <div
+ style="font-size: 0.28rem;margin-bottom: .25rem;text-align: end;"
+ >
+ {{ $t("Current") }}/{{ $t("Cost") }}
+ </div>
+ <div style="font-size: .4rem;text-align: end;">
+ {{ i.now_price }}
+ </div>
+ <div style="font-size: .28rem;text-align: end;">
+ {{ i.buyOrderPrice }}
+ </div>
+ </div>
+
+ <div class="tui-wrapItem" style="width: 28%;">
+ <div
+ style="font-size: 0.28rem;margin-bottom: .25rem;text-align: end;"
+ >
+ {{ $t("盈虧") }}/{{ $t("hj141") }}
+ </div>
+ <div
+ style="font-size: .4rem;text-align: end;"
+ :style="
+ `color:${
+ i.profitAndLose > 0
+ ? 'green'
+ : i.profitAndLose < 0
+ ? 'red'
+ : ''
+ }`
+ "
+ >
+ {{ i.profitAndLose }}
+ </div>
+ <div
+ style="font-size: .28rem;text-align: end;"
+ :style="
+ `color:${
+ i.profitAndLose > 0
+ ? 'green'
+ : i.profitAndLose < 0
+ ? 'red'
+ : ''
+ }`
+ "
+ >
+ {{ i.profitAndLoseParent }}
+ </div>
</div>
</div>
<div class="jiaoyi-action flex-between" v-if="actIndex == index">
- <div class="action-item flex-center">
+ <div class="action-item flex-center" @click="goBuy(i, 1)">
<img src="@/assets/img/mr.png" />
<div class="action-item-text">{{ $t("gm") }}</div>
</div>
- <div class="action-item flex-center">
+ <div class="action-item flex-center" @click="goBuy(i, 0)">
<img src="@/assets/img/mc.png" />
<div class="action-item-text">{{ $t("hj78") }}</div>
</div>
- <div class="action-item flex-center">
+ <div class="action-item flex-center" @click="toDetails(i)">
<img src="@/assets/img/pc.png" />
<div class="action-item-text">{{ $t("平仓") }}</div>
</div>
@@ -197,8 +274,12 @@
</template>
<script>
+import tabHead from "@/components/tabHead.vue";
import * as api from "@/axios/api";
export default {
+ components: {
+ tabHead
+ },
data() {
return {
active: "0",
@@ -247,6 +328,31 @@
if (!this.Operation) return;
this.actObj = i;
this.actIndex = index;
+ },
+ goBuy(i, index) {
+ // console.log("ddddd", i);
+ // return;
+ this.$router.push({
+ path: "/TradingBuy",
+ query: {
+ t: index,
+ code: i.stockCode,
+ m: i.now_price,
+ id: i.stockId,
+ name: i.stockName,
+ spell: i.stockSpell,
+ bayType: i.stockGid,
+ gid: i.stockGidJb
+ }
+ });
+ },
+ // 平仓跳转详情
+ toDetails(i) {
+ if (!i.positionSn) return;
+ this.$router.push({
+ path: "/Stockdetail",
+ query: { codes: i.positionSn }
+ });
}
}
};
@@ -298,10 +404,10 @@
}
}
.tui-wrapItem {
- padding: 0.175rem 0.3rem 0;
+ padding: 0.175rem 0rem 0;
color: #898a8e;
width: 54%;
- line-height: .4rem;
+ line-height: 0.4rem;
}
.moli_orderTitle {
padding: 0.3rem 0.3rem 0;
--
Gitblit v1.9.3