baoshi-was/resources/views/waybill/index.blade.php

@extends('layouts.app')
@section('title')运输管理@endsection

@section('content')
    <div id="nav2">
        @component('waybill.menu')
        @endcomponent
        <div class="container-fluid nav3">
            <div class="card menu-third" >
                <ul class="nav nav-pills">
                    @can('运输管理-查询')
                        <li class="nav-item">
                            <a class="nav-link" href="{{url('waybill/index')}}" :class="{active:isActive('',3)}">全部</a>
                        </li> @endcan
                    @can('运输管理-查询')
                        <li class="nav-item">
                            <a class="nav-link" href="{{url('waybill/index/ZX')}}" :class="{active:isActive('ZX',3)}">专线</a>
                        </li> @endcan
                    @can('运输管理-查询')
                        <li class="nav-item">
                            <a class="nav-link" href="{{url('waybill/index/ZF')}}" :class="{active:isActive('ZF',3)}">直发车</a>
                        </li> @endcan

                </ul>
            </div>
        </div>
    </div>
    <div class="container-fluid" style="min-width: 1500px;">
        <div class="d-none" id="list">

            <form  method="GET" action="@if($uriType=='ZF'){{url('waybill/index/ZF')}}@elseif($uriType=='ZX'){{url('waybill/index/ZX')}}@else{{url('waybill/index')}}@endif" id="optionSubmit">
                <table class="table table-sm table-bordered  text-nowrap mb-0" style="background: #fff;">
                    <tr v-if="isBeingFilterConditions">
                        <td colspan="4"><div class="col" style="padding:0">
                                <a  href="@if($uriType=='ZF'){{url('waybill/index/ZF')}}@elseif($uriType=='ZX'){{url('waybill/index/ZX')}}@else{{url('waybill/index')}}@endif"><span class="btn btn-warning text-dark">清除过滤条件</span></a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="6">
                            <select name="paginate" v-model="filterData.paginate" @change="setPaginate" class="form-control-sm" style="vertical-align: middle">
                                <option value="50">每页显示50行</option>
                                <option value="100">每页显示100行</option>
                                <option value="200">每页显示200行</option>
                                <option value="500">每页显示500行</option>
                                <option value="1000">每页显示1000行</option>
                            </select>
                        </td>
                    </tr>
                    <tr >
                        <td >
                            <select name="owner_id" v-model="filterData.owner_id" class="form-control-sm  "  @change="setOwner" style="vertical-align: middle" :class="filterData.owner_id?'bg-warning':''">
                                <option value="" selected>货主</option>
                                @foreach($owners as $owner)
                                    <option value="{{$owner->id}}">{{$owner->name}}</option>
                                @endforeach
                            </select></td>
                        <td >
                            <select name="carrier_id" v-model="filterData.carrier_id" class="form-control-sm  " @change="setCarrier" style="vertical-align: middle" :class="filterData.carrier_id?'bg-warning':''">
                                <option value="" selected>承运商</option>
                                @foreach($carriers as $carrier)
                                    <option value="{{$carrier->id}}">{{$carrier->name}}</option>
                                @endforeach
                            </select></td>
                        <td >
                            <input type="text" title="运单号：支持15内模糊搜索与15天外精确搜索" name="waybill_number" placeholder="运单号"
                                   class="form-control-sm  tooltipTarget" v-model="filterData.waybill_number" style="vertical-align: middle" :class="filterData.waybill_number?'bg-warning':''"></td>
                        <td  >
                            <input type="text" title="承运商单号：支持15内模糊搜索与15天外精确搜索"  name="carrier_bill" placeholder="承运商单号"
                                   class="form-control-sm  tooltipTarget" v-model="filterData.carrier_bill" style="vertical-align: middle" :class="filterData.carrier_bill?'bg-warning':''"></td>
                        <td width="50%"></td>
                    </tr>
                    <tr>
                        <td  >
                            <input type="text" title="WMS单号：支持15内模糊搜索与15天外精确搜索" name="wms_bill_number" placeholder="WMS单号"
                                   class="form-control-sm  tooltipTarget" v-model="filterData.wms_bill_number" style="vertical-align: middle" :class="filterData.wms_bill_number?'bg-warning':''"></td>
                        <td  style="width: 500px"><div>
                                <input type="text" title="始发地：支持15内模糊搜索与15天外精确搜索" name="origination" placeholder="始发地"
                                       class="form-control-sm  tooltipTarget" v-model="filterData.origination" style="vertical-align: middle" :class="filterData.origination?'bg-warning':''">
                                <input type="text" title="目的地：支持15内模糊搜索与15天外精确搜索" style="vertical-align: middle" placeholder="目的地"
                                       name="destination" class="form-control-sm  tooltipTarget" v-model="filterData.destination" :class="filterData.destination?'bg-warning':''"></div></td>
                        <td  style="width: 500px"><div>
                                <input type="date" name="created_at_start" class="form-control-sm tooltipTarget" title="选择显示指定日期的起始时间"
                                       v-model="filterData.created_at_start" :class="filterData.created_at_start?'bg-warning':''">
                                <input type="date" class="form-control-sm tooltipTarget" name="created_at_end" title="选择显示指定日期的结束时间"
                                       v-model="filterData.created_at_end" :class="filterData.created_at_end?'bg-warning':''"></div></td>
                        <td>
                            <select name="status" v-model="filterData.status" @change="setState" class="form-control-sm" style="vertical-align: middle" :class="filterData.status?'bg-warning':''">
                                <option value="" selected>运单状态</option>
                                <option value="未审核">未审核</option>
                                <option value="已审核">待调度</option>
                                <option value="待终审">待终审</option>
                                <option value="已完结">已完结</option>
                            </select>
                            <input hidden type="submit">
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <td colspan="6">
                            <span class="dropdown">
                                <button class="btn btn-outline-dark btn-sm form-control-sm dropdown-toggle tooltipTarget" :class="[checkData>0?'btn-dark text-light':'']"
                                        data-toggle="dropdown" title="导出所有页将会以搜索条件得到的过滤结果，将其全部记录（每一页）导出">
                                    导出Excel
                                </button>
                                <div class="dropdown-menu">
                                    <a class="dropdown-item" @click="waybillExport(1)" href="javascript:">导出勾选内容</a>
                                    <a class="dropdown-item" @click="waybillExport(2)" href="javascript:">导出所有页</a>
                                </div>
                            </span>
                        </td>
                    </tr>
                </table>
            </form>

            <div>
                @if(Session::has('successTip'))
                    <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;">
                <tr>
                    <th class="table-header-layer-1" :colspan="elementCount('th.td-operation')"></th>
                    <th class="table-header-layer-1" :colspan="elementCount('th.td-bill')"><span class="fa fa-file-text-o"></span> 运单信息</th>
                    <th class="table-header-layer-1" :colspan="elementCount('th.td-transit')"><span class="fa fa-truck"></span> 运输信息</th>
                    <th class="table-header-layer-1" :colspan="elementCount('th.td-fee')"><span class="fa fa-rmb"></span> 费用信息</th>
                </tr>
                <tr>
                    <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-bill">ID</th>
                    <th class="td-bill">创建时间</th>
                    <th class="td-bill">运单类型</th>
                    <th class="td-bill">货主</th>
                    <th class="td-bill">上游单号</th>
                    <th class="td-bill">WMS订单号</th>
                    <th class="td-bill">运单号</th>
                    <th class="td-transit">收件人</th>
                    <th class="td-transit">收件人电话</th>
                    <th class="td-transit">始发地</th>
                    <th class="td-transit">目的地</th>
                    <th class="td-transit">承运商</th>
                    <th class="td-transit">单号/车型</th>
                    <th class="td-transit">仓库计抛</th>
                    <th class="td-transit">承运商计抛</th>
                    <th class="td-transit">仓库计重</th>
                    <th class="td-transit">承运商计重</th>
                    <th class="td-fee">运费</th>
                    <th class="td-fee">提货费</th>
                    <th class="td-fee">其他费用</th>
                    <th class="td-fee">调度备注</th>
                    {{--                    <th>WMS单号</th>--}}
                    {{--                    <th>收件人</th>--}}
                    {{--                    <th>收件人电话</th>--}}
                    {{--                    <th>收费(元)</th>--}}
                    {{--                    <th>到付金额(元)</th>--}}
                    {{--                    <th>下单备注</th>--}}
                    {{--                    <th>运单审核人</th>--}}
                    {{--                    <th>商品列表</th>--}}
                    {{--                    <th>始发市</th>--}}
                    {{--                    <th>目的市</th>--}}
                    {{--                    <th>车辆信息</th>--}}
                    {{--                    <th>调度审核人</th>--}}
                </tr>

                <tr v-for="waybill in waybills" :style="{color:waybill.status=='待重审'?'red':''||waybill.status=='已完结'?'green':''}" :id="'waybill'+waybill.id">
                    <td>
                        <input class="checkItem" type="checkbox" :value="waybill.id" v-model="checkData">
                    </td>
                    <td>
                        <span v-if=waybill.status==="未审核"||waybill.status==="待重审">
                            @can('运输管理-运单审核')
                                <button class="btn btn-outline-primary btn-sm" @click="waybillAudit(waybill.id,waybill.waybill_number)">审核</button>
                            @endcan
                            @can('运输管理-运单编辑')
                                <button class="btn btn-outline-secondary btn-sm" @click="waybillUpdate(waybill.id)">修改</button>
                            @endcan
                        </span>
                        <span v-if=waybill.status==="已审核">
                            @can('运输管理-调度')
                                <button class="btn btn-outline-secondary btn-sm" @click="waybillRetreatAudit(waybill.id,waybill.waybill_number)">取消审核</button>
                                <button class="btn btn-outline-secondary btn-sm" @click="job(waybill.id)">调度</button>
                            @endcan
                        </span>
                        <span v-if=waybill.status==="待终审">
                            @can('运输管理-调度审核')
                                <button class="btn btn-outline-success btn-sm" @click="waybillEndAudit(waybill.id,waybill.waybill_number)">完结</button>
                            @endcan
                            @can('运输管理-调度')
                                <button class="btn btn-outline-secondary btn-sm" @click="job(waybill.id)">改调度</button>
                            @endcan
                        </span>
                    </td>
                    <td :class="[waybill.status=='已审核'?'text-success':'']">@{{waybill.status}}</td>
                    <td class="td-bill text-muted">@{{waybill.id}}</td>
                    <td class="td-bill text-muted">@{{waybill.created_at}}</td>
                    <td class="td-bill">@{{waybill.type}}</td>
                    <td class="td-bill">@{{waybill.owner}}</td>
                    <td class="td-bill">@{{waybill.source_bill}}</td>
                    <td class="td-bill">@{{waybill.wms_bill_number}}</td>
                    <td class="td-bill">@{{waybill.waybill_number}}</td>
                    <td class="td-transit">@{{waybill.recipient}}</td>
                    <td class="td-transit">@{{waybill.recipient_mobile}}</td>
                    <td class="td-transit text-muted">@{{waybill.origination}}</td>
                    <td class="td-transit text-muted">@{{waybill.destination}}</td>
                    <td class="td-transit">@{{waybill.carrier}}</td>
                    <td class="td-transit"><span v-if="waybill.type=='专线'">@{{waybill.carrier_bill}}</span>
                        <span v-if="waybill.type=='直发车'">
                            <span v-if="waybill.carType">@{{ waybill.carType.name }}<i v-if="waybill.carType.length">(@{{waybill.carType.length}}米)</i></span></span></td>
                    <td class="td-transit">@{{waybill.warehouse_weight}}  @{{waybill.warehouse_weight_unit}}</td>
                    <td class="td-transit">@{{waybill.carrier_weight}}  @{{waybill.carrier_weight_unit}}</td>
                    <td class="td-transit">@{{waybill.warehouse_weight_other}}  @{{waybill.warehouse_weight_unit_other}}</td>
                    <td class="td-transit">@{{waybill.carrier_weight_other}}  @{{waybill.carrier_weight_unit_other}}</td>
                    @can('运输管理-可见费用项')
                        <td class="td-fee"><span v-if="waybill.type=='专线'"></span><span v-else>@{{waybill.fee}}</span></td>
                        <td class="td-fee">@{{waybill.pick_up_fee}}</td>
                        <td class="td-fee">@{{waybill.other_fee}}</td>
                    @endcan
                    <td class="td-fee">@{{waybill.dispatch_remark}}</td>

                    {{--                    <td>@{{waybill.wms_bill_number}}</td>--}}
                    {{--                    <td>@{{waybill.recipient}}</td>--}}
                    {{--                    <td>@{{waybill.recipient_mobile}}</td>--}}
                    {{--                    <td>@{{waybill.charge}}</td>--}}
                    {{--                    <td>@{{waybill.collect_fee}}</td>--}}
                    {{--                    <td>@{{waybill.ordering_remark}}</td>--}}
                    {{--                    <td><span v-for="waybillAuditLog in waybill.waybillAuditLogs" v-if=waybillAuditLog.audit_stage==="运单阶段">@{{waybillAuditLog.user.name}}</span></td>--}}
                    {{--                    <td ><u style="user-select: none;cursor:pointer" class="text-primary" v-if="!waybill.isBtn && waybill.wmsCommodities && waybill.wmsCommodities.length>0" @click="showWMSCommodities(waybill.id,waybill.wmsCommodities,waybill.isBtn)">--}}
                    {{--                            该单有 @{{waybill.wmsCommodities.length}} 件商品，点击展开</u>--}}
                    {{--                        <u style="user-select: none;cursor:pointer" class="text-secondary" v-if="waybill.isBtn" @click="showWMSCommodities(waybill.id,waybill.wmsCommodities,waybill.isBtn)">--}}
                    {{--                            该单有 @{{waybill.wmsCommodities.length}} 件商品，点击收起</u>--}}
                    {{--                    </td>--}}
                    {{--                    <td>--}}
                    {{--                        <div v-if=waybill.status==="未审核"||waybill.status==="待重审">--}}
                    {{--                            @can('运输管理-运单审核')--}}
                    {{--                                <button class="btn btn-outline-success btn-sm" @click="waybillAudit(waybill.id,waybill.waybill_number)">审核</button>--}}
                    {{--                            @endcan--}}
                    {{--                            @can('运输管理-运单编辑')--}}
                    {{--                                <button class="btn btn-outline-secondary btn-sm" @click="waybillUpdate(waybill.id)">修改</button>--}}
                    {{--                            @endcan--}}
                    {{--                        </div>--}}
                    {{--                        <div v-if=waybill.status==="已审核">--}}
                    {{--                            @can('运输管理-调度')--}}
                    {{--                                <button class="btn btn-outline-secondary btn-sm" @click="waybillRetreatAudit(waybill.id,waybill.waybill_number)">取消审核</button>--}}
                    {{--                                <button class="btn btn-outline-secondary btn-sm" @click="job(waybill.id)">调度</button>--}}
                    {{--                            @endcan--}}
                    {{--                        </div>--}}
                    {{--                        <div v-if=waybill.status==="待终审">--}}
                    {{--                            @can('运输管理-调度审核')--}}
                    {{--                                <button class="btn btn-outline-success btn-sm" @click="waybillEndAudit(waybill.id,waybill.waybill_number)">完结</button>--}}
                    {{--                            @endcan--}}
                    {{--                            @can('运输管理-调度')--}}
                    {{--                                <button class="btn btn-outline-secondary btn-sm" @click="job(waybill.id)">改调度</button>--}}
                    {{--                            @endcan--}}
                    {{--                        </div>--}}
                    {{--                    </td>--}}
                    {{--                    <td>@{{waybill.origination_city}}</td>--}}
                    {{--                    <td>@{{waybill.destination_city}}</td>--}}
                    {{--                    <td>@{{waybill.car_owner_info}}</td>--}}
                    {{--                    <td><span v-for="waybillAuditLog in waybill.waybillAuditLogs" v-if=waybillAuditLog.audit_stage==="调度阶段">@{{waybillAuditLog.user.name}}</span></td>--}}
                </tr>
                {{--                <tr v-show="wmsCommodities&&wmsCommodities.length>0" id="wmsCommodities">--}}
                {{--                    <td colspan="15"></td>--}}
                {{--                    <td colspan="15">--}}
                {{--                        <table>--}}
                {{--                            <tr style="background: #9fcdff">--}}
                {{--                                <th>商品名称</th>--}}
                {{--                                <th>商品编码</th>--}}
                {{--                                <th>条码</th>--}}
                {{--                                <th>数量</th>--}}
                {{--                                <th>体称</th>--}}
                {{--                                <th>毛重</th>--}}
                {{--                                <th>净重</th>--}}
                {{--                            </tr>--}}
                {{--                            <tr v-for="wmsCommodity in wmsCommodities">--}}
                {{--                                <td>@{{ wmsCommodity.SKU_Descr_c }}</td>--}}
                {{--                                <td>@{{ wmsCommodity.SKU }}</td>--}}
                {{--                                <td>@{{ wmsCommodity.Alternate_sku1 }}</td>--}}
                {{--                                <td>@{{ wmsCommodity.Qtyordered_each }}</td>--}}
                {{--                                <td>@{{ wmsCommodity.Cubic }}</td>--}}
                {{--                                <td>@{{ wmsCommodity.GrossWeight }}</td>--}}
                {{--                                <td>@{{ wmsCommodity.NetWeight }}</td>--}}
                {{--                            </tr>--}}
                {{--                        </table>--}}
                {{--                    </td>--}}
                {{--                </tr>--}}
            </table>
            <div class="text-info h5 btn btn">{{$waybills->count()}}/{{$waybills->total()}}</div>
            {{$waybills->appends($filterData)->links()}}
        </div>
    </div>
@endsection


@section('lastScript')
    <style>
        .waybill_1{background-color: #FFA07A}
        .waybill_2{background-color: cornflowerblue}
        .waybill_3{background-color: #00FFFF}
    </style>
    <script>
        let vueList=new Vue({
            el:'#list',
            data:{
                waybills:[
                        @foreach($waybills as $waybill)
                    {
                        id:'{{$waybill->id}}',created_at:'{{$waybill->created_at}}',updated_at:'{{$waybill->updated_at}}',
                        status:'{{$waybill->status}}',type:'{{$waybill->type}}',waybill_number:'{{$waybill->waybill_number}}',
                        owner:'{{$waybill->owner_name}}',source_bill:'{{$waybill->source_bill}}',wms_bill_number:'{{$waybill->wms_bill_number}}',origination:'{{$waybill->origination}}',
                        destination:'{{$waybill->destination}}',recipient:'{{$waybill->recipient}}',recipient_mobile:'{{$waybill->recipient_mobile}}',
                        charge:'{{$waybill->charge}}',ordering_remark:'{{$waybill->ordering_remark}}',carrier:'{{$waybill->carrier_name}}',
                        carrier_bill:'{{$waybill->carrier_bill}}',origination_city:'{{$waybill->origination_city_name}}',
                        destination_city:'{{$waybill->destination_city_name}}',warehouse_weight:'{{$waybill->warehouse_weight}}',
                        warehouse_weight_unit:'{{$waybill->warehouse_weight_unit_name}}',carrier_weight:'{{$waybill->carrier_weight}}',
                        carrier_weight_unit:'{{$waybill->carrier_weight_unit_name}}',
                        warehouse_weight_other:'{{$waybill->warehouse_weight_other}}',
                        warehouse_weight_unit_other:'{{$waybill->warehouse_weight_unit_other_name}}',carrier_weight_other:'{{$waybill->carrier_weight_other}}',
                        carrier_weight_unit_other:'{{$waybill->carrier_weight_unit_other_name}}',
                        @if($waybill->carType)carType:{!! $waybill->carType !!},car_owner_info:'{{$waybill->car_owner_info}}',@endif @can('运输管理-可见费用项') fee:'{{$waybill->fee}}',
                        pick_up_fee:'{{$waybill->pick_up_fee}}',other_fee:'{{$waybill->other_fee}}',
                        collect_fee:'{{$waybill->collect_fee}}', @endcan dispatch_remark:'{{$waybill->dispatch_remark}}',isBtn:false,
                        waybillAuditLogs:{!! $waybill->waybillAuditLogs !!}
                    },
                    @endforeach
                ],
                checkData:[],
                filterData:
                    {paginate:'50',waybill_number:''
                        ,carrier_bill:'',carrier_id:''
                        ,owner_id:'',wms_bill_number:''
                        ,created_at_start:'',created_at_end:''
                        ,type:'',status:'',origination:'',destination:'',},
                wmsCommodities:[],

            },
            computed:{
                isBeingFilterConditions:function(){

                    for(let key in this.filterData){
                        if(this.filterData[key]){
                            if(key==='paginate')continue;
                            return true
                        }
                    }
                    return false;
                },

            },
            watch:{
                checkData:{
                    handler(){
                        if (this.checkData.length === this.waybills.length){
                            document.querySelector('#all').checked = true;
                        }else {
                            document.querySelector('#all').checked = false;
                        }
                    },
                    deep:true
                }
            },
            mounted:function(){
                this.initInputs();
                $(".tooltipTarget").tooltip({'trigger':'hover'});
                $('#list').removeClass('d-none');
            },
            methods:{
                initInputs:function(){
                    let data=this;
                    let uriParts =decodeURI(location.href).split("?");
                    if(uriParts.length>1){
                        let params = uriParts[1].split('&');
                        params.forEach(function(paramPair){
                            let pair=paramPair.split('=');
                            let key = pair[0], val = pair[1];
                            $('input[name="'+key+'"]').val(val);
                            $('select[name="'+key+'"]').val(val);
                            decodeURI(data.filterData[key]=val);
                        });
                    }
                },
                waybillAudit(id,waybill_number){
                    if(!confirm('确定要通过“'+waybill_number+'”的审核吗？')){return};
                    let _this=this;
                    let w;
                    let url = '{{url('waybill/waybillAudit')}}';
                    axios.post(url, {id:id})
                        .then(
                            function (response) {
                                if (response.data.success){
                                    _this.waybills.forEach(function (waybill) {
                                        if (waybill.id===id){
                                            waybill.status=response.data.status;
                                            waybill.waybillAuditLogs.push(response.data.waybillAuditLog);
                                            w=waybill.waybill_number;
                                        }
                                    });
                                    tempTip.setDuration(3000);
                                    tempTip.showSuccess('审核'+w+'成功!');
                                }else if (response.data.exception!=null){
                                    tempTip.setDuration(3000);
                                    tempTip.show(response.data.exception);
                                }else {
                                    tempTip.setDuration(3000);
                                    tempTip.show('审核失败!');
                                }
                            }
                        ).catch(function (err) {
                        tempTip.setDuration(3000);
                        tempTip.show('审核失败,网络连接错误!'+err);
                    });
                },
                waybillUpdate(id){
                    location.href="{{url('waybill/waybillEdit')}}/"+id;
                },
                waybillRetreatAudit(id,waybill_number){
                    if(!confirm('确定要驳回“'+waybill_number+'”的审核吗？')){return};
                    let _this=this;
                    let w;
                    let url='{{url('waybill/waybillRetreatAudit')}}';
                    axios.post(url,{id:id})
                        .then(
                            function (response) {
                                if (response.data.success){
                                    _this.waybills.forEach(function (waybill){
                                        if (waybill.id===id){
                                            waybill.status=response.data.status;
                                            waybill.waybillAuditLogs=[];
                                            w=waybill.waybill_number;
                                        }
                                    });
                                    tempTip.setDuration(3000);
                                    tempTip.showSuccess(w+'审核驳回成功!');
                                }else {
                                    tempTip.setDuration(3000);
                                    tempTip.show('审核驳回失败!');
                                }
                            }
                        ).catch(function (err) {
                        tempTip.setDuration(3000);
                        tempTip.show('审核驳回失败,网络连接错误!'+err);
                    });
                },
                job(id){
                    location.href="{{url('waybill')}}/"+id+"/edit";
                },
                waybillEndAudit(id,waybill_number){
                    if(!confirm('确定要通过“'+waybill_number+'”的终审吗？')){return};
                    let _this=this;
                    let w;
                    let url='{{url('waybill/waybillEndAudit')}}';
                    axios.post(url, {id:id})
                        .then(
                            function (response) {
                                if (response.data.success){
                                    _this.waybills.forEach(function (s) {
                                        if (s.id===id){
                                            s.status=response.data.status;
                                            s.waybillAuditLogs.push(response.data.waybillAuditLog);
                                            w=s.waybill_number;
                                        }
                                    });
                                    tempTip.setDuration(3000);
                                    tempTip.showSuccess(w+'终审完毕!');
                                }else if (response.data.exception!=null){
                                    tempTip.setDuration(3000);
                                    tempTip.show(response.data.exception);
                                }else {
                                    tempTip.setDuration(3000);
                                    tempTip.show('终审失败!');
                                }
                            }
                        ).catch(function (err) {
                        tempTip.setDuration(3000);
                        tempTip.show('终审失败,网络连接错误!'+err);
                    });
                },
                setPaginate:function(e){
                    this.filterData.paginate=e.target.value;
                    var form = document.getElementById("optionSubmit");
                    form.submit();
                },
                setCarrier:function (e){
                    this.filterData.carrier_id=e.target.value;
                    var form = document.getElementById("optionSubmit");
                    form.submit();
                },
                setOwner:function (e) {
                    this.filterData.owner_id=e.target.value;
                    var form = document.getElementById("optionSubmit");
                    form.submit();
                },
                setType:function (e) {
                    this.filterData.type=e.target.value;
                    var form = document.getElementById("optionSubmit");
                    form.submit();
                },
                setState:function (e) {
                    this.filterData.status=e.target.value;
                    var form = document.getElementById("optionSubmit");
                    form.submit();
                },
                checkAll(e){
                    if (e.target.checked){
                        this.waybills.forEach((el,i)=>{
                            if (this.checkData.indexOf(el.id) == '-1'){
                                this.checkData.push(el.id);
                            }
                        });
                    }else {
                        this.checkData = [];
                    }
                },
                waybillExport(e){
                    let val=e;
                    let data=this.filterData;
                    if (val==1) {
                        if (this.checkData.length <= 0) {
                            tempTip.setDuration(4000);
                            tempTip.showSuccess('没有勾选任何记录');
                        } else {
                            location.href = "{{url('waybillExport')}}/" + this.checkData;
                        }
                    }else {
                        location.href = "{{url('waybillExport/-1?waybill_number=')}}"+
                            data.waybill_number+"&carrier_bill="+data.carrier_bill+
                            "&carrier_id="+data.carrier_id+"&owner_id="+data.owner_id+
                            "&wms_bill_number="+data.wms_bill_number+"&created_at_start="+
                            data.created_at_start+"&created_at_end="+data.created_at_end+
                            "&type="+data.type+"&status="+data.status+"&origination="+data.origination+
                            "&destination="+data.destination;
                    }
                },
                //展开收起商品列表
                showWMSCommodities(id,wmsCommodities,isBtn){
                    if (!isBtn){
                        this.wmsCommodities=wmsCommodities;
                        $("#waybill"+id).after($("#wmsCommodities"));
                        this.waybills.forEach(function (waybill) {
                            if (waybill.id!==id&&waybill.isBtn){
                                waybill.isBtn=false;
                            }
                            if (waybill.id===id){
                                waybill.isBtn=true;
                            }
                        });
                        return;
                    }
                    if (isBtn){
                        this.wmsCommodities=[];
                        this.waybills.every(function (waybill) {
                            if (waybill.id===id){
                                waybill.isBtn=false;
                                return false;
                            }
                            return true;
                        });
                    }
                },
                elementCount:function(elementName){
                    return $(elementName).length;
                }
            },
        });
    </script>
@endsection