<template>
  <div class="">
    <el-descriptions class="margin-top" title="用户信息" :column="1" border>
      <el-descriptions-item>
        <template slot="label">
          用户手机号
        </template>
        {{dataForm.mobile}}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          用户名称
        </template>
        {{dataForm.name}}
      </el-descriptions-item>
    </el-descriptions>

    <el-descriptions class="margin-top" style="margin-top:10px" title="订单信息" :column="1" border>
      <el-descriptions-item>
        <template slot="label">
          商品名称
        </template>
        {{ dataForm.giftName }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          交易数量
        </template>
        {{ dataForm.exchangeQuantity }}
      </el-descriptions-item>
      <el-descriptions-item v-if="dataForm.orderType != 1 && dataForm.shippingType">
        <template slot="label">
          配送类型
        </template>
        <el-tag size="small"> {{ dataForm.shippingType }} </el-tag>
      </el-descriptions-item>
      <el-descriptions-item v-if="dataForm.orderType != 1">
        <template slot="label">
          付款信息
        </template>
        {{ dataForm.orderStatus }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          订单编号
        </template>
        {{ dataForm.orderNumber }}
      </el-descriptions-item>

      <el-descriptions-item>
        <template slot="label">
          创建时间
        </template>
        {{ dataForm.createTime }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          更新时间
        </template>
        {{ dataForm.updateTime }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          付款备注
        </template>
        {{ dataForm.notes }}
      </el-descriptions-item>
    </el-descriptions>

    <el-descriptions v-if="dataForm.shippingType == '物流配送'" class="margin-top" style="margin-top:10px" title="收货信息" :column="1" border>
      <el-descriptions-item>
        <template slot="label">
          收货人
        </template>
        {{dataForm.addrName}}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          收货电话
        </template>
        {{dataForm.addrMobile}}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          收货地址
        </template>
        {{dataForm.address                                                                                                                                                   }}
      </el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script>
export default {
  name: "detail",
  props: {
    dataForm:{},
  },
  data() {
    return {

    }
  },

  created(){
    console.log("dataForm",this.dataForm)
  }

}
</script>

<style scoped lang="scss">

</style>
