<template>
  <div class="ivu-card">
    <div class="ivu-card-head">
      <p slot="title">订单信息</p>
    </div>
    <div class="ivu-card-body">
      <Row>
        <i-col span="24">订购人：{{ orderInfo.mobile }}</i-col>
      </Row>
      <br />
      <Row>
        <i-col span="4">订单号：{{ orderInfo.orderCode }}</i-col>
        <i-col span="4">下单时间：{{ orderInfo.createTime | timeFormat }}</i-col>
        <i-col span="4">发货时间：{{ orderInfo.arriveTime | timeFormat }}</i-col>
      </Row>
      <br />
      <Row>
        <i-col span="4">订单状态：{{ orderStatus[orderInfo.orderStatus] }}</i-col>
        <i-col span="4">提交时间：{{ orderInfo.checkTime | timeFormat }}</i-col>
        <i-col span="4">成交时间：{{ orderInfo.deliveryTime | timeFormat }}</i-col>
      </Row>
    </div>
  </div>
</template>

<script>
export default {
  name: 'OrderBaseInfo',
  props: ['orderInfo', 'orderStatus'],
  data() {
    return {};
  },
};
</script>