<template>
  <div class="pop">
    <div class="title">
      <!-- 您的提款申请已处理 -->
      {{ $t('inform.l55') }}
    </div>
    <div class="content">
      <!-- 取款账户:{{ serverName[item.content.from.server] || $t('account.l1') }}，取款数量:{{$numToThousand(item.content.amount)}} USD，取款状态:已到账 -->
      {{ $t('inform.l48') }}:{{ $t('account.l1') }}，{{ $t('inform.l49') }}:{{$numToThousand(item.content.amount)}} USD，{{ $t('inform.l51') }}:{{ $t('ajax.403') }}
    </div>
    <div class="btns flex">
      <div class="btn ltn" @click="cancel">
        <!-- 我知道了 -->
        {{ $t('market.l15') }}
      </div>
      <div class="btn rtn" @click="$router.push('/account-records/1')">
        <!-- 去看看 -->
        {{ $t('inform.l54') }}
      </div>
    </div>
  </div>
</template>
<script>
export default {
  props: ['item'],
  data () {
    return {
      
    }
  },
  methods: {
    cancel() {
      this.$emit('cancel')
    }
  }
}
</script>
<style lang="less" scoped>
.pop {
  padding: 21px 21px 16px;
  position: relative;
}
.title {
  font-weight: 500;
  font-size: 20px;
  color: #000000;
  text-align: center;
  margin-bottom: 13px;
}
.content {
  text-align: center;
  font-size: 14px;
  color: #767676;
  line-height: 22px;
}
.btns {
  padding-top: 24px;
  column-gap: 12px;
  .btn {
    cursor: pointer;
    text-align: center;
    border-radius: 6px;
    font-size: 16px;
    flex: 1;
    line-height: 42px;
  }
  .ltn {
    border: 1px solid #DEDEDE;
  }
  .rtn {
    background-color: #000000;
    border: 1px solid #000;
    color: #FEFFFF;
  }
}
</style>