<template>
|
<div class="order_details_style">
|
<div class="orderTitle">
|
<span>订单详情</span>
|
<span
|
class="tipText">温馨提示：为保障消费者个人信息安全，淘宝、京东、抖音等主流平台已启动订单处理链路的消费者敏感信息保护方案，包括“订单处理类”、“仓储物流类”。物流轨迹请相关人员前往对应物流快递公司官网自行查阅</span>
|
</div>
|
<div v-if="form.isMarketOrder !== '1'">
|
<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 v-show="form.orderSource!=='WLY'" label="原始订单编号：">
|
{{form.sourceOrderCode ?form.sourceOrderCode :'-'}}
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="下单时间：">{{form.orderTime}}</el-form-item>
|
</el-col>
|
</el-row>
|
</div>
|
<div>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="订单状态：" class="form_item_style">
|
{{form.orderStatus ? form.orderStatusName:'-'}}
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="订单来源：">{{getLabel(orderSourceArr,form.orderSource)}}</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="订单金额：">{{form.orderPrice ?'￥'+form.orderPrice.toFixed(2) : '-'}}
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</div>
|
<div>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="订单类型：">{{form.orderTypeName ? form.orderTypeName : '-'}}
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="推送状态：">
|
<span v-if="form.orderStatus !== '01'">{{
|
form.pushAnjiType === '1'
|
? '推送成功'
|
: form.pushAnjiType === '2'
|
? '推送失败'
|
: '-'
|
}}</span>
|
<span v-else>-</span>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="是否扫码：">{{ setScanTypeText(form.scanType) }}</el-form-item>
|
</el-col>
|
</el-row>
|
</div>
|
<div>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="操作状态：">{{getLabel(orderOperationStatus,form.operationStatus)}}
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="物流服务商：">
|
{{originalOrderAddressInfo && originalOrderAddressInfo.logisticSupplier ? getText(logisticsProvidersData,originalOrderAddressInfo.logisticSupplier) : '-'}}</el-form-item>
|
</el-col>
|
</el-row>
|
</div>
|
<div>
|
<el-form-item label="订单备注：">{{form.orderMemberMemo ? form.orderMemberMemo : '-' }}
|
</el-form-item>
|
</div>
|
<hr />
|
<order-adress-component :form=" form" :newForm="newForm"
|
:originalOrderAddressInfo="originalOrderAddressInfo">
|
</order-adress-component>
|
<hr />
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="支付方式：">
|
{{form.orderPaymentArgs && JSON.parse(form.orderPaymentArgs).payTypeName ? JSON.parse(form.orderPaymentArgs).payTypeName : '-'}}
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="支付时间：">{{form.payTime ? form.payTime : '-'}}</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="交易号：">
|
{{form.orderPaymentArgs && JSON.parse(form.orderPaymentArgs).tradeNo ? JSON.parse(form.orderPaymentArgs).tradeNo : '-'}}
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="订单金额：">{{form.orderPrice ? '￥'+form.orderPrice.toFixed(2) : '-'}}
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="运费：">￥ {{form.freight ? form.freight.toFixed(2) : 0}}
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="优惠金额：">￥
|
{{getPreferAmount(form.consumePromotion, form.consumeCoupon).toFixed(2)}}
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="实收金额：">
|
{{form.orderPayPrice ? '￥'+form.orderPayPrice.toFixed(2) : '-'}}</el-form-item>
|
</el-col>
|
</el-row>
|
<hr />
|
</div>
|
<distribution-info v-else :form='form'></distribution-info>
|
</div>
|
</template>
|
<script>
|
import orderMgtApi from '@/api/orderMgt'
|
import distributionInfo from '../../distributionOrder/components/distributionInfo.vue'
|
import orderSourceArr from '@/utils/constant/orderSourceArr'
|
import orderStatus from '@/utils/constant/orderStatus'
|
import { getArrayLable } from '@/utils/getArrayLable'
|
import orderOperationStatus from '@/utils/constant/orderOperationStatus'
|
import orderAdressComponent from './orderAdressComponent.vue'
|
export default {
|
components: { distributionInfo, orderAdressComponent },
|
props: ['form', 'newForm', 'originalOrderAddressInfo'],
|
data() {
|
return {
|
orderSourceArr,
|
orderStatusArray: orderStatus,
|
orderOperationStatus, // 订单操作状态
|
logisticsProvidersData: []
|
}
|
},
|
mounted() {
|
// 获取物流服务商
|
this.getLogisticsProvidersData();
|
},
|
methods: {
|
/**
|
* 获取物流服务商
|
*/
|
async getLogisticsProvidersData() {
|
let arr = [];
|
const res = await orderMgtApi.getWarehouseTree({})
|
if (res.code === '200' && res.data.length) {
|
res.data.forEach((item) => {
|
arr.push({
|
id: item.warehouseService,
|
name: item.warehouseServiceName,
|
})
|
})
|
this.logisticsProvidersData = arr;
|
}
|
},
|
/**
|
* 设置是否扫码的text
|
*/
|
setScanTypeText(value) {
|
if (value) {
|
let str = null
|
str = value === '1' ? '是' : value === '2' ? '否' : '-'
|
return str
|
} else {
|
return '-'
|
}
|
},
|
/**
|
* 获取优惠金额
|
*/
|
getPreferAmount(promotion, coupon) {
|
let money = 0
|
if (promotion && coupon) {
|
money = promotion + coupon
|
} else if (promotion || coupon) {
|
money = promotion || coupon
|
} else {
|
money = 0
|
}
|
return money
|
},
|
getText(array, id) {
|
return getArrayLable(array, id)
|
},
|
/**
|
* 获取数组的label
|
*/
|
getLabel(array, id, form) {
|
if (form && form.orderType === 'T05') {
|
switch (id) {
|
case '88':
|
return '售后中'
|
case '10':
|
return '售后成功'
|
case '06':
|
return '已完成'
|
default:
|
return getArrayLable(array, id)
|
}
|
} else {
|
return getArrayLable(array, id)
|
}
|
}
|
}
|
}
|
</script>
|
