|
|
|
@ -9,12 +9,16 @@
|
|
|
|
|
<div class="right">
|
|
|
|
|
<template v-if="state.form.orderStatus !== 2">
|
|
|
|
|
<template v-if="[1, 3].includes(state.form.orderStatus)">
|
|
|
|
|
<el-button type="primary" @click="handleAddress">修改收货人信息</el-button>
|
|
|
|
|
<el-button :disabled="state.form.orderType === 4" type="primary" @click="handleAddress">
|
|
|
|
|
修改收货人信息
|
|
|
|
|
</el-button>
|
|
|
|
|
<template v-if="state.form.orderStatus === 3">
|
|
|
|
|
<el-button type="danger" @click="handleCancel">取消订单</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-if="state.form.orderStatus === 1">
|
|
|
|
|
<el-button type="primary" @click="handleFees">修改费用信息</el-button>
|
|
|
|
|
<el-button :disabled="state.form.orderType === 4" type="primary" @click="handleFees">
|
|
|
|
|
修改费用信息
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button type="danger" @click="handleClose">关闭订单</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</template>
|
|
|
|
@ -27,8 +31,21 @@
|
|
|
|
|
<el-scrollbar class="body">
|
|
|
|
|
<h3>基本信息</h3>
|
|
|
|
|
<el-table border :data="[state.form]">
|
|
|
|
|
<el-table-column align="center" header-align="center" label="订单编号" prop="orderNo" width="240" />
|
|
|
|
|
<!-- <el-table-column align="center" header-align="center" label="用户账号" prop="userId" width="240" /> -->
|
|
|
|
|
<el-table-column align="center" header-align="center" label="订单编号" prop="orderNo" width="250" />
|
|
|
|
|
<el-table-column
|
|
|
|
|
align="center"
|
|
|
|
|
header-align="center"
|
|
|
|
|
label="用户手机号"
|
|
|
|
|
prop="userPhone"
|
|
|
|
|
width="240"
|
|
|
|
|
>
|
|
|
|
|
<template #default="{ row }">
|
|
|
|
|
<div class="flex">
|
|
|
|
|
<span>{{ row.userPhone }}</span>
|
|
|
|
|
<el-button style="margin-left: 10px" type="text" @click="handleUser">查看</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
align="center"
|
|
|
|
|
header-align="center"
|
|
|
|
@ -37,9 +54,7 @@
|
|
|
|
|
width="240"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column align="center" header-align="center" label="订单来源" prop="orderSourceDesc" />
|
|
|
|
|
<el-table-column align="center" header-align="center" label="订单类型" prop="quantity">
|
|
|
|
|
普通订单
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column align="center" header-align="center" label="订单类型" prop="orderTypeDesc" />
|
|
|
|
|
</el-table>
|
|
|
|
|
<el-table border :data="[state.form]" style="margin-top: -1px">
|
|
|
|
|
<el-table-column
|
|
|
|
@ -47,9 +62,11 @@
|
|
|
|
|
header-align="center"
|
|
|
|
|
label="配送方式"
|
|
|
|
|
prop="logistics.companyName"
|
|
|
|
|
width="240"
|
|
|
|
|
width="250"
|
|
|
|
|
>
|
|
|
|
|
<template #default="{ row }">{{ row.logistics?.companyName || '未发货' }}</template>
|
|
|
|
|
<template #default="{ row }">
|
|
|
|
|
{{ row.orderType === 4 ? '自动发货' : row.logistics?.companyName || '未发货' }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
align="center"
|
|
|
|
@ -58,7 +75,9 @@
|
|
|
|
|
prop="logistics.trackingNo"
|
|
|
|
|
width="240"
|
|
|
|
|
>
|
|
|
|
|
<template #default="{ row }">{{ row.logistics?.trackingNo || '未发货' }}</template>
|
|
|
|
|
<template #default="{ row }">
|
|
|
|
|
{{ row.orderType === 4 ? '-' : row.logistics?.trackingNo || '未发货' }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column align="center" header-align="center" label="自动确认收货时间" prop="receiveExpire">
|
|
|
|
|
<template #default="{ row }">{{ row.receiveExpire }}天</template>
|
|
|
|
@ -67,24 +86,15 @@
|
|
|
|
|
<br />
|
|
|
|
|
<h3>收货人信息</h3>
|
|
|
|
|
<el-table border :data="[state.form]">
|
|
|
|
|
<el-table-column
|
|
|
|
|
align="center"
|
|
|
|
|
header-align="center"
|
|
|
|
|
label="收货人"
|
|
|
|
|
prop="logistics.recipientName"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column
|
|
|
|
|
align="center"
|
|
|
|
|
header-align="center"
|
|
|
|
|
label="手机号码"
|
|
|
|
|
prop="logistics.recipientPhone"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column
|
|
|
|
|
align="center"
|
|
|
|
|
header-align="center"
|
|
|
|
|
label="收货地址"
|
|
|
|
|
prop="logistics.recipientAddress"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column align="center" header-align="center" label="收货人">
|
|
|
|
|
<template #default="{ row }">{{ row.logistics?.recipientName || '-' }}</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column align="center" header-align="center" label="手机号码">
|
|
|
|
|
<template #default="{ row }">{{ row.logistics?.recipientPhone || '-' }}</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column align="center" header-align="center" label="收货地址">
|
|
|
|
|
<template #default="{ row }">{{ row.logistics?.recipientAddress || '-' }}</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
<br />
|
|
|
|
|
<h3>商品信息</h3>
|
|
|
|
@ -98,7 +108,11 @@
|
|
|
|
|
<el-table-column align="center" header-align="center" label="价格" prop="realPrice">
|
|
|
|
|
<template #default="{ row }">¥{{ new Number(row.realPrice).toFixed(2) }}</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column align="center" header-align="center" label="属性" prop="skuDescribe" />
|
|
|
|
|
<el-table-column align="center" header-align="center" label="规格属性" prop="skuDescribe">
|
|
|
|
|
<template #default="{ row }">
|
|
|
|
|
{{ row.skuDescribe || '默认规格' }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column align="center" header-align="center" label="数量" prop="quantity" />
|
|
|
|
|
<el-table-column align="center" header-align="center" label="小计" prop="realAmount">
|
|
|
|
|
<template #default="{ row }">¥{{ new Number(row.realAmount).toFixed(2) }}</template>
|
|
|
|
@ -132,7 +146,7 @@
|
|
|
|
|
<cancel-order ref="refsCancelOrder" @close="handleLoad" />
|
|
|
|
|
<update-address ref="refsUpdateAddress" @close="handleLoad" />
|
|
|
|
|
<update-fees ref="refsUpdateFees" @close="handleLoad" />
|
|
|
|
|
<order-track ref="refsOrderTrack" />
|
|
|
|
|
<order-track ref="refsOrderTrack" :copy="state.form.orderType !== 4" />
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
@ -144,6 +158,7 @@
|
|
|
|
|
import OrderTrack from './track.vue';
|
|
|
|
|
const store = useStore();
|
|
|
|
|
const route = useRoute();
|
|
|
|
|
const router = useRouter();
|
|
|
|
|
const opts = computed(() => store.state.order.opts);
|
|
|
|
|
if (!unref(opts).init) {
|
|
|
|
|
store.dispatch('order/load');
|
|
|
|
@ -217,12 +232,26 @@
|
|
|
|
|
const handleTrack = () => {
|
|
|
|
|
unref(refsOrderTrack).show(state.form.orderId);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const handleUser = () => {
|
|
|
|
|
router.push({
|
|
|
|
|
name: 'CustomerManagement',
|
|
|
|
|
query: {
|
|
|
|
|
account: state.form.userPhone,
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
|
|
.detail-container {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
.flex {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
}
|
|
|
|
|
.card {
|
|
|
|
|
height: 100%;
|
|
|
|
|
flex-shrink: 1;
|
|
|
|
|