115 lines
3.0 KiB
Vue
115 lines
3.0 KiB
Vue
<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>
|