| | |
| | | <div class="total-name"> |
| | | {{ activeObj.assname }} ({{ activeObj.symbolCode }}) |
| | | </div> |
| | | <div class="total-data">{{ activeObj.totalMoney || "0.0000" }}</div> |
| | | <!-- <div class="total-data-huansuan" v-if="activeObj.symbolCode !== $USD"> |
| | | ≈ {{ $USD }} {{ activeObj.totalMoneyUSD || "0.0000" }} |
| | | </div> --> |
| | | <div class="total-data"> |
| | | ₹{{ activeObj.totalMoney | _toLocaleString }} |
| | | <!-- {{ 10000000000000 | _toLocaleString }} --> |
| | | </div> |
| | | </div> |
| | | <div class="right" @click="closeAll">{{ $t("全部平仓") }}</div> |
| | | </div> |
| | | |
| | | <div class="item-card-itembox"> |
| | | <div class="item"> |
| | | <div class="itembox-data">{{ activeObj.profitAndLoss }}</div> |
| | | <!-- <div v-if="activeObj.symbolCode !== $USD" class="number-text"> |
| | | ≈ {{ $USD }} {{ activeObj.profitAndLossUSD || "0.0000" }} |
| | | </div> --> |
| | | <div class="itembox-data"> |
| | | ₹{{ activeObj.profitAndLoss | _toLocaleString }} |
| | | </div> |
| | | |
| | | <div class="itembox-name"> |
| | | {{ $t("浮動盈虧") }} ({{ activeObj.symbolCode }}) |
| | | </div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="itembox-data">{{ activeObj.availableBalance }}</div> |
| | | <!-- <div v-if="activeObj.symbolCode !== $USD" class="number-text"> |
| | | ≈ {{ $USD }} |
| | | {{ activeObj.availableBalanceUSD || "0.0000" }} |
| | | </div> --> |
| | | <div class="itembox-data"> |
| | | ₹{{ activeObj.availableBalance | _toLocaleString }} |
| | | </div> |
| | | |
| | | <div class="itembox-name"> |
| | | {{ $t("可用資產") }} ({{ activeObj.symbolCode }}) |
| | | </div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="itembox-data">{{ activeObj.cumulativeProfitAndLoss }}</div> |
| | | <!-- <div v-if="activeObj.symbolCode !== $USD" class="number-text"> |
| | | ≈ {{ $USD }} |
| | | {{ activeObj.cumulativeProfitAndLossUSD || "0.0000" }} |
| | | </div> --> |
| | | <div class="itembox-data"> |
| | | {{ activeObj.isZf === 1 ? "-" : "" }} |
| | | ₹{{ activeObj.cumulativeProfitAndLoss | _toLocaleString }} |
| | | </div> |
| | | |
| | | <div class="itembox-name"> |
| | | {{ $t("累計盈虧") }} ({{ activeObj.symbolCode }}) |
| | | </div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="itembox-data">{{ activeObj.freezeMoney }}</div> |
| | | <!-- <div v-if="activeObj.symbolCode !== $USD" class="number-text"> |
| | | ≈ {{ $USD }} {{ activeObj.freezeMoneyUSD || "0.0000" }} |
| | | </div> --> |
| | | <div class="itembox-data"> |
| | | ₹{{ activeObj.freezeMoney | _toLocaleString }} |
| | | </div> |
| | | |
| | | <div class="itembox-name"> |
| | | {{ $t("凍結資產") }} ({{ activeObj.symbolCode }}) |
| | | </div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="itembox-data">{{ activeObj.handlingCharge }}</div> |
| | | <!-- <div v-if="activeObj.symbolCode !== $USD" class="number-text"> |
| | | ≈ {{ $USD }} {{ activeObj.handlingChargeUSD || "0.0000" }} |
| | | </div> --> |
| | | <div class="itembox-data"> |
| | | ₹{{ activeObj.handlingCharge | _toLocaleString }} |
| | | </div> |
| | | |
| | | <div class="itembox-name"> |
| | | {{ $t("總手續費") }} ({{ activeObj.symbolCode }}) |
| | | </div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="itembox-data"> |
| | | ₹{{ activeObj.amountToBeCovered | _toLocaleString }} |
| | | </div> |
| | | |
| | | <div class="itembox-name"> |
| | | {{ $t("待补金额") }} ({{ activeObj.symbolCode }}) |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | default: () => {}, |
| | | }, |
| | | }, |
| | | |
| | | methods: { |
| | | async confirm() { |
| | | console.log(this.activeObj.laber); |
| | |
| | | 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; |