From 03043192ddf00f9a36b7454799a9152cd1b50a0b Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Tue, 06 Jan 2026 11:13:45 +0800
Subject: [PATCH] 1
---
src/views/quotes/components/Position.vue | 65 ++++++++++++++++----------------
1 files changed, 33 insertions(+), 32 deletions(-)
diff --git a/src/views/quotes/components/Position.vue b/src/views/quotes/components/Position.vue
index c61cb4e..bf0b0ab 100644
--- a/src/views/quotes/components/Position.vue
+++ b/src/views/quotes/components/Position.vue
@@ -12,27 +12,27 @@
<li class="flex line">
<div class="flex-1">
<div>{{ t('ETFTotalAssets') }}</div>
- <p class="value">{{ assets?.totalAssets ?? '--' }}</p>
+ <p class="value">{{ formatNumberWithComma(assets?.totalAssets) ?? '--' }}</p>
</div>
<div class="flex-1">
<p class="label">{{ t('ETFTotalLoss') }}</p>
- <p class="value">{{ assets?.profit ?? '--' }}</p>
+ <p class="value">{{ formatNumberWithComma(assets?.profit) ?? '--' }}</p>
</div>
<div class="flex-1">
<div>
<p>{{ t('ETFTheDay') }} </p>
</div>
- <p class="value">{{ assets?.profitTotal ?? '--' }}</p>
+ <p class="value">{{ formatNumberWithComma(assets?.profitTotal) ?? '--' }}</p>
</div>
</li>
<li class="flex line">
<div class="flex-1">
<p class="label"> {{ t('ETFAvailableBalance') }}</p>
- <p class="value">{{ Number(assets?.usdtBalance).toFixed(2) ?? '--' }}</p>
+ <p class="value">{{ formatNumberWithComma(assets?.usdtBalance) ?? '--' }}</p>
</div>
<div class="flex-1">
<p>{{ t('ETFsAreDesirable') }}</p>
- <p class="value">{{ Number(assets?.usdtBalance).toFixed(2) ?? '--' }}</p>
+ <p class="value">{{ formatNumberWithComma(assets?.usdtBalance) ?? '--' }}</p>
</div>
<div class="flex-1">
</div>
@@ -50,27 +50,27 @@
<li class="flex line">
<div class="flex-1">
<div>{{ t('USStockTotalAssets') }}</div>
- <p class="value">{{ assets?.totalAssets ?? '--' }}</p>
+ <p class="value">{{ formatNumberWithComma(assets?.totalAssets) ?? '--' }}</p>
</div>
<div class="flex-1">
<p class="label">{{ t('UStotalLoss') }}</p>
- <p class="value">{{ assets?.profit ?? '--' }}</p>
+ <p class="value">{{ formatNumberWithComma(assets?.profit) ?? '--' }}</p>
</div>
<div class="flex-1">
<div>
<p>{{ t('USStockProfitDay') }}</p>
</div>
- <p class="value">{{ assets?.profitTotal ?? '--' }}</p>
+ <p class="value">{{ formatNumberWithComma(assets?.profitTotal) ?? '--' }}</p>
</div>
</li>
<li class="flex line">
<div class="flex-1">
<p class="label">{{ t('USStockBalance') }}</p>
- <p class="value">{{ Number(assets?.usdtBalance).toFixed(2) ?? '--' }}</p>
+ <p class="value">{{ formatNumberWithComma(assets?.usdtBalance) ?? '--' }}</p>
</div>
<div class="flex-1">
<p>{{ t('USdesirable') }}</p>
- <p class="value">{{ Number(assets?.usdtBalance).toFixed(2) ?? '--' }}</p>
+ <p class="value">{{ formatNumberWithComma(assets?.usdtBalance) ?? '--' }}</p>
</div>
<div class="flex-1">
</div>
@@ -88,27 +88,27 @@
<li class="flex line">
<div class="flex-1">
<div>{{ t('HKStockTotalAssets') }}</div>
- <p class="value">{{ assets?.totalAssets ?? '--' }}</p>
+ <p class="value">{{ formatNumberWithComma(assets?.totalAssets) ?? '--' }}</p>
</div>
<div class="flex-1">
<p class="label">{{ t('HKtotalLoss') }}</p>
- <p class="value">{{ assets?.profit ?? '--' }}</p>
+ <p class="value">{{ formatNumberWithComma(assets?.profit) ?? '--' }}</p>
</div>
<div class="flex-1">
<div>
<p>{{ t('HKStockProfitDay') }}</p>
</div>
- <p class="value">{{ assets?.profitTotal ?? '--' }}</p>
+ <p class="value">{{ formatNumberWithComma(assets?.profitTotal) ?? '--' }}</p>
</div>
</li>
<li class="flex line">
<div class="flex-1">
<p class="label">{{ t('HKStockBalance') }}</p>
- <p class="value">{{ Number(assets?.usdtBalance).toFixed(2) ?? '--' }}</p>
+ <p class="value">{{ formatNumberWithComma(assets?.usdtBalance) ?? '--' }}</p>
</div>
<div class="flex-1">
<p>{{ t('HKdesirable') }}</p>
- <p class="value">{{ Number(assets?.usdtBalance).toFixed(2) ?? '--' }}</p>
+ <p class="value">{{ formatNumberWithComma(assets?.usdtBalance) ?? '--' }}</p>
</div>
<div class="flex-1">
</div>
@@ -147,37 +147,37 @@
</div>
<div class="flex-r">
<div class="flex-r-item">
- <p :class="item.open < 1 ? 'text-up' : 'text-down'">{{
+ <p :class="item.profitLoss < 0 ? 'text-down' : 'text-up'">{{
item.profitLoss
- }}</p>
- <p :class="item.open < 1 ? 'text-up' : 'text-down'">{{
+ }}</p>
+ <p :class="item.profitLoss < 0 ? 'text-down' : 'text-up'">{{
item.profitLossPercentage && item.profitLossPercentage !== 0 ?
- `${item.profitLossPercentage}%` : 0
+ `${item.profitLossPercentage}%` : 0
}}</p>
</div>
<div class="flex-r-item">
- <p :class="item.close < 1 ? 'text-up' : 'text-down'">{{
+ <p :class="item.profitLoss < 0 ? 'text-down' : 'text-up'">{{
item.positionVolume
- }}</p>
- <p :class="item.close < 1 ? 'text-up' : 'text-down'">{{
+ }}</p>
+ <p :class="item.profitLoss < 0 ? 'text-down' : 'text-up'">{{
item.volume
- }}</p>
+ }}</p>
</div>
<div class="flex-r-item">
- <p :class="item.close < 1 ? 'text-up' : 'text-down'">{{
+ <p :class="item.profitLoss < 0 ? 'text-down' : 'text-up'">{{
item.price
- }}</p>
- <p :class="item.close < 1 ? 'text-up' : 'text-down'">{{
+ }}</p>
+ <p :class="item.profitLoss < 0 ? 'text-down' : 'text-up'">{{
item.currentPrice
- }}</p>
+ }}</p>
</div>
<div class="flex-r-item">
- <p :class="item.close < 1 ? 'text-up' : 'text-down'">{{
+ <p :class="item.profitLoss < 0 ? 'text-down' : 'text-up'">{{
item.toDayProfitLoss
- }}</p>
- <p :class="item.close < 1 ? 'text-up' : 'text-down'">{{
+ }}</p>
+ <p :class="item.profitLoss < 0 ? 'text-down' : 'text-up'">{{
item.toDayProfitLossPercentage && item.toDayProfitLossPercentage !== 0 ?
- `${item.toDayProfitLossPercentage}%` : 0
+ `${item.toDayProfitLossPercentage}%` : 0
}}</p>
</div>
</div>
@@ -188,7 +188,7 @@
</section>
</section>
</template>
-
+
<script setup>
import { ref, onMounted, onBeforeUnmount } from 'vue';
import { useUserStore } from '@/store/user';
@@ -197,6 +197,7 @@
import { _assetsTradeTop } from "@/service/user.api";
import { _getQuotes } from '@/service/quotes.api'
import { useI18n } from 'vue-i18n'
+import { formatNumberWithComma } from '@/utils/utis';
const props = defineProps({
isSell: {
--
Gitblit v1.9.3