From c1c7ff011929d0b4821c9947eea32b670f138fa9 Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Mon, 25 Aug 2025 17:40:44 +0800
Subject: [PATCH] 1
---
src/views/account/components/Position.vue | 85 ++++++++++++++++++++++++++++++++++++++++++
1 files changed, 84 insertions(+), 1 deletions(-)
diff --git a/src/views/account/components/Position.vue b/src/views/account/components/Position.vue
index cf31125..ffbb920 100644
--- a/src/views/account/components/Position.vue
+++ b/src/views/account/components/Position.vue
@@ -7,10 +7,58 @@
size="980px"
>
<div class="drawer-content">
+ <div class="card sb_b">
+ <div class="card_1 flex-center">
+ <div>{{ $t("浮動盈虧") }}</div>
+ <div
+ style="font-size: 24px"
+ :style="`color:${
+ thisMoneyData.profitAndLoss > 0
+ ? 'red'
+ : thisMoneyData.profitAndLoss < 0
+ ? 'green'
+ : ''
+ }`"
+ >
+ {{ thisMoneyData.symbol }} {{ thisMoneyData.profitAndLoss }}
+ </div>
+ </div>
+ <div class="card_2 flex-between">
+ <div class="card_2_item flex-center" style="align-items: start">
+ <div>{{ $t("總資產") }}</div>
+ <div>{{ thisMoneyData.symbol }}{{ thisMoneyData.totalMoney }}</div>
+ </div>
+ <div class="card_2_item flex-center">
+ <div>{{ $t("hj48") }}</div>
+ <div>
+ {{ thisMoneyData.symbol }}{{ thisMoneyData.availableBalance }}
+ </div>
+ </div>
+ <div class="card_2_item flex-center" style="align-items: end">
+ <div>{{ $t("账户盈亏") }}</div>
+ <div>
+ {{ thisMoneyData.symbol
+ }}{{ thisMoneyData.cumulativeProfitAndLoss }}
+ </div>
+ </div>
+ </div>
+ <div class="card_2 flex-between" style="border-top: #aaa solid 1px">
+ <el-button type="primary" size="medium" @click="$router.push('/home')">
+ {{ $t("buy") }}
+ </el-button>
+ <el-button type="primary" size="medium" @click="$router.push('/home')">
+ {{ $t("hj78") }}
+ </el-button>
+ <el-button type="primary" size="medium" @click="pc">
+ {{ $t("hj121") }}
+ </el-button>
+ </div>
+ </div>
+
<el-table
:data="tableData"
style="width: 100%; flex: 1"
- height="250"
+ height="100%"
empty-text="No Data"
>
<el-table-column prop="stockSpell" :label="$t('hj313')">
@@ -130,6 +178,15 @@
type: String,
default: "",
},
+ moneyData: {
+ type: Array,
+ default: () => [],
+ },
+ },
+ computed: {
+ thisMoneyData() {
+ return this.moneyData.find((item) => item.accectType == this.type) || {};
+ },
},
watch: {},
async created() {
@@ -144,6 +201,10 @@
this.$emit("update:dialogVisible", false);
this.$emit("onClose"); // 关闭弹窗时，通知父组件
},
+ // 打开平仓弹窗
+ pc() {
+ this.$emit("pc");
+ },
},
};
</script>
@@ -155,6 +216,28 @@
display: flex;
flex-direction: column;
+ .card {
+ border-radius: 16px;
+ overflow: hidden;
+ border: 1px solid #777;
+ .card_1 {
+ padding: 20px;
+ font-size: 18px;
+ flex-direction: column;
+ }
+ .card_2 {
+ width: 100%;
+ padding: 10px 30px 10px;
+ .card_2_item {
+ width: 33%;
+ flex-direction: column;
+ & > div {
+ padding: 3px 0;
+ }
+ }
+ }
+ }
+
.pagination {
margin-top: 20px;
text-align: center;
--
Gitblit v1.9.3