|
|
@@ -52,96 +52,96 @@
|
|
|
<input id="all" type="checkbox" @click="checkAll($event)"/>
|
|
|
</th>
|
|
|
<th>序号</th>
|
|
|
- <th style="min-width: 75px">公司</th>
|
|
|
- <th>订单号</th>
|
|
|
- <th style="min-width: 120px">WEB+订单号</th>
|
|
|
- <th style="min-width: 120px"> 提货日期</th>
|
|
|
- <th style="min-width: 120px">销售</th>
|
|
|
- <th style="min-width: 120px">客户</th>
|
|
|
- <th>SKU</th>
|
|
|
- <th style="min-width: 120px">物料描述</th>
|
|
|
- <th>数量</th>
|
|
|
- <th style="min-width: 120px">订单备注</th>
|
|
|
- <th>重量</th>
|
|
|
- <th>体积m³</th>
|
|
|
- <th style="min-width: 120px">托盘合计</th>
|
|
|
- <th style="min-width: 120px">运输方式</th>
|
|
|
- <th>运输单号</th>
|
|
|
- <th style="min-width: 120px">到达城市</th>
|
|
|
- <th style="min-width: 200px">应送达时间</th>
|
|
|
- <th style="min-width: 120px">是否赶上卡班</th>
|
|
|
- <th style="min-width: 120px">到货情况</th>
|
|
|
- <th style="min-width: 200px">签收日期</th>
|
|
|
- <th style="min-width: 120px">签收单情况</th>
|
|
|
- <th style="min-width: 120px">备注</th>
|
|
|
+ <th class="td-warm" style="min-width: 75px">公司</th>
|
|
|
+ <th class="td-warm">订单号</th>
|
|
|
+ <th class="td-warm" style="min-width: 120px">WEB+订单号</th>
|
|
|
+ <th class="td-warm" style="min-width: 120px"> 提货日期</th>
|
|
|
+ <th class="td-warm" style="min-width: 120px">销售</th>
|
|
|
+ <th class="td-yellow" style="min-width: 120px">客户</th>
|
|
|
+ <th class="td-yellow">SKU</th>
|
|
|
+ <th class="td-yellow" style="min-width: 120px">物料描述</th>
|
|
|
+ <th class="td-yellow">数量</th>
|
|
|
+ <th class="td-yellow" style="min-width: 120px">订单备注</th>
|
|
|
+ <th class="td-yellow">重量</th>
|
|
|
+ <th class="td-yellow">体积m³</th>
|
|
|
+ <th class="td-yellow" style="min-width: 120px">托盘合计</th>
|
|
|
+ <th class="td-yellow" style="min-width: 120px">运输方式</th>
|
|
|
+ <th class="td-yellow">运输单号</th>
|
|
|
+ <th class="td-yellow" style="min-width: 120px">到达城市</th>
|
|
|
+ <th class="td-calm" style="min-width: 200px">应送达时间</th>
|
|
|
+ <th class="td-calm" style="min-width: 120px">是否赶上卡班</th>
|
|
|
+ <th class="td-calm" style="min-width: 120px">到货情况</th>
|
|
|
+ <th class="td-calm" style="min-width: 200px">签收日期</th>
|
|
|
+ <th class="td-calm" style="min-width: 120px">签收单情况</th>
|
|
|
+ <th class="td-calm" style="min-width: 120px">备注</th>
|
|
|
</tr>
|
|
|
<tr v-for="(trackOrder,index) in trackOrders" class="table-body text-center" :key="trackOrder.id">
|
|
|
<td>
|
|
|
<input id="all" type="checkbox" :value="trackOrder.id" v-model="checkData">
|
|
|
</td>
|
|
|
<td>@{{ index+1 }}</td>
|
|
|
- <td class="text-decoration-none">@{{ trackOrder.ownerName }}</td>
|
|
|
- <td>@{{ trackOrder.orderClientCode }}</td>
|
|
|
- <td>
|
|
|
+ <td class="text-decoration-none td-warm">@{{ trackOrder.ownerName }}</td>
|
|
|
+ <td class="td-warm">@{{ trackOrder.orderClientCode }}</td>
|
|
|
+ <td class="td-warm">
|
|
|
@can('订单管理-跟踪-仓库编辑')
|
|
|
<input class="form-control form-control-sm" :value="trackOrder.web_order_number" @keydown.enter="warehouseUpdate($event,'web_order_number',trackOrder)" >
|
|
|
@else
|
|
|
@{{ trackOrder.web_order_number }}
|
|
|
@endcan
|
|
|
</td>
|
|
|
- <td>
|
|
|
+ <td class="td-warm">
|
|
|
@can('订单管理-跟踪-仓库编辑')
|
|
|
<input class="form-control form-control-sm" type="datetime-local" :value="trackOrder.pick_up_at | dateTime" @change="warehouseUpdate($event,'pick_up_at',trackOrder)" >
|
|
|
@else
|
|
|
@{{ trackOrder.pick_up_at }}
|
|
|
@endcan
|
|
|
</td>
|
|
|
- <td>
|
|
|
+ <td class="td-warm">
|
|
|
@can('订单管理-跟踪-仓库编辑')
|
|
|
- <input class="form-control form-control-sm" :value="trackOrder.sale" @change="warehouseUpdate($event,'sale',trackOrder)" >
|
|
|
+ <input class="form-control form-control-sm" :value="trackOrder.sale" @keydown.enter="warehouseUpdate($event,'sale',trackOrder)" >
|
|
|
|
|
|
@else
|
|
|
@{{ trackOrder.sale }}
|
|
|
@endcan
|
|
|
</td>
|
|
|
- <td>
|
|
|
+ <td class="td-yellow">
|
|
|
@can('订单管理-跟踪-仓库编辑')
|
|
|
- <input class="form-control form-control-sm" :value="trackOrder.client" @change="warehouseUpdate($event,'client',trackOrder)" >
|
|
|
+ <input class="form-control form-control-sm" :value="trackOrder.client" @keydown.enter="warehouseUpdate($event,'client',trackOrder)" >
|
|
|
@else
|
|
|
@{{ trackOrder.client }}
|
|
|
@endcan
|
|
|
</td>
|
|
|
- <td>@{{ trackOrder.sku.sku }}</td>
|
|
|
- <td>@{{ trackOrder.sku.skuName }}</td>
|
|
|
- <td>@{{ trackOrder.sku.skuAmount }}</td>
|
|
|
- <td>
|
|
|
+ <td class="td-yellow">@{{ trackOrder.sku.sku }}</td>
|
|
|
+ <td class="td-yellow">@{{ trackOrder.sku.skuName }}</td>
|
|
|
+ <td class="td-yellow">@{{ trackOrder.sku.skuAmount }}</td>
|
|
|
+ <td class="td-yellow">
|
|
|
@can('订单管理-跟踪-仓库编辑')
|
|
|
- <input class="form-control form-control-sm" :value="trackOrder.order_remark" @change="warehouseUpdate($event,'order_remark',trackOrder)" >
|
|
|
+ <input class="form-control form-control-sm" :value="trackOrder.order_remark" @keydown.enter="warehouseUpdate($event,'order_remark',trackOrder)" >
|
|
|
@else
|
|
|
- @{{ trackOrder.client }}
|
|
|
+ @{{ trackOrder.order_remark }}
|
|
|
@endcan
|
|
|
</td>
|
|
|
- <td>@{{ trackOrder.packageWeight }}</td>
|
|
|
- <td>@{{ trackOrder.packageBulk |millimeterToCubic}}</td>
|
|
|
- <td>
|
|
|
+ <td class="td-yellow">@{{ trackOrder.packageWeight }}</td>
|
|
|
+ <td class="td-yellow">@{{ trackOrder.packageBulk |millimeterToCubic}}</td>
|
|
|
+ <td class="td-yellow">
|
|
|
@can('订单管理-跟踪-仓库编辑')
|
|
|
- <input class="form-control form-control-sm" :value="trackOrder.order_remark" @change="displayInput($event,'order_remark',trackOrder)" >
|
|
|
+ <input class="form-control form-control-sm" :value="trackOrder.pallet_total" @keydown.enter="warehouseUpdate($event,'pallet_total',trackOrder)" >
|
|
|
@else
|
|
|
@{{ trackOrder.pallet_total }}
|
|
|
@endcan
|
|
|
</td>
|
|
|
- <td>@{{ trackOrder.packageLogistic }}</td>
|
|
|
- <td>@{{ trackOrder.packageLogisticNumber}}</td>
|
|
|
- <td>@{{ trackOrder.orderCity}}</td>
|
|
|
+ <td class="td-yellow">@{{ trackOrder.packageLogistic }}</td>
|
|
|
+ <td class="td-yellow">@{{ trackOrder.packageLogisticNumber}}</td>
|
|
|
+ <td class="td-yellow">@{{ trackOrder.orderCity}}</td>
|
|
|
|
|
|
- <td>
|
|
|
+ <td class="td-calm">
|
|
|
@can('订单管理-跟踪-物流公司编辑')
|
|
|
<input class="form-control form-control-sm" type="datetime-local" @change="logisticUpdate($event,'planning_sent_at',trackOrder)" :value="trackOrder.planning_sent_at | dateTime" >
|
|
|
@else
|
|
|
@{{ trackOrder.planning_sent_at }}
|
|
|
@endcan
|
|
|
</td>
|
|
|
- <td>
|
|
|
+ <td class="td-calm">
|
|
|
@can('订单管理-跟踪-物流公司编辑')
|
|
|
<select class="form-control form-control-sm" :value="trackOrder.is_on_duty_shift" @change="logisticUpdate($event,'is_on_duty_shift',trackOrder)" >
|
|
|
<option v-for="item in isOnDutyShift" :value="item">@{{ item }}</option>
|
|
|
@@ -150,16 +150,16 @@
|
|
|
@{{ trackOrder.is_on_duty_shift }}
|
|
|
@endcan
|
|
|
</td>
|
|
|
- <td>
|
|
|
+ <td class="td-calm">
|
|
|
@can('订单管理-跟踪-物流公司编辑')
|
|
|
- <select class="form-control form-control-sm" :value="trackOrder.is_arrival" @change="logisticUpdate($event,'is_arrival',trackOrder)" :data_value="trackOrder.id">
|
|
|
+ <select class="form-control form-control-sm" :value="trackOrder.is_arrival" @change="logisticUpdate($event,'is_arrival',trackOrder)" >
|
|
|
<option v-for="item in isArrival" :value="item">@{{ item }}</option>
|
|
|
</select>
|
|
|
@else
|
|
|
@{{ trackOrder.is_arrival }}
|
|
|
@endcan
|
|
|
</td>
|
|
|
- <td>
|
|
|
+ <td class="td-calm">
|
|
|
@can('订单管理-跟踪-物流公司编辑')
|
|
|
<input class="form-control form-control-sm" type="date" @change="logisticUpdate($event,'signed_at',trackOrder)" :value="trackOrder.signed_at">
|
|
|
@else
|
|
|
@@ -168,14 +168,14 @@
|
|
|
</td>
|
|
|
<td>
|
|
|
@can('订单管理-跟踪-物流公司编辑')
|
|
|
- <input class="form-control form-control-sm" @keyup.enter="warehouseUpdate($event,'receive_bill_status',trackOrder)" :value="trackOrder.receive_bill_status">
|
|
|
+ <input class="form-control form-control-sm" @keyup.enter="logisticUpdate($event,'receive_bill_status',trackOrder)" :value="trackOrder.receive_bill_status">
|
|
|
@else
|
|
|
@{{ trackOrder.receive_bill_status }}
|
|
|
@endcan
|
|
|
</td>
|
|
|
<td>
|
|
|
@can('订单管理-跟踪-物流公司编辑')
|
|
|
- <input class="form-control form-control-sm" @keyup.enter="warehouseUpdate($event,'remark',trackOrder)" :value="trackOrder.remark">
|
|
|
+ <input class="form-control form-control-sm" @keyup.enter="logisticUpdate($event,'remark',trackOrder)" :value="trackOrder.remark">
|
|
|
@else
|
|
|
@{{ trackOrder.remark }}
|
|
|
@endcan
|
|
|
@@ -229,6 +229,10 @@
|
|
|
@foreach($owners as $owner)
|
|
|
{name: '{{ $owner->id }}', value: '{{ $owner->name}}'},
|
|
|
@endforeach],
|
|
|
+ logistics:[
|
|
|
+ @foreach($logistics as $logistic)
|
|
|
+ {name: '{{ $logistic->id }}', value: '{{ $logistic->name}}'},
|
|
|
+ @endforeach],
|
|
|
checkData:[],
|
|
|
seekOwners : [],
|
|
|
name : "",
|
|
|
@@ -265,6 +269,7 @@
|
|
|
[
|
|
|
{name:'end_at',type:'dateTime',tip:'结束日期',placeholder: '结束日期'},
|
|
|
{name:'logistic_number',type:'input',tip:'运输单号',placeholder:'运输单号'},
|
|
|
+ {name:'logistic_id',type:'select',tip:'物流方式',placeholder:'物流方式',data:this.logistics},
|
|
|
{name:'sku',type:'input',tip:'SKU',placeholder: '商品编号'},
|
|
|
]
|
|
|
];
|
|
|
@@ -356,11 +361,12 @@
|
|
|
return
|
|
|
}
|
|
|
let data = {id:trackingOrder.id,param:param,value:value}
|
|
|
- axios.post('{{url("apiLocal/order/tracking/warehouseUpdate")}}',data).then(function(res){
|
|
|
- if(res.data.success){
|
|
|
+ let _this = this
|
|
|
+ axios.post('{{url("apiLocal/order/tracking/warehouseUpdate")}}',data).then(function(response){
|
|
|
+ if(response.data.success){
|
|
|
tempTip.setDuration(2000)
|
|
|
tempTip.showSuccess('更新成功')
|
|
|
- trackingOrder[param] = value
|
|
|
+ _this.modifyOrderTracking(param,value,trackingOrder)
|
|
|
}else{
|
|
|
tempTip.setDuration(2000)
|
|
|
tempTip.show('更新失败')
|
|
|
@@ -376,14 +382,15 @@
|
|
|
return
|
|
|
}
|
|
|
let data = {id:trackingOrder.id,param:param,value:value}
|
|
|
+ let _this = this
|
|
|
axios.post('{{url("apiLocal/order/tracking/logisticUpdate")}}',data).then(function(response){
|
|
|
if(response.data.success){
|
|
|
tempTip.setDuration(2000)
|
|
|
tempTip.showSuccess('更新成功')
|
|
|
+ _this.modifyOrderTracking(param,value,trackingOrder)
|
|
|
}else{
|
|
|
tempTip.setDuration(2000)
|
|
|
tempTip.show('更新失败')
|
|
|
- trackingOrder[param] = value
|
|
|
}
|
|
|
}).catch(function(error){
|
|
|
tempTip.setDuration(4000)
|
|
|
@@ -391,6 +398,13 @@
|
|
|
})
|
|
|
|
|
|
},
|
|
|
+ modifyOrderTracking(param,value, trackingOrder){
|
|
|
+ this.trackOrders.forEach(function(item){
|
|
|
+ if(item['orderClientCode'] === trackingOrder['orderClientCode']){
|
|
|
+ item[param] = value
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
getTrackOrder(id){
|
|
|
return this.trackOrders.filter(function(trackOrder){
|
|
|
return parseInt(id) === trackOrder['id'];
|
|
|
@@ -400,7 +414,7 @@
|
|
|
this.trackOrders.forEach(function(trackOrder){
|
|
|
if(parseInt(data['id']) === trackOrder['id'] ){
|
|
|
trackOrder[data['param']] = data['value'];
|
|
|
- return;
|
|
|
+ return
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
@@ -420,6 +434,7 @@
|
|
|
let token = '{{ csrf_token() }}';
|
|
|
excelExport(true, this.checkData, url, null, token);
|
|
|
},
|
|
|
+
|
|
|
},
|
|
|
filters:{
|
|
|
millimeterToCubic:function(val){
|