1

admin

2026-01-06 03043192ddf00f9a36b7454799a9152cd1b50a0b

 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: {