|
@@ -6,7 +6,10 @@
|
|
<div class="full">
|
|
<div class="full">
|
|
<div class="order_icon"><span class="iconfont icon-dingdan"></span></div>
|
|
<div class="order_icon"><span class="iconfont icon-dingdan"></span></div>
|
|
<div class="text">
|
|
<div class="text">
|
|
- <div class="title">{{ orderDatalist.type | orderTypeFilter }}</div>
|
|
|
|
|
|
+ <div class="title">快递订单
|
|
|
|
+ <span v-if="orderDatalist.type === 0">(取件)</span>
|
|
|
|
+ <span v-else>(寄件)</span>
|
|
|
|
+ </div>
|
|
<div>
|
|
<div>
|
|
<span class="mr20">订单号:{{ orderDatalist.orderNo }}</span>
|
|
<span class="mr20">订单号:{{ orderDatalist.orderNo }}</span>
|
|
</div>
|
|
</div>
|
|
@@ -17,7 +20,7 @@
|
|
<div class="title">订单状态</div>
|
|
<div class="title">订单状态</div>
|
|
<div class="color-warning">
|
|
<div class="color-warning">
|
|
<span v-if="orderDatalist.refundStatus === 3">已退款</span>
|
|
<span v-if="orderDatalist.refundStatus === 3">已退款</span>
|
|
- <span v-else>{{ orderDatalist.status | orderStatusFilter }}</span>
|
|
|
|
|
|
+ <span v-else>{{ orderDatalist.status | orderExpressStatusFilter }}</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</li>
|
|
<li class="item">
|
|
<li class="item">
|
|
@@ -51,23 +54,23 @@
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
- <div v-show="orderDatalist.shippingType < 2 " class="detailSection">
|
|
|
|
- <div class="title">收货信息</div>
|
|
|
|
|
|
+ <div class="detailSection">
|
|
|
|
+ <div class="title">收件信息</div>
|
|
<ul class="list">
|
|
<ul class="list">
|
|
<li class="item">
|
|
<li class="item">
|
|
- <div class="lang">收货人:</div>
|
|
|
|
|
|
+ <div class="lang" >收件人:</div>
|
|
<div class="value">
|
|
<div class="value">
|
|
- {{ orderDatalist.realName }}
|
|
|
|
|
|
+ {{ orderDatalist.userName }}
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</li>
|
|
<li class="item">
|
|
<li class="item">
|
|
- <div class="lang">收货电话:</div>
|
|
|
|
|
|
+ <div class="lang">联系电话:</div>
|
|
<div class="value">
|
|
<div class="value">
|
|
{{ orderDatalist.userPhone }}
|
|
{{ orderDatalist.userPhone }}
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</li>
|
|
<li class="item">
|
|
<li class="item">
|
|
- <div class="lang">收货地址:</div>
|
|
|
|
|
|
+ <div class="lang">收件地址:</div>
|
|
<div class="value">
|
|
<div class="value">
|
|
{{ orderDatalist.userAddress }}
|
|
{{ orderDatalist.userAddress }}
|
|
</div>
|
|
</div>
|
|
@@ -78,11 +81,11 @@
|
|
<div class="title">订单信息</div>
|
|
<div class="title">订单信息</div>
|
|
<ul class="list">
|
|
<ul class="list">
|
|
<li class="item">
|
|
<li class="item">
|
|
- <div class="lang">商品总价:</div>
|
|
|
|
|
|
+ <div class="lang">配送费总价:</div>
|
|
<div class="value">{{ orderDatalist.proTotalPrice }}</div>
|
|
<div class="value">{{ orderDatalist.proTotalPrice }}</div>
|
|
</li>
|
|
</li>
|
|
<li class="item">
|
|
<li class="item">
|
|
- <div class="lang">商品总数:</div>
|
|
|
|
|
|
+ <div class="lang">快递数量:</div>
|
|
<div class="value">{{ orderDatalist.totalNum }}</div>
|
|
<div class="value">{{ orderDatalist.totalNum }}</div>
|
|
</li>
|
|
</li>
|
|
<li class="item">
|
|
<li class="item">
|
|
@@ -98,7 +101,7 @@
|
|
<div class="value">{{ orderDatalist.payPrice || '0.0' }}</div>
|
|
<div class="value">{{ orderDatalist.payPrice || '0.0' }}</div>
|
|
</li>
|
|
</li>
|
|
<li class="item">
|
|
<li class="item">
|
|
- <div class="lang">商户优惠金额:</div>
|
|
|
|
|
|
+ <div class="lang">优惠金额:</div>
|
|
<div class="value">{{ orderDatalist.merCouponPrice || '0.0' }}</div>
|
|
<div class="value">{{ orderDatalist.merCouponPrice || '0.0' }}</div>
|
|
</li>
|
|
</li>
|
|
<li class="item">
|
|
<li class="item">
|
|
@@ -123,9 +126,7 @@
|
|
</li>
|
|
</li>
|
|
<li class="item">
|
|
<li class="item">
|
|
<div class="lang">配送方式:</div>
|
|
<div class="lang">配送方式:</div>
|
|
- <div v-if="Number(orderDatalist.secondType) > 4" class="value">自动发货</div>
|
|
|
|
- <div v-else-if="Number(orderDatalist.secondType) == 2" class="value">虚拟发货</div>
|
|
|
|
- <div v-else class="value">{{ orderDatalist.shippingType | shippingTypeFilter }}</div>
|
|
|
|
|
|
+ <div class="value">骑手配送</div>
|
|
</li>
|
|
</li>
|
|
<li class="item">
|
|
<li class="item">
|
|
<div class="lang">支付时间:</div>
|
|
<div class="lang">支付时间:</div>
|
|
@@ -134,18 +135,10 @@
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="detailSection">
|
|
<div class="detailSection">
|
|
- <div class="title">买家留言</div>
|
|
|
|
|
|
+ <div class="title">备注</div>
|
|
<ul class="list">
|
|
<ul class="list">
|
|
<li class="item">
|
|
<li class="item">
|
|
- <div>{{ orderDatalist.userRemark | filterEmpty }}</div>
|
|
|
|
- </li>
|
|
|
|
- </ul>
|
|
|
|
- </div>
|
|
|
|
- <div class="detailSection">
|
|
|
|
- <div class="title">商家备注</div>
|
|
|
|
- <ul class="list">
|
|
|
|
- <li class="item">
|
|
|
|
- <div>{{ orderDatalist.merchantRemark | filterEmpty }}</div>
|
|
|
|
|
|
+ <div>{{ orderDatalist.remark | filterEmpty }}</div>
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
@@ -172,22 +165,22 @@
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
- <el-tab-pane label="商品信息" name="goods">
|
|
|
|
|
|
+ <el-tab-pane label="快递信息" name="goods">
|
|
<el-table class="mt20 orderDetailList" :data="orderDatalist.orderDetailList" size="small">
|
|
<el-table class="mt20 orderDetailList" :data="orderDatalist.orderDetailList" size="small">
|
|
- <el-table-column label="商品信息" min-width="400" :show-overflow-tooltip="true">
|
|
|
|
|
|
+ <el-table-column label="快递信息" min-width="180" :show-overflow-tooltip="true">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<div class="acea-row row-middle">
|
|
<div class="acea-row row-middle">
|
|
<div class="demo-image__preview mr15 line-heightOne">
|
|
<div class="demo-image__preview mr15 line-heightOne">
|
|
<el-image :src="scope.row.image" :preview-src-list="[scope.row.image]" />
|
|
<el-image :src="scope.row.image" :preview-src-list="[scope.row.image]" />
|
|
</div>
|
|
</div>
|
|
- <div style="width: 408px">
|
|
|
|
- <div class="line1 mb10">{{ scope.row.productName }}</div>
|
|
|
|
- <div class="line1 color-909399 line-heightOne">规格:{{ scope.row.sku }}</div>
|
|
|
|
|
|
+ <div style="width: 150px">
|
|
|
|
+ <div class="line1 mb10">{{ scope.row.expNum }}</div>
|
|
|
|
+ <div class="line1 color-909399 line-heightOne">规格:{{ scope.row.spec }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column label="商品售价" min-width="90">
|
|
|
|
|
|
+ <el-table-column label="配送费用" min-width="90">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<div class="acea-row row-middle">
|
|
<div class="acea-row row-middle">
|
|
<div class="line1">
|
|
<div class="line1">
|
|
@@ -196,29 +189,46 @@
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column label="购买数量" min-width="90">
|
|
|
|
|
|
+ <el-table-column label="驿站" min-width="90">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<div class="acea-row row-middle">
|
|
<div class="acea-row row-middle">
|
|
<div class="line1">
|
|
<div class="line1">
|
|
- {{ scope.row.payNum }}
|
|
|
|
|
|
+ {{ scope.row.postName }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column :label="orderDatalist.shippingType == 2 ? '核销数量' : '发货数量'" min-width="90">
|
|
|
|
|
|
+ <el-table-column label="驿站地址" min-width="90">
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <div class="acea-row row-middle">
|
|
|
|
+ <div class="line1">
|
|
|
|
+ {{ scope.row.postAddress}}
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="取件码" min-width="90">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<div class="acea-row row-middle">
|
|
<div class="acea-row row-middle">
|
|
<div class="line1">
|
|
<div class="line1">
|
|
- {{ scope.row.deliveryNum }}
|
|
|
|
|
|
+ {{ scope.row.pickUpCode }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column label="售后数量" min-width="90">
|
|
|
|
|
|
+ <el-table-column label="快递单号" min-width="90">
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <div class="acea-row row-middle">
|
|
|
|
+ <div class="line1">
|
|
|
|
+ {{ scope.row.expressNo }}
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="快递公司" min-width="90">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<div class="acea-row row-middle">
|
|
<div class="acea-row row-middle">
|
|
- <div class="line1 mb10 line-heightOne">退款中:{{ scope.row.applyRefundNum }}</div>
|
|
|
|
- <div class="line1 line-heightOne">退款成功:{{ scope.row.refundNum }}</div>
|
|
|
|
|
|
+ <div class="line1">{{ scope.row.expressCompany }}</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
@@ -296,16 +306,6 @@
|
|
</el-table>
|
|
</el-table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
- <!-- <div v-if="parseFloat(orderDatalist.shippingType) === 2">-->
|
|
|
|
- <!-- <div class="detailSection">-->
|
|
|
|
- <!-- <ul class="list">-->
|
|
|
|
- <!-- <li class="item">-->
|
|
|
|
- <!-- <div>核销员名称:</div>-->
|
|
|
|
- <!-- <div class="value">{{ orderDatalist.clerkName }} | {{ orderDatalist.clerkId }}</div>-->
|
|
|
|
- <!-- </li>-->
|
|
|
|
- <!-- </ul>-->
|
|
|
|
- <!-- </div>-->
|
|
|
|
- <!-- </div>-->
|
|
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</el-tabs>
|
|
</div>
|
|
</div>
|
|
@@ -347,7 +347,7 @@
|
|
// +----------------------------------------------------------------------
|
|
// +----------------------------------------------------------------------
|
|
// | Author: CRMEB Team <admin@crmeb.com>
|
|
// | Author: CRMEB Team <admin@crmeb.com>
|
|
// +----------------------------------------------------------------------
|
|
// +----------------------------------------------------------------------
|
|
-import { getLogisticsInfoApi, orderInvoiceListApi, orderDetailApi, refundOrderDetailApi } from '@/api/secondHand';
|
|
|
|
|
|
+import { getLogisticsInfoApi, orderInvoiceListApi, orderDetailApi, refundOrderDetailApi } from '@/api/express';
|
|
import { checkPermi } from '@/utils/permission'; // 权限判断函数
|
|
import { checkPermi } from '@/utils/permission'; // 权限判断函数
|
|
import { OrderSecondTypeEnum } from '@/enums/productEnums';
|
|
import { OrderSecondTypeEnum } from '@/enums/productEnums';
|
|
export default {
|
|
export default {
|
|
@@ -421,7 +421,7 @@ export default {
|
|
orderDetailApi({ orderNo: id })
|
|
orderDetailApi({ orderNo: id })
|
|
.then((res) => {
|
|
.then((res) => {
|
|
this.orderDatalist = res;
|
|
this.orderDatalist = res;
|
|
- this.orderExtend = res.orderExtend ? JSON.parse(res.orderExtend) : [];
|
|
|
|
|
|
+ //this.orderExtend = res.orderExtend ? JSON.parse(res.orderExtend) : [];
|
|
this.activeName = 'detail';
|
|
this.activeName = 'detail';
|
|
this.loading = false;
|
|
this.loading = false;
|
|
})
|
|
})
|