<template>
|
<div>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="订单编号：">{{form.orderId}}</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="下单时间：">{{form.orderTime}}</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="订单状态：">{{getDistributionOrder(form.orderStatus, form.deliveryStatus)}}
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<hr />
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="经销商：">
|
{{form.marketShopInfo && form.marketShopInfo.ecMarketMerchant ? form.marketShopInfo.ecMarketMerchant.merchantName : '-'}}
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="收货门店：">{{form.marketShopInfo ? form.marketShopInfo.shopName : '-'}}
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="联系人：">{{form.marketShopInfo ? form.marketShopInfo.linkMan : '-'}}
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="联系电话：">{{form.marketShopInfo ? form.marketShopInfo.linkPhone : '-'}}
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item class="textShow" label="门店地址：">
|
{{form.marketShopInfo ? form.marketShopInfo.province+form.marketShopInfo.city+form.marketShopInfo.aera+form.marketShopInfo.areaMapName+form.marketShopInfo.shopAddress : ''}}
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item class="textShow" label="订单备注：">{{form.orderMemberMemo}}</el-form-item>
|
</el-col>
|
</el-row>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
props: ['form'],
|
data() {
|
return {
|
}
|
},
|
methods: {
|
/**
|
*获取订单的状态
|
*/
|
getDistributionOrder(orderStatus, deliveryStatus) {
|
let str = null
|
switch (orderStatus) {
|
case '03':
|
str = deliveryStatus === '0' || !deliveryStatus ? '仓库待出库' : '仓库已出库'
|
break
|
case '04':
|
str = deliveryStatus === '1' ? '门店待入库' : null
|
break
|
case '05':
|
str = '门店已入库'
|
break
|
default:
|
break
|
}
|
return str
|
}
|
}
|
}
|
</script>
|
<style>
|
.textShow .el-form-item__content {
|
word-break: break-all;
|
width: calc(100% - 160px);
|
}
|
</style>
|
