<template>
  <div class="li">
    <div class="top flex">
      <div class="tag">
        <!-- 合约交易 -->
        {{ $t('inform.l4') }}
      </div>
      <div class="title" v-if="item.content.action == 'openPosition'">
        <!-- 您的开仓订单已成交 -->
        {{ $t('inform.l35') }}
      </div>
      <div class="title" v-if="item.content.action == 'closePosition'">
        <!-- 您的平仓订单已成交 -->
        {{ $t('inform.l36') }}
      </div>
      <div class="title" v-if="item.content.action == 'updatePosition'">
        <!-- 您的持仓订单已更新 -->
        {{ $t('inform.l37') }}
      </div>
    </div>
    <div class="row">
      <div class="label">
        <!-- 交易品种 -->
        {{ $t('inform.l7') }}
      </div>
      <div class="text">{{item.content.symbol}}</div>
    </div>
    <div class="row">
      <div class="label">
        <!-- 交易类型 -->
        {{ $t('account.l43') }}
      </div>
      <!-- 买入  卖出 -->
      <div class="text">{{item.content.cmd == 0 ? $t('exchange.l50') : $t('exchange.l51')}}</div>
    </div>
    <div class="row">
      <div class="label">
        <!-- 交易价格 -->
        {{ $t('inform.l8') }}
      </div>
      <div class="text">{{$handleDigits2(Number(item.content.price))}}</div>
    </div>
    <div class="row">
      <div class="label">
        <!-- 交易数量 -->
        {{ $t('inform.l9') }}
      </div>
      <div class="text">{{$bigDecimal.divide(item.content.volume, 100, 2)}} lots</div>
    </div>
  </div>
</template>
<script>
export default {
  props: ['item'],
  data () {
    return {
    }
  }
}
</script>
<style lang="less" scoped>
.tag {
  border: 1px solid rgba(77, 127, 255, 0.25);
  color: #4D7FFF;
}
</style>