|
@@ -24,9 +24,9 @@
|
|
|
<!-- <el-button size="mini" @click="handleEditUser()" v-hasPermi="['users:user:edit']" >修改会员修改</el-button> -->
|
|
|
<el-button size="mini" v-if="order.customerId!=null&&order.customerId>0" @click="handleCustomer()" >查看客户详情</el-button>
|
|
|
</div>
|
|
|
- <div class="operate-button-container" v-hasPermi="['store:storeOrder:express']" >
|
|
|
- <el-button size="mini" @click="showExpress()" >查看物流</el-button>
|
|
|
- </div>
|
|
|
+<!-- <div class="operate-button-container" v-hasPermi="['store:storeOrder:express']" >-->
|
|
|
+<!-- <el-button size="mini" @click="showExpress()" >查看物流</el-button>-->
|
|
|
+<!-- </div>-->
|
|
|
</div>
|
|
|
<div style="margin: 20px 0px" v-if="order!=null">
|
|
|
<span class="font-small">
|
|
@@ -92,21 +92,21 @@
|
|
|
<el-tag prop="orderType" v-for="(item, index) in orderTypeOptions" v-if="order.orderType==item.dictValue">{{item.dictLabel}}</el-tag>
|
|
|
</span>
|
|
|
</el-descriptions-item>
|
|
|
- <el-descriptions-item label="物流公司编号" >
|
|
|
- <span v-if="order!=null ">
|
|
|
- {{order.deliverySn }}
|
|
|
- </span>
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item label="物流公司名称" >
|
|
|
- <span v-if="order!=null ">
|
|
|
- {{order.deliveryName }}
|
|
|
- </span>
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item label="快递单号" >
|
|
|
- <span v-if="order!=null ">
|
|
|
- {{order.deliveryId }}
|
|
|
- </span>
|
|
|
- </el-descriptions-item>
|
|
|
+<!-- <el-descriptions-item label="物流公司编号" >-->
|
|
|
+<!-- <span v-if="order!=null ">-->
|
|
|
+<!-- {{order.deliverySn }}-->
|
|
|
+<!-- </span>-->
|
|
|
+<!-- </el-descriptions-item>-->
|
|
|
+<!-- <el-descriptions-item label="物流公司名称" >-->
|
|
|
+<!-- <span v-if="order!=null ">-->
|
|
|
+<!-- {{order.deliveryName }}-->
|
|
|
+<!-- </span>-->
|
|
|
+<!-- </el-descriptions-item>-->
|
|
|
+<!-- <el-descriptions-item label="快递单号" >-->
|
|
|
+<!-- <span v-if="order!=null ">-->
|
|
|
+<!-- {{order.deliveryId }}-->
|
|
|
+<!-- </span>-->
|
|
|
+<!-- </el-descriptions-item>-->
|
|
|
<el-descriptions-item label="档期归属" >
|
|
|
<el-tag prop="scheduleId" v-for="(item, index) in scheduleOptions" v-if="order!=null&&order.scheduleId==item.id">{{item.name}}
|
|
|
</el-tag>
|
|
@@ -138,6 +138,51 @@
|
|
|
</el-descriptions-item>
|
|
|
|
|
|
</el-descriptions>
|
|
|
+
|
|
|
+ <div style="margin-top: 20px">
|
|
|
+ <span class="font-small">物流信息</span>
|
|
|
+ </div>
|
|
|
+ <el-table
|
|
|
+ border
|
|
|
+ v-if="deliverList!=null"
|
|
|
+ :data="deliverList"
|
|
|
+ size="small"
|
|
|
+ style="width: 100%;margin-top: 20px" >
|
|
|
+ <el-table-column label="物流公司编码" width="150" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <p>{{scope.row.deliverSn}}</p>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="物流公司名称" width="300" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <p>{{scope.row.deliverName}}</p>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="物流单号" width="300" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <p>{{scope.row.deliverId}}</p>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="物流状态" width="300" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>
|
|
|
+ <el-tag v-for="(item, index) in deliveryStatusOptions" v-if="scope.row!=null&&scope.row.status==item.dictValue">
|
|
|
+ {{item.dictLabel}}
|
|
|
+ </el-tag>
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="发货时间" width="240" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{scope.row.deliverSendTime}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" width="240" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-link type="primary" @click="showExpress(scope)" v-hasPermi="['store:storeOrder:express']">查看物流跟踪</el-link>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
<div style="margin: 20px 0px" v-if="order!=null">
|
|
|
<span class="font-small">
|
|
|
凭证信息
|
|
@@ -477,7 +522,20 @@ import { getTcmScheduleList } from "@/api/company/tcmScheduleReport";
|
|
|
import {getCustomerListBySearch } from "@/api/crm/customer";
|
|
|
import ImageUpload from '@/components/ImageUpload'
|
|
|
import Material from '@/components/Material'
|
|
|
-import {bindCustomer,getExpress, listStoreOrder, getStoreOrder, delStoreOrder, addStoreOrder, updateStoreOrder, exportStoreOrder,uploadCredentials, getStoreOrderAddress,getUserPhone} from "@/api/store/storeOrder";
|
|
|
+import {
|
|
|
+ bindCustomer,
|
|
|
+ getExpress,
|
|
|
+ listStoreOrder,
|
|
|
+ getStoreOrder,
|
|
|
+ delStoreOrder,
|
|
|
+ addStoreOrder,
|
|
|
+ updateStoreOrder,
|
|
|
+ exportStoreOrder,
|
|
|
+ uploadCredentials,
|
|
|
+ getStoreOrderAddress,
|
|
|
+ getUserPhone,
|
|
|
+ getByOrderId, getExpressByDeliverId
|
|
|
+} from "@/api/store/storeOrder";
|
|
|
import {getAllList} from "@/api/store/city";
|
|
|
import customerDetails from '../../crm/components/customerDetails.vue';
|
|
|
import addSms from '../../crm/components/addSms.vue';
|
|
@@ -487,6 +545,8 @@ export default {
|
|
|
ImageUpload,Material ,addSms},
|
|
|
data() {
|
|
|
return {
|
|
|
+ deliveryStatusOptions:[],
|
|
|
+ deliverList: [],
|
|
|
customerUserStatusOptions:[],
|
|
|
scheduleOptions:[],
|
|
|
dialogVisibleImage: false,
|
|
@@ -588,6 +648,10 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
+ this.getDicts("store_order_delivery_status").then((response) => {
|
|
|
+ this.deliveryStatusOptions = response.data;
|
|
|
+ });
|
|
|
+
|
|
|
this.getDicts("crm_customer_user_status").then((response) => {
|
|
|
this.customerUserStatusOptions = response.data;
|
|
|
});
|
|
@@ -613,6 +677,11 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ getExpressList(){
|
|
|
+ getByOrderId(this.orderId).then(res=>{
|
|
|
+ this.deliverList = res.data;
|
|
|
+ })
|
|
|
+ },
|
|
|
closeSms(){
|
|
|
this.addSms.open=false;
|
|
|
},
|
|
@@ -622,7 +691,7 @@ export default {
|
|
|
setTimeout(() => {
|
|
|
that.$refs.sms.getOrderId(this.orderId,mobile,2);
|
|
|
}, 500);
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
handlePhone(){
|
|
|
const id = this.order.id;
|
|
@@ -634,7 +703,7 @@ export default {
|
|
|
const id = this.order.id;
|
|
|
getStoreOrderAddress(id).then(response =>{
|
|
|
this.order.userAddress = response.address;
|
|
|
- })
|
|
|
+ })
|
|
|
},
|
|
|
showImageDialog() {
|
|
|
this.dialogVisible = true;
|
|
@@ -695,15 +764,18 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- showExpress(){
|
|
|
+ showExpress(scope){
|
|
|
this.expressDialog.open=true;
|
|
|
- getExpress(this.orderId).then(response => {
|
|
|
- this.express = response.data;
|
|
|
- if(this.express!=null&&this.express.Traces!=null){
|
|
|
- this.traces=this.express.Traces
|
|
|
- }
|
|
|
-
|
|
|
- });
|
|
|
+ getExpressByDeliverId({
|
|
|
+ orderId: this.orderId,
|
|
|
+ deliverId: scope.row.deliverId,
|
|
|
+ deliverSn: scope.row.deliverSn
|
|
|
+ }).then(response => {
|
|
|
+ this.express = response.data;
|
|
|
+ if(this.express!=null&&this.express.Traces!=null){
|
|
|
+ this.traces=this.express.Traces
|
|
|
+ }
|
|
|
+ })
|
|
|
|
|
|
},
|
|
|
districtChange(val){
|
|
@@ -848,6 +920,8 @@ export default {
|
|
|
this.payments=response.payments;
|
|
|
this.customerInfo=response.customer;
|
|
|
});
|
|
|
+
|
|
|
+ this.getExpressList();
|
|
|
}
|
|
|
}
|
|
|
};
|