|
|
@ -2,7 +2,7 @@
|
|
|
|
* @Author: ch
|
|
|
|
* @Author: ch
|
|
|
|
* @Date: 2022-05-08 01:14:03
|
|
|
|
* @Date: 2022-05-08 01:14:03
|
|
|
|
* @LastEditors: ch
|
|
|
|
* @LastEditors: ch
|
|
|
|
* @LastEditTime: 2022-05-11 22:22:15
|
|
|
|
* @LastEditTime: 2022-05-26 17:38:01
|
|
|
|
* @Description: file content
|
|
|
|
* @Description: file content
|
|
|
|
-->
|
|
|
|
-->
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
@ -11,7 +11,7 @@
|
|
|
|
<StatusInfo :orderInfo="orderInfo" @changeStatus="getOrderInfo"/>
|
|
|
|
<StatusInfo :orderInfo="orderInfo" @changeStatus="getOrderInfo"/>
|
|
|
|
<StatusStep :orderInfo="orderInfo" />
|
|
|
|
<StatusStep :orderInfo="orderInfo" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<LogisitcsInfo :orderInfo="orderInfo" />
|
|
|
|
<LogisitcsInfo v-if="orderInfo.orderType !== ORDER_TYPE.VIRTUAL" :orderInfo="orderInfo" />
|
|
|
|
<div class="pay-type" v-if="orderInfo.payType !== 1">
|
|
|
|
<div class="pay-type" v-if="orderInfo.payType !== 1">
|
|
|
|
<p>支付方式:{{orderInfo.payTypeDesc}}</p>
|
|
|
|
<p>支付方式:{{orderInfo.payTypeDesc}}</p>
|
|
|
|
<p>支付时间:{{orderInfo.submitTime}}</p>
|
|
|
|
<p>支付时间:{{orderInfo.submitTime}}</p>
|
|
|
@ -21,6 +21,7 @@
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
import {ApiGetOrderDetail} from '@/plugins/api/order';
|
|
|
|
import {ApiGetOrderDetail} from '@/plugins/api/order';
|
|
|
|
|
|
|
|
import {ORDER_TYPE} from '@/plugins/dicts/order';
|
|
|
|
import StatusInfo from './module/StatusInfo.vue';
|
|
|
|
import StatusInfo from './module/StatusInfo.vue';
|
|
|
|
import StatusStep from './module/StatusStep.vue';
|
|
|
|
import StatusStep from './module/StatusStep.vue';
|
|
|
|
import LogisitcsInfo from './module/LogisitcsInfo.vue';
|
|
|
|
import LogisitcsInfo from './module/LogisitcsInfo.vue';
|
|
|
@ -29,6 +30,7 @@ export default {
|
|
|
|
components: { StatusInfo, StatusStep, LogisitcsInfo, GoodsInfo },
|
|
|
|
components: { StatusInfo, StatusStep, LogisitcsInfo, GoodsInfo },
|
|
|
|
data(){
|
|
|
|
data(){
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
|
|
|
|
ORDER_TYPE,
|
|
|
|
orderInfo : {}
|
|
|
|
orderInfo : {}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
@ -57,8 +59,10 @@ export default {
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
border-radius: 4px;
|
|
|
|
border-radius: 4px;
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
margin: 0 0 30px 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.pay-type{
|
|
|
|
.pay-type{
|
|
|
|
|
|
|
|
margin: 30px 0;
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
background: #f8f8f8;
|
|
|
|
background: #f8f8f8;
|
|
|
|
height: 59px;
|
|
|
|
height: 59px;
|
|
|
|