From 44db498cedee7573d090797b1fe5c331c413b00a Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Mon, 22 Apr 2024 19:03:57 +0800
Subject: [PATCH] first
---
src/page/user/Warehouse/item.card.vue | 84 ++++++++++++++++++++++++++++--------------
1 files changed, 56 insertions(+), 28 deletions(-)
diff --git a/src/page/user/Warehouse/item.card.vue b/src/page/user/Warehouse/item.card.vue
index fc9362d..9c15f41 100644
--- a/src/page/user/Warehouse/item.card.vue
+++ b/src/page/user/Warehouse/item.card.vue
@@ -2,59 +2,87 @@
<div class="item-card-box">
<div class="total-assets">
<div class="left">
- <div class="total-name">泰股總資產 ({{ activeObj.laber }})</div>
- <div class="total-data">0.0000</div>
- <div class="total-data-huansuan">≈ $0.0000</div>
+ <div class="total-name">
+ {{ activeObj.assname }} ({{ activeObj.symbolCode }})
+ </div>
+ <div class="total-data">{{ activeObj.totalMoney || "0.0000" }}</div>
</div>
- <div class="right">全部平仓</div>
</div>
<div class="item-card-itembox">
<div class="item">
- <div class="itembox-data">-23.1689</div>
- <div v-if="activeObj.laber !== 'USD'" class="number-text">
- ≈ $0.0000
+ <div class="itembox-data">{{ activeObj.profitAndLoss }}</div>
+
+ <div class="itembox-name">
+ {{ $t("浮動盈虧") }} ({{ activeObj.symbolCode }})
</div>
- <div class="itembox-name">浮動盈虧 ({{ activeObj.laber }})</div>
</div>
<div class="item">
- <div class="itembox-data">-23.1689</div>
- <div v-if="activeObj.laber !== 'USD'" class="number-text">
- ≈ $0.0000
+ <div class="itembox-data">{{ activeObj.availableBalance }}</div>
+
+ <div class="itembox-name">
+ {{ $t("可用資產") }} ({{ activeObj.symbolCode }})
</div>
- <div class="itembox-name">浮動盈虧 ({{ activeObj.laber }})</div>
</div>
<div class="item">
- <div class="itembox-data">-23.1689</div>
- <div v-if="activeObj.laber !== 'USD'" class="number-text">
- ≈ $0.0000
+ <div class="itembox-data">{{ activeObj.cumulativeProfitAndLoss }}</div>
+
+ <div class="itembox-name">
+ {{ $t("累計盈虧") }} ({{ activeObj.symbolCode }})
</div>
- <div class="itembox-name">浮動盈虧 ({{ activeObj.laber }})</div>
</div>
<div class="item">
- <div class="itembox-data">-23.1689</div>
- <div v-if="activeObj.laber !== 'USD'" class="number-text">
- ≈ $0.0000
+ <div class="itembox-data">{{ activeObj.freezeMoney }}</div>
+
+ <div class="itembox-name">
+ {{ $t("凍結資產") }} ({{ activeObj.symbolCode }})
</div>
- <div class="itembox-name">浮動盈虧 ({{ activeObj.laber }})</div>
</div>
<div class="item">
- <div class="itembox-data">-23.1689</div>
- <div v-if="activeObj.laber !== 'USD'" class="number-text">
- ≈ $0.0000
+ <div class="itembox-data">{{ activeObj.handlingCharge }}</div>
+
+ <div class="itembox-name">
+ {{ $t("總手續費") }} ({{ activeObj.symbolCode }})
</div>
- <div class="itembox-name">浮動盈虧 ({{ activeObj.laber }})</div>
</div>
</div>
+ <Dialog ref="closeAllDialog" :title="$t('一鍵平倉')" :confirm="confirm">
+ <template v-slot:center>
+ <div>{{ $t("您確定一鍵平倉所有訂單嗎？") }}</div>
+ </template>
+ </Dialog>
</div>
</template>
<script>
+import Dialog from "@/components/Dialog";
+import { allsell } from "../../../axios/api";
+
export default {
+ components: { Dialog },
props: {
activeObj: {
type: Object,
default: {},
+ },
+ itemClick: {
+ type: Function,
+ default: () => {},
+ },
+ },
+
+ methods: {
+ async confirm() {
+ console.log(this.activeObj.laber);
+ const res = await allsell({ stockType: this.activeObj.laber });
+ if (res.status === 0) {
+ this.itemClick();
+ this.$refs.closeAllDialog.show = false;
+ }
+ },
+
+ closeAll() {
+ this.$refs.closeAllDialog.show = true;
},
},
};
@@ -122,10 +150,10 @@
display: flex;
flex-wrap: wrap; /* 自动换行 */
.item {
- width: 33%;
+ width: 50%;
// height: 20px;
- min-width: 33%;
- max-width: 33%;
+ min-width: 50%;
+ max-width: 50%;
// background-color: #fff;
.itembox-data {
font-style: normal;
@@ -154,4 +182,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3