<template>
  <div class="order_info">
    <div class="title">订单信息</div>
    <!--    <div class="info_item">-->
    <!--      <div>订单编号</div>-->
    <!--      <div class="info_text">{{obj.SALEBILL_CODE}}</div>-->
    <!--    </div>-->
    <!--    <div class="info_item">-->
    <!--      <div>下单人员</div>-->
    <!--      <div class="info_text">{{obj.ORDER_PERSON}}</div>-->
    <!--    </div>-->
    <div class="info_item">
      <div>下单时间</div>
      <div class="info_text">{{ obj.ORDER_DATE }}</div>
    </div>
    <div class="info_item" style="margin-bottom: 0px">
      <div>合计金额</div>
      <div class="info_price"><span class="unit">￥</span><span class="price">{{ obj.ORDER_AMOUNT }}</span></div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    obj: {}
  },
  data() {
    return {}
  }
}
</script>

<style lang="stylus" scoped>
.order_info {
  margin: auto;
  width: 638rpx;
  padding: 24rpx 24rpx;
  border-radius: 16rpx;
  background: #FEFFFE;
  .title{
    color: #020E1A;
    font-size: 28rpx;
    margin-bottom: 24rpx;
      font-weight: 600;
  }
  .info_item {
    font-size: 28rpx;
    color: #6C737A;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32rpx;
    .info_text {
      color: #020E1A
    }
    .info_price {
      .unit {
        color: #FF6219;
        font-size: 24rpx;
      }
      .price {
        color: #FF6219;
        font-size: 36rpx;
      }
    }
  }
}

</style>
