| | |
| | | <div class="tradeDetail"> |
| | | <assets-head :title="$t('订单详情')" /> |
| | | <div class="header pl-8 pr-8 text-center "> |
| | | <div class="textColor">{{ $t('币种') }}</div> |
| | | <div class="textColor">{{ $t('tradingAssets') }}</div> |
| | | <div class="mt-7 textColor">{{ detail.name ? detail.name.toUpperCase() : '--' }}</div> |
| | | <div class="mt-7 text-green">{{ detail.state ? handleText(detail.state) : '--' }}</div> |
| | | </div> |
| | |
| | | <div class="text-grey">{{ $t('成交价格') }}</div> |
| | | <div class="textColor">{{ detail.close_price ?? '--' }}</div> |
| | | </div> |
| | | <div class="flex justify-between pb-16"> |
| | | <div class="text-grey">{{ $t('成交时间') }}</div> |
| | | <div class="textColor">{{ detail.close_time ? detail.close_time : '--' }}</div> |
| | | <div class="flex justify-between pb-16" v-if="detail.offset != 'open' "> |
| | | <div class="text-grey">{{ $t('卖出价') }}</div> |
| | | <div class="textColor">{{ detail.close_price ?? '--' }}</div> |
| | | </div> |
| | | <div class="flex justify-between pb-16" v-if="detail.offset != 'open' "> |
| | | <div class="text-grey">{{ $t('成本价') }}</div> |
| | | <div class="textColor">{{ detail.costPrice ?? '--' }}</div> |
| | | </div> |
| | | <div class="flex justify-between pb-16" v-if="detail.offset != 'open' "> |
| | | <div class="text-grey">{{ $t('盈利金额') }}</div> |
| | | <div :class="detail.profitLoss < 0 ? 'text-down' : 'text-up'">{{ detail.profitLoss ?? '--' }}</div> |
| | | </div> |
| | | <div class="flex justify-between pb-16" v-if="detail.offset != 'open' "> |
| | | <div class="text-grey">{{ $t('盈利比例') }}</div> |
| | | <div :class="detail.profitLoss < 0 ? 'text-down' : 'text-up'">{{ detail.profitLossPercentage ?? '--' }}%</div> |
| | | </div> |
| | | <div class="flex justify-between pb-16"> |
| | | <div class="text-grey">{{ $t('数量') }}</div> |
| | | <div class="textColor">{{ detail.symbolValue ?? '--' }}</div> |
| | | </div> |
| | | |
| | | <div class="flex justify-between pb-16"> |
| | | <div class="text-grey">{{ $t('总金额') }}</div> |
| | | <div class="textColor">{{ detail.totalMoney ?? '--' }}</div> |
| | | </div> |
| | | |
| | | <div class="flex justify-between pb-16"> |
| | | <div class="text-grey">{{ $t('手续费') }}</div> |
| | | <div class="textColor">{{ detail.fee ?? '--' }}</div> |