<template>
  <div class="ivu-card">
    <div class="ivu-card-head">
      <p slot="title">收货人信息</p>
    </div>
    <div class="ivu-card-body">
      <Row>
        <i-col span="12">收货人：{{ orderInfo.consigneeName }}</i-col>
        <i-col span="12">手机号：{{ orderInfo.mobile }} </i-col>
      </Row>
      <Row>
        <i-col span="24">
          送货地址：{{ orderInfo.province }} {{ orderInfo.city }} {{ orderInfo.district }}
          {{ orderInfo.street }}
        </i-col>
      </Row>
      <Row>
        <i-col span="24">详细地址：{{ orderInfo.address }}</i-col>
      </Row>
      <Row>
        <i-col span="24">邮政编码：{{ orderInfo.zipCode }}</i-col>
      </Row>
      <Row>
        <i-col span="24">物流公司：{{ orderInfo.expressName }}</i-col>
      </Row>
      <Row>
        <i-col span="24">运单号：{{ orderInfo.expressNumber }} </i-col>
      </Row>
    </div>
  </div>
</template>
<script>
export default {
  name: 'OrderUserInfo',
  props: ['orderInfo'],
  data() {
    return {};
  },
};
</script>