|
|
@@ -42,60 +42,23 @@
|
|
|
<div class="alert alert-success h1">{{Session::get('successTip')}}</div>
|
|
|
@endif
|
|
|
</div>
|
|
|
- <table class="table table-striped table-sm table-bordered table-hover text-nowrap waybill-table" style="background: #fff;">
|
|
|
+ <table class="table table-striped table-sm table-bordered table-hover text-nowrap d-none" id="headerRoll">
|
|
|
+ <table class="table table-striped table-sm table-bordered table-hover text-nowrap waybill-table" style="background: #fff;" id="headerParent">
|
|
|
<tr>
|
|
|
- <th class="table-header-layer-1" :colspan="elementCount('th.td-operation')"></th>
|
|
|
- <th class="table-header-layer-1" :colspan="elementCount('th.td-warm')"><span class="fa fa-file-text-o"></span> 运单信息</th>
|
|
|
- <th class="table-header-layer-1" :colspan="elementCount('th.td-cool')"><span class="fa fa-truck"></span> 运输信息</th>
|
|
|
- <th class="table-header-layer-1" :colspan="elementCount('th.td-helpful')"><span class="fa fa-rmb"></span> 费用信息
|
|
|
+ <th class="table-header-layer-1" colspan="4"></th>
|
|
|
+ <th class="table-header-layer-1" colspan="11"><span class="fa fa-file-text-o"></span> 运单信息</th>
|
|
|
+ <th class="table-header-layer-1" colspan="12"><span class="fa fa-truck"></span> 运输信息</th>
|
|
|
+ <th class="table-header-layer-1" colspan="5"><span class="fa fa-rmb"></span> 费用信息
|
|
|
@can('运输管理-删除')
|
|
|
- <th class="table-header-layer-1" :colspan="elementCount('th.td-delete')"> </th>
|
|
|
+ <th class="table-header-layer-1" colspan="1"> </th>
|
|
|
@endcan
|
|
|
</tr>
|
|
|
- <tr>
|
|
|
+ <tr id="header">
|
|
|
<th class="td-operation">
|
|
|
<label for="all">
|
|
|
<input id="all" type="checkbox" @click="checkAll($event)">
|
|
|
</label>
|
|
|
</th>
|
|
|
- @can('运输管理-编辑','运输管理-运单审核','运输管理-调度','运输管理-编辑')
|
|
|
- <th class="td-operation">操作</th>
|
|
|
- @endcan
|
|
|
- <th class="td-operation">置顶</th>
|
|
|
- <th class="td-operation">状态</th>
|
|
|
- <th class="td-warm">ID</th>
|
|
|
- <th class="td-warm">创建时间</th>
|
|
|
- <th class="td-warm">运单类型</th>
|
|
|
- <th class="td-warm">货主</th>
|
|
|
- <th class="td-warm">上游单号</th>
|
|
|
- <th class="td-warm">WMS订单号</th>
|
|
|
- <th class="td-warm">运单号</th>
|
|
|
- <th class="td-warm">运输收费</th>
|
|
|
- <th class="td-warm">其他收费</th>
|
|
|
- <th class="td-warm">其他收费备注</th>
|
|
|
- @can('运输管理-图片上传')<th class="td-warm">照片</th>@endcan
|
|
|
- <th class="td-cool">收件人</th>
|
|
|
- <th class="td-cool">收件人电话</th>
|
|
|
- <th class="td-cool">始发地</th>
|
|
|
- <th class="td-cool">目的地</th>
|
|
|
- <th class="td-cool">承运商</th>
|
|
|
- <th class="td-cool">单号/车型</th>
|
|
|
- <th class="td-cool">仓库计抛</th>
|
|
|
- <th class="td-cool">承运商计抛</th>
|
|
|
- <th class="td-cool">仓库计重</th>
|
|
|
- <th class="td-cool">承运商计重</th>
|
|
|
- <th class="td-cool">计件</th>
|
|
|
- <th class="td-cool">里程</th>
|
|
|
- @can('运输管理-运费')
|
|
|
- <th class="td-helpful">运费</th>
|
|
|
- @endcan
|
|
|
- <th class="td-helpful">提货费</th>
|
|
|
- <th class="td-helpful">其他支出</th>
|
|
|
- <th class="td-helpful">发货时间</th>
|
|
|
- <th class="td-helpful">调度备注</th>
|
|
|
- @can('运输管理-删除')
|
|
|
- <th class="td-delete">操作</th>
|
|
|
- @endcan
|
|
|
{{-- <th>WMS单号</th>--}}
|
|
|
{{-- <th>收件人</th>--}}
|
|
|
{{-- <th>收件人电话</th>--}}
|
|
|
@@ -110,7 +73,7 @@
|
|
|
{{-- <th>调度审核人</th>--}}
|
|
|
</tr>
|
|
|
|
|
|
- <tr v-for="waybill in waybills" :style="[{color:waybill.status=='待重审'?'red':''||waybill.status=='已完结'?'green':''},{'font-weight': waybill.id==selectedStyle?'bold':''}]"
|
|
|
+ <tr v-for="(waybill,i) in waybills" :style="[{color:waybill.status=='待重审'?'red':''||waybill.status=='已完结'?'green':''},{'font-weight': waybill.id==selectedStyle?'bold':''}]"
|
|
|
:id="'waybill'+waybill.id" @click="selectedColor(waybill.id)" position="static" v-on:mouseover="hidetop($event)" v-on:mouseleave="showtop($event)">
|
|
|
<td>
|
|
|
<input class="checkItem" type="checkbox" :value="waybill.id" v-model="checkData">
|
|
|
@@ -154,7 +117,7 @@
|
|
|
<td class="td-warm text-muted toptd" >
|
|
|
<div v-if="waybill.remark" class="bg-light-yellow text-danger top" data-toggle="tooltip" style="opacity: 0.1;position: absolute;z-index: 1"
|
|
|
>置顶备注:@{{ waybill.remark }}</div>
|
|
|
- @{{waybill.id}}</td>
|
|
|
+ @{{ i+1 }}</td>
|
|
|
<td class="td-warm text-muted">@{{waybill.created_at}}</td>
|
|
|
<td class="td-warm">@{{waybill.type}} <span class="badge badge-sm bg-warning" v-if="waybill.collect_fee">到付</span></td>
|
|
|
<td class="td-warm">@{{waybill.owner}}</td>
|
|
|
@@ -235,7 +198,7 @@
|
|
|
<td class="td-helpful">@{{waybill.other_fee}}</td>
|
|
|
@endcan
|
|
|
<td class="td-helpful">@{{waybill.deliver_at}}</td>
|
|
|
- <td class="td-helpful"><span v-html="waybill.dispatch_remark"></td>
|
|
|
+ <td class="td-helpful"><span v-html="waybill.dispatch_remark"></span></td>
|
|
|
@can('运输管理-删除')
|
|
|
<td class="td-operation">
|
|
|
<button type="button" class="btn btn-outline-danger btn-sm" @click="waybillDestroy(waybill.id,waybill.waybill_number)">删</button>
|
|
|
@@ -387,6 +350,7 @@
|
|
|
</style>
|
|
|
<script type="text/javascript" src="{{asset('js/queryForm/export200813b.js')}}"></script>
|
|
|
<script type="text/javascript" src="{{asset('js/queryForm/queryForm200813b.js')}}"></script>
|
|
|
+ <script type="text/javascript" src="{{asset('js/queryForm/header200814.js')}}"></script>
|
|
|
<script>
|
|
|
let vueList=new Vue({
|
|
|
el:'#list',
|
|
|
@@ -493,6 +457,50 @@
|
|
|
param:param,
|
|
|
});
|
|
|
this.form.init();
|
|
|
+ let column = [
|
|
|
+ @can('运输管理-编辑','运输管理-运单审核','运输管理-调度','运输管理-编辑')
|
|
|
+ {name:'operation',value: '操作', neglect: true, class:"td-operation"},@endcan
|
|
|
+ {name:'onTop',value: '置顶', neglect: true, class:"td-operation"},
|
|
|
+ {name:'status',value: '状态', class:"td-operation"},
|
|
|
+ {name:'index',value: '序号', neglect: true, class:"td-warm"},
|
|
|
+ {name:'created_at',value: '创建时间', class:"td-warm"},
|
|
|
+ {name:'type',value: '运单类型', class:"td-warm"},
|
|
|
+ {name:'owner',value: '货主', class:"td-warm"},
|
|
|
+ {name:'source_bill',value: '上游单号', class:"td-warm"},
|
|
|
+ {name:'wms_bill_number',value: 'WMS订单号', class:"td-warm"},
|
|
|
+ {name:'waybill_number',value: '运单号', class:"td-warm"},
|
|
|
+ {name:'charge',value: '运输收费', neglect: true, class:"td-warm"},
|
|
|
+ {name:'other_charge',value: '其他收费', neglect: true, class:"td-warm"},
|
|
|
+ {name:'other_charge_remark',value: '其他收费备注', class:"td-warm"},
|
|
|
+ @can('运输管理-图片上传'){name:'img',value: '照片', neglect: true, class:"td-warm"},@endcan
|
|
|
+ {name:'recipient',value: '收件人', class:"td-cool"},
|
|
|
+ {name:'recipient_mobile',value: '收件人电话', class:"td-cool"},
|
|
|
+ {name:'origination',value: '始发地', class:"td-cool"},
|
|
|
+ {name:'destination',value: '目的地', class:"td-cool"},
|
|
|
+ {name:'carrier',value: '承运商', class:"td-cool"},
|
|
|
+ {name:'carrier_bill',value: '单号/车型', neglect: true, class:"td-cool"},
|
|
|
+ {name:'warehouse_weight',value: '仓库计抛', neglect: true, class:"td-cool"},
|
|
|
+ {name:'carrier_weight',value: '承运商计抛', neglect: true, class:"td-cool"},
|
|
|
+ {name:'warehouse_weight_other',value: '仓库计重', neglect: true, class:"td-cool"},
|
|
|
+ {name:'carrier_weight_other',value: '承运商计重', neglect: true, class:"td-cool"},
|
|
|
+ {name:'amount',value: '计件', neglect: true, class:"td-cool"},
|
|
|
+ {name:'mileage',value: '里程', neglect: true, class:"td-cool"},
|
|
|
+ @can('运输管理-运费'){name:'fee',value: '运费', neglect: true, class:"td-helpful"},@endcan
|
|
|
+ {name:'pick_up_fee',value: '提货费', neglect: true, class:"td-helpful"},
|
|
|
+ {name:'other_fee',value: '其他支出', neglect: true, class:"td-helpful"},
|
|
|
+ {name:'deliver_at',value: '发货时间', class:"td-helpful"},
|
|
|
+ {name:'dispatch_remark',value: '调度备注', class:"td-helpful"},
|
|
|
+ @can('运输管理-删除'){name:'remove',value: '操作', neglect: true, class:"td-delete"},@endcan
|
|
|
+ ];
|
|
|
+ let header = new Header({
|
|
|
+ el: "#header",
|
|
|
+ column: column,
|
|
|
+ data: this.waybills,
|
|
|
+ restorationColumn: 'id',
|
|
|
+ fixedTop:($('#form_div').height())+2,
|
|
|
+ offset:0.5,
|
|
|
+ });
|
|
|
+ header.init();
|
|
|
},
|
|
|
methods:{
|
|
|
btnRefreshWeightZoomIn(waybill){
|
|
|
@@ -688,9 +696,6 @@
|
|
|
}
|
|
|
this.selectedStyle=id;
|
|
|
},
|
|
|
- elementCount:function(elementName){
|
|
|
- return $(elementName).length;
|
|
|
- },
|
|
|
mouseleaveOwner:function () {
|
|
|
if(!this.isOut&&!this.isBlur){
|
|
|
this.isOwnersBtn=false;
|