@extends('layouts.app')

@section('content')
    <div id="nav2">
        @component('transport.menu')@endcomponent
        @component('transport.waybill.menu')
            <li class="nav-item">
                <a class="nav-link" href="{{URL::current()}}" :class="{active:isActive('edit',3)}">调度</a>
            </li>
        @endcomponent
    </div>
    <div class="container-fluid" id="list">
        <div class="modal fade" tabindex="-1" role="dialog" id="selectedProvince">
            <div class="modal-dialog modal-lg modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <b>选择省份</b>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>
                    <div class="modal-body row">
                        <label class="col-8 offset-2"><select class="form-control" v-model="waybill.province">
                            <option v-for="province in provinces" :value="province.id">@{{ province.name }}</option>
                        </select></label>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-success pull-right" @click="addCounty()">录入</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                <form method="POST" id="waybillForm" action='{{url("transport/waybill/".$waybill->id)}}'>
                    @csrf
                    @method('PUT')
                    <div class="form-group row">
                        <label for="type" class="col-2 col-form-label text-right text-secondary">运单类型</label>
                        <div class="col-8">
                            <div class="h5 mb-3 col-8">
                                <button type="button" @click="waybill.type='专线'" class="btn" :class="waybill.type=='专线'?'btn-primary':'btn-outline-primary'">专线</button>
                                <button type="button" @click="waybill.type='直发车'" class="btn ml-2" :class="waybill.type!='专线'?'btn-primary':'btn-outline-primary'">直发车</button>
                            </div>
                            <input name="type" id="type" :value="waybill.type" hidden>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="waybill_number" class="col-2 col-form-label text-right text-secondary">运单号</label>
                        <div class="col-8">
                            <input id="waybill_number" type="text" class="form-control" disabled="disabled" :value="waybill.waybill_number" >
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label text-right text-secondary">货主</label>
                        <div class="col-8">
                            <input type="text" class="form-control" disabled="disabled" :value="waybill.owner_name" >
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label text-right text-secondary">WMS单号</label>
                        <div class="col-8">
                            <input type="text" class="form-control" disabled="disabled" :value="waybill.wms_bill_number" >
                        </div>
                    </div>
                    <div id="origination">
                        <div class="col-8" style="margin-left: 15%" id="btn" hidden>
                            <button type="button" class="btn btn-outline-primary btn-sm" @click="waybill.origination='上海市松江区泗砖仓'" style="transform: scale(0.9)">松江泗砖仓</button>
                            <button type="button" class="btn btn-outline-primary btn-sm" @click="waybill.origination='上海市松江区九干仓'" style="transform: scale(0.9)">松江九干仓</button>
                            <button type="button" class="btn btn-outline-primary btn-sm" @click="waybill.origination='上海市嘉定区武乡仓'" style="transform: scale(0.9)">嘉定武乡仓</button>
                        </div>
                        <div class="form-group row">
                            <label  class="col-2 col-form-label text-right text-secondary" for="origination_seek">始发地</label>
                            <div class="col-8">
                                <input type="text" class="form-control @error('origination') is-invalid @enderror"
                                       id="origination_seek" name="origination" disabled="disabled" v-model="waybill.origination">
                            </div>
                            @error('origination')
                            <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label text-right text-secondary" for="destination_seek">目的地</label>
                        <div class="col-8">
                            <input id="destination_seek" type="text" class="form-control" disabled="disabled" :value="waybill.destination" >
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label text-right text-secondary">收件人</label>
                        <div class="col-8">
                            <input type="text" class="form-control" disabled="disabled" :value="waybill.recipient" >
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label text-right text-secondary">收件人电话</label>
                        <div class="col-8">
                            <input type="text" class="form-control" disabled="disabled" :value="waybill.recipient_mobile" >
                        </div>
                    </div>
                    <div class="form-group row" id="ordering_remark">
                        <label class="col-2 col-form-label text-right text-secondary">下单备注</label>
                        <div class="col-8">
                            <textarea class="form-control" disabled="disabled" >@{{waybill.ordering_remark}}</textarea>
                        </div>
                    </div>
                    {{--编辑区--}}
                    <div class="form-group row">
                        <label for="other_charge_remark" class="col-2 col-form-label text-right text-muted">其他收费备注</label>
                        <div class="col-8">
                            <input type="text" class="form-control" id="other_charge_remark"
                                   name="other_charge_remark" autocomplete="off" value="@if(old('other_charge_remark')){{ old('other_charge_remark') }}@else{{$waybill->other_charge_remark}}@endif"  >
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="charge" class="col-2 col-form-label text-right text-secondary">运输收费(元)</label>
                        <div class="col-3">
                            <input type="number" step="0.01" min="0" class="form-control @error('charge') is-invalid @enderror"
                                   id="charge" name="charge" v-model="waybill.charge" >
                        </div>
                        <label for="other_charge" class="col-2 col-form-label text-right text-muted">其他收费(元)</label>
                        <div class="col-3">
                            <input id="other_charge" type="number" step="0.01" class="form-control @error('other_charge') is-invalid @enderror"
                                   name="other_charge" autocomplete="off" value="@if(old('other_charge')){{ old('other_charge') }}@else{{$waybill->other_charge}}@endif"  >
                        </div>
                        @error('charge')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                        @error('other_charge')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>

                    <div class="form-group row" style="margin-bottom: 20px">
                        <label for="logistic_id" class="col-2 col-form-label text-right text-primary">承运商 *</label>
                        <div class="col-3" style="position: relative">
                            <select class="form-control @error('logistic_id') is-invalid @enderror" id="logistic_id" style="width: 30%; " name="logistic_id"
                                    :class="errors['logistic_id'] ? 'is-invalid' :''"  v-model="waybill.logistic_id">
                                <option v-for="logistic in logistics" :value="logistic.id">@{{logistic.name}}</option>
                            </select>
                        </div>
                        <label for="carrier_bill" class="col-2 col-form-label text-right">承运商单号</label>
                        <div class="col-3">
                            <input type="text" class="form-control @error('carrier_bill') is-invalid @enderror"
                                   name="carrier_bill" autocomplete="off" v-model="waybill.carrier_bill"  id="carrier_bill">
                        </div>
                        <div v-if="errors['logistic_id'] && errors['logistic_id'].length>0" class="invalid-feedback" role="alert" style="position: relative">
                            <strong class="">@{{ errors['logistic_id'][0] }}</strong>
                        </div>
                    </div>
                    <div v-if="waybill.type=='专线'">
                        <div class="form-group row">
                            <label for="origination_city_id" class="col-2 col-form-label text-right text-primary">始发市 *</label>
                            <div class="col-8 form-inline">
                                <select class="form-control @error('origination_city_id') is-invalid @enderror" name="origination_city_id"
                                        :class="errors['origination_city_id'] ? 'is-invalid' :''" style="width: 30%; " v-model="waybill.origination_city_id" id="origination_city_id">
                                    <option v-for="city in cities" :value="city.id">@{{city.name}}</option>
                                </select>
                                <input class="form-control-sm form-control" placeholder="输入关键字定位" @input="origination_city_name">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="destination_city_id" class="col-2 col-form-label text-right text-primary">目的市 *</label>
                            <div class="col-8 form-inline">
                                <select class="form-control @error('destination_city_id') is-invalid @enderror" id="destination_city_id" style="width: 30%; "
                                        :name="waybill.order_id ? '' : 'destination_city_id'" :disabled="!!waybill.order_id"
                                        :class="errors['destination_city_id'] ? 'is-invalid' :''"  v-model="waybill.destination_city_id">
                                    <option v-for="city in cities" :value="city.id">@{{city.name}}</option>
                                </select>
                                <input v-if="!waybill.order_id" type="text" class="form-control-sm  form-control tooltipTarget" style="vertical-align: middle"
                                       placeholder="输入关键字定位" @input="destination_city_id" v-model="waybill.destination_city" id="destination_city" title="若无法显示区/县级市，可点击后方按钮手动添加" >
                                <button v-if="!waybill.order_id" type="button" class="btn btn-outline-info btn-sm" @click="selectedProvince()" style="transform: scale(0.9)">添加城市</button>
                            </div>
                        </div>
                    </div>
                        <div class="form-group row">
                            <label for="warehouse_weight" class="col-2 col-form-label text-right " v-if="waybill.type=='专线'">仓库计抛</label>
                            <div class="col-2" v-if="waybill.type=='专线'">
                                <input type="text"  class="form-control @error('warehouse_weight') is-invalid @enderror"
                                       name="warehouse_weight" autocomplete="off" v-model="waybill.warehouse_weight" id="warehouse_weight" >
                                @error('warehouse_weight')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <label for="warehouse_weight_unit_id" class=" col-form-label text-right " v-if="waybill.type=='专线'">单位：</label>
                            <div class="col-1.5" v-if="waybill.type=='专线'">
                                <select class="form-control @error('warehouse_weight_unit_id') is-invalid @enderror"
                                        name="warehouse_weight_unit_id" v-model="waybill.warehouse_weight_unit_id" id="warehouse_weight_unit_id">
                                    <option :value="unit.id" v-for="unit in units" >@{{ unit.name }}</option>
                                </select>
                            </div>
                            <span v-if="waybill.type=='专线'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                            <label for="warehouse_weight_other" class="col-form-label text-right " :class="waybill.type=='专线' ? '' : 'col-2'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;仓库重</label>
                            <div class="col-2">
                                <input type="text" class="form-control @error('warehouse_weight_other') is-invalid @enderror"
                                       name="warehouse_weight_other" autocomplete="off" v-model="waybill.warehouse_weight_other"  id="warehouse_weight_other">
                                @error('warehouse_weight_other')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <label for="warehouse_weight_unit_id_other" class=" col-form-label text-right ">单位：</label>
                            <div class="col-1.5">
                                <select class="form-control @error('warehouse_weight_unit_id_other') is-invalid @enderror"
                                        name="warehouse_weight_unit_id_other" v-model="waybill.warehouse_weight_unit_id_other" id="warehouse_weight_unit_id_other">
                                    <option :value="unit.id" v-for="unit in units" >@{{ unit.name }}</option>
                                </select>
                            </div>
                        </div>
                    <div v-if="waybill.type=='专线'">
                        <div class="form-group row">
                            <label for="carrier_weight" class="col-2 col-form-label text-right ">承运商计抛</label>
                            <div class="col-2">
                                <input type="text" id="carrier_weight" :class="errors['carrier_weight'] ? 'is-invalid' :''"   class="form-control @error('carrier_weight') is-invalid @enderror"
                                       name="carrier_weight" autocomplete="off" v-model="waybill.carrier_weight"  >
                                @error('carrier_weight')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <label for="carrier_weight_unit_id" class="col-form-label text-right ">单位：</label>
                            <div class="col-1.5">
                                <select id="carrier_weight_unit_id" :class="errors['carrier_weight_unit_id'] ? 'is-invalid' :''" class="form-control @error('carrier_weight_unit_id') is-invalid @enderror"
                                        name="carrier_weight_unit_id" v-model="waybill.carrier_weight_unit_id" >
                                    <option :value="unit.id" v-for="unit in units" >@{{ unit.name }}</option>
                                </select>
                            </div>

                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <label for="carrier_weight_other" class="col-form-label text-right ">承运商计重</label>
                            <div class="col-2">
                                <input type="text" id="carrier_weight_other" :class="errors['carrier_weight_other'] ? 'is-invalid' :''"
                                       class="form-control @error('carrier_weight_other') is-invalid @enderror"
                                       name="carrier_weight_other" autocomplete="off" v-model="waybill.carrier_weight_other" >
                                @error('carrier_weight_other')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <label for="carrier_weight_unit_id_other" class=" col-form-label text-right ">单位：</label>
                            <div class="col-1.5">
                                <select id="carrier_weight_unit_id_other" :class="errors['carrier_weight_unit_id_other'] ? 'is-invalid' :''"
                                        class="form-control @error('carrier_weight_unit_id_other') is-invalid @enderror"
                                        name="carrier_weight_unit_id_other" v-model="waybill.carrier_weight_unit_id_other" >
                                    <option :value="unit.id" v-for="unit in units" >@{{ unit.name }}</option>
                                </select>
                            </div>

                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="amount" class="col-2 col-form-label text-right text-primary">计数</label>
                        <div class="col-5">
                            <input type="number" class="form-control @error('amount') is-invalid @enderror"
                                   name="amount" autocomplete="off" v-model="waybill.amount" id="amount">
                            @error('amount')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <label for="amount_unit_id" class=" col-form-label text-right ">单位：</label>
                        <div class="col-1.5 form-inline">
                            <label for="amount_unit_id" class="ml-1  @error('amount_unit_id') text-danger @enderror"  >件</label>
                            <input id="amount_unit_id" type="radio" value="4" class="form-control form-control-sm ml-1"
                                                         name="amount_unit_id" v-model="waybill.amount_unit_id">
                            <label for="amount_unit_id1" class="ml-1 @error('amount_unit_id') text-danger @enderror"  >托</label>
                            <input id="amount_unit_id1" type="radio" value="5" class="form-control form-control-sm ml-1"
                                                         :class="errors['amount_unit_id'] ? 'is-invalid' :''" name="amount_unit_id" v-model="waybill.amount_unit_id">
                        </div>
                        @error('amount_unit_id')
                        <div class="col-2 form-inline">
                            <label class="form-control-static text-danger small font-weight-bold">{{$message}}</label>
                        </div>
                        @enderror

                    </div>
                    <div class="form-group row">
                        <label for="mileage" class="col-2 col-form-label text-right text-dark">里程数</label>
                        <div class="col-3">
                            <input type="number" step="0.01" class="form-control @error('mileage') is-invalid @enderror"
                                   name="mileage" autocomplete="off" v-model="waybill.mileage" id="mileage" >
                        </div>
                    </div>
                    <div v-if="waybill.type=='直发车'">
                        <div class="form-group row">
                            <label for="carType_id" class="col-2 col-form-label text-right">车型</label>
                            <div class="col-3">
                                <select class="form-control" name="carType_id" style="width: 30%;" v-model="waybill.carType_id" id="carType_id">
                                    <option v-for="carType in carTypes" :value="carType.id">@{{ carType.name }}</option>
                                </select>
                            </div>
                            <label for="car_owner_info" class="col-2 col-form-label text-right">车辆信息</label>
                            <div class="col-3">
                                <input type="text" class="form-control"
                                       name="car_owner_info" autocomplete="off" v-model="waybill.car_owner_info" id="car_owner_info" >
                            </div>
                        </div>
                        @can('运输管理-运单-运费')
                        <div class="form-group row">
                            <label for="fee" class="col-2 col-form-label text-right text-primary">运费(元) </label>
                            <div class="col-8">
                                <input type="text" class="form-control @error('fee') is-invalid @enderror"
                                       name="fee" autocomplete="off" v-model="waybill.fee" id="fee" >
                                @error('fee')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>
                        @endcan
                    </div>
                    <div v-if="waybill.type=='专线'">
                        <div class="form-group row">
                            <label for="pick_up_fee" class="col-2 col-form-label text-right">提货费(元)</label>
                            <div class="col-8">
                                <input type="text" class="form-control @error('pick_up_fee') is-invalid @enderror"
                                       name="pick_up_fee" autocomplete="off" v-model="waybill.pick_up_fee"  id="pick_up_fee">
                                @error('pick_up_fee')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="other_fee" class="col-2 col-form-label text-right text-muted">其他支出(元)</label>
                        <div class="col-8">
                            <input type="text" class="form-control @error('other_fee') is-invalid @enderror"
                                   name="other_fee" autocomplete="off" v-model="waybill.other_fee"  id="other_fee">
                            @error('other_fee')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="deliver_at" class="col-2 col-form-label text-right text-muted">发货时间</label>
                        <div class="col-8 form-inline">
                            <input  id="deliver_at_date" @input="spliceDeliverAt" name="deliver_at_date" type="date" class="form-control col-4"
                                    value="@if(old('deliver_at_date')){{ old('deliver_at_date') }}@else{{$waybill->deliver_at_date}}@endif">
                            <input  id="deliver_at_time" @input="spliceDeliverAt" name="deliver_at_time" type="time" class="form-control col-4"
                                    value="@if(old('deliver_at_time')){{ old('deliver_at_time') }}@else{{$waybill->deliver_at_time}}@endif">
                            <input hidden id="deliver_at"  name="deliver_at" type="text" class="form-control col-4">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="dispatch_remark" class="col-2 col-form-label text-right text-muted">调度备注</label>
                        <div class="col-8">
                            <textarea class="form-control @error('dispatch_remark') is-invalid @enderror"
                                      name="dispatch_remark" autocomplete="off"  v-model="waybill.dispatch_remark" id="dispatch_remark"></textarea>
                            @error('dispatch_remark')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <input type="hidden" name="status" value="待终审">
                    <input type="hidden" name="waybillPriceModel" id="waybillPriceModel">
                    <input type="hidden" name="order_id" :value="waybill.order_id">
                    <div class="form-group row">
                        <div class="col-8 offset-2">
                            <input type="button" @click="submitForm" class="btn btn-outline-dark form-control" value="提交">
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('lastScript')
    <script>
        let vueList=new Vue({
            el:'#list',
            data:{
                cities:[@foreach($cities as $city){id:'{{$city->id}}',name:'{{$city->name}}'},@endforeach],
                units:[@foreach($units as $unit){id:'{{$unit->id}}',name:'{{$unit->name}}',},@endforeach],
                logistics:[@foreach($logistics as $logistic){id:'{{$logistic->id}}',name:'{{$logistic->name}}',},@endforeach],
                carTypes:[@foreach($carTypes as $carType){!! $carType !!},@endforeach],
                errors:[],
                waybill:{
                    id:'{{$waybill->id}}',
                    waybill_number:'{{$waybill->waybill_number}}',
                    order_id:'{{$waybill->order_id}}',
                    owner_name:'{{$waybill->order->owner->name ?? $waybill->owner->name}}',
                    wms_bill_number:'{{$waybill->wms_bill_number}}',origination:'{{$waybill->origination}}',
                    destination:'{{$waybill->order->address ?? $waybill->destination}}',
                    recipient:'{{$waybill->order->consignee_name ?? $waybill->recipient}}',
                    recipient_mobile:'{{$waybill->order->consignee_phone ?? $waybill->recipient_mobile}}',ordering_remark:'{{$waybill->ordering_remark}}',

                    charge:'{{ old("charge") ?? $waybill->charge}}',
                    logistic_id:'{{old("logistic_id") ?? $waybill->logistic_id}}',
                    carrier_bill:'{{ old("carrier_bill") ?? $waybill->carrier_bill}}',
                    type:'{{ old("type") ?? $waybill->type}}',
                    warehouse_weight_other:'{{ old("warehouse_weight_other") ?? $waybill->warehouse_weight_other}}',
                    warehouse_weight_unit_id_other:'{{ old("warehouse_weight_unit_id_other") ?? $waybill->warehouse_weight_unit_id_other }}',
                    amount:'{{ old('amount') ?? $waybill->amount}}',
                    amount_unit_id:'{{ old('amount_unit_id') ?? $waybill->amount_unit_id}}',
                    mileage:'{{ old("mileage") ?? $waybill->mileage}}',
                    carType_id:'{{ old("carType_id") ?? $waybill->carType_id}}',
                    car_owner_info:'{{ old("car_owner_info") ?? $waybill->car_owner_info}}',
                    fee:'{{ old("fee") ?? $waybill->fee}}',
                    other_fee:'{{ old("other_fee") ?? $waybill->other_fee}}',
                    other_charge:'{{ old("other_charge") ?? $waybill->other_charge}}',
                    other_charge_remark:'{{ old("other_charge_remark") ?? $waybill->other_charge_remark}}',
                    dispatch_remark:'{{ old("dispatch_remark") ?? $waybill->dispatch_remark}}',
                    origination_city_id:'{{ old("origination_city_id") ?? $waybill->origination_city_id}}',
                    destination_city_id:'{{ old("destination_city_id") ?? $waybill->destination_city_id}}',
                    warehouse_weight:'{{ old("warehouse_weight") ?? $waybill->warehouse_weight}}',
                    warehouse_weight_unit_id:'{{ old("warehouse_weight_unit_id") ?? $waybill->warehouse_weight_unit_id}}',
                    carrier_weight:'{{ old("carrier_weight") ?? $waybill->carrier_weight}}',
                    carrier_weight_unit_id:'{{$waybill->carrier_weight_unit_id}}',
                    carrier_weight_other:'{{$waybill->carrier_weight_other}}',
                    carrier_weight_unit_id_other:'{{$waybill->carrier_weight_unit_id_other}}',
                    pick_up_fee:'{{$waybill->pick_up_fee}}',
                    province:"",
                },
                order:{!! $waybill->order ?? '{}' !!},
                waybillTemp:{!! $waybill !!},
                provinces : [],
            },
            mounted:function(){
                let _this=this;
                $(".tooltipTarget").tooltip({'trigger':'hover'});
                this.units.every(function (unit) {
                    switch (unit.name) {
                        case "kg":
                            if (!_this.waybill.warehouse_weight_unit_id_other)_this.waybill.warehouse_weight_unit_id_other=unit.id;
                            if (!_this.waybill.carrier_weight_unit_id_other)_this.waybill.carrier_weight_unit_id_other=unit.id;
                            break;
                        case "m³":
                            if (!_this.waybill.carrier_weight_unit_id)_this.waybill.carrier_weight_unit_id=unit.id;
                            if (!_this.waybill.warehouse_weight_unit_id)_this.waybill.warehouse_weight_unit_id=unit.id;
                            break;
                    }
                    return  true;
                });

                if (!this.waybill.origination){
                    $("#btn").removeAttr("hidden");
                    $("#ordering_remark").after($("#origination"));
                    $("#origination_seek").attr("disabled",false);
                }
                if (!this.waybill.origination_city_id){
                    let _this=this;
                    this.cities.every(function (city) {
                        if (city.name==="上海"){
                            _this.waybill.origination_city_id=city.id;
                            return false;
                        }
                        return  true;
                    });
                }
                /*将地址转换为市区，赋给data*/
                if (!this.waybill.origination_city_id){
                    let origination=document.getElementById('origination_seek').value;
                    let str;
                    let origination_id;
                    if (origination){
                        let arr=origination.split("");
                        for (let i=0;i<arr.length;i++){
                            this.cities.some(function (city) {
                                if (city.name.includes(str)){ origination_id=city.id; return true;}
                                str=arr[i]+arr[i+1];
                            });
                            if (origination_id) {break;}
                        }
                    }
                    this.waybill.origination_city_id=origination_id;
                }

                if (!this.waybill.destination_city_id) {
                    let destination=document.getElementById('destination_seek').value;
                    let strDestination; //两字城市关键字
                    let destination_id; //寻找到的城市id
                    let sign=false;     //标记 用于for识别跳出
                    if (destination){   //input有值
                        let arr=destination.split("");//切分数组
                        for (let i=0;i<arr.length;i++){
                            if (!destination_id) { //城市不存在时找城市
                                this.cities.some(function (city) {
                                    if (city.name.includes(strDestination)) {
                                        destination_id = city.id;
                                        return true;
                                    }
                                    strDestination = arr[i] + arr[i + 1];
                                });
                            }
                            if (destination_id) { //城市存在时找县区
                                this.cities.some(function (city) {
                                    if (city.type == 3 && city.name.includes(strDestination)) {
                                        destination_id = city.id;
                                        sign=true;
                                        return true; //标记
                                    }
                                    strDestination = arr[i] + arr[i + 1];
                                });
                            }
                            if (sign)break; //跳出
                        }
                        if (!destination_id){ //城市与城市下县区都未找到，直接找县区，忽略城市
                            for (let i=0;i<arr.length;i++) {
                                this.cities.some(function (city) {
                                    if (city.type == 3 && city.name.includes(strDestination)) {
                                        destination_id = city.id;
                                        return true;
                                    }
                                    strDestination = arr[i] + arr[i + 1];
                                });
                            }
                        }
                        //找到赋值 未找到置空
                        if (destination_id)this.waybill.destination_city_id=destination_id;
                    }
                }
            },
            methods:{
                {{--计费模型阶段保留--}}
                is_waybillPriceModel(logistic_id,carrier_weight,carrier_weight_unit_id,destination_city_id,carrier_weight_other,carrier_weight_unit_id_other){
                    this.errors=[];
                    let url='{{url('transport/waybill/is/waybillPriceModel')}}';

                    let _this=this;
                    axios.post(url,{logistic_id:logistic_id,carrier_weight:[carrier_weight,carrier_weight_other],
                        carrier_weight_unit_id:[carrier_weight_unit_id,carrier_weight_unit_id_other],destination_city_id:destination_city_id})
                        .then(
                            function (response) {

                                if (response.data.error){
                                    _this.errors=response.data.error;return;}

                                if (!response.data.success) {
                                    document.getElementById('waybillPriceModel').value='';
                                    tempTip.confirm('该目的地与计量单位对应的计费模型不存在，如录入将会标为异常记录，请通知相关负责人添加计费模型,点击'+'<b class="text-primary">"确定"</b>'+'则确认提交 ',
                                        function () {
                                            document.getElementById('deliver_at').value= document.getElementById('deliver_at_date').value+' '+ document.getElementById('deliver_at_time').value;
                                            _this.executeSubmit();
                                        });
                                }else{
                                    document.getElementById('waybillPriceModel').value=response.data.success;
                                    document.getElementById('deliver_at').value= document.getElementById('deliver_at_date').value+' '+ document.getElementById('deliver_at_time').value;
                                    _this.executeSubmit();
                                }
                            }
                        );
                },
                executeSubmit(){
                    document.getElementById('waybillForm').submit();
                },
                spliceDeliverAt:function () {
                        document.getElementById('deliver_at').value= document.getElementById('deliver_at_date').value+' '+ document.getElementById('deliver_at_time').value;
                },
                submitForm(){
                    let type=this.waybill.type;
                    if (type==='专线'){
                        let  logistic_id=document.getElementById('logistic_id').value;
                        let carrier_weight=document.getElementById('carrier_weight').value;
                        let carrier_weight_unit_id=document.getElementById('carrier_weight_unit_id').value;
                        let destination_city_id=document.getElementById('destination_city_id').value;
                        let carrier_weight_other=document.getElementById('carrier_weight_other').value;
                        let carrier_weight_unit_id_other=document.getElementById('carrier_weight_unit_id_other').value;
                        this.is_waybillPriceModel(logistic_id,carrier_weight,carrier_weight_unit_id,destination_city_id,carrier_weight_other,carrier_weight_unit_id_other);
                    }else {
                        document.getElementById('deliver_at').value= document.getElementById('deliver_at_date').value+' '+ document.getElementById('deliver_at_time').value;
                        this.executeSubmit();
                    }
                },
                origination_city_name:function (e) {
                    let _this=this;
                    let $val=e.target.value;
                    if($val==='')_this.waybill.origination_city_id='';
                    else
                        _this.cities.forEach(function (city) {
                            if (city.name.includes($val)){
                                _this.waybill.origination_city_id=city.id;
                            }
                        });
                },
                destination_city_id:function (e) {
                    if (this.waybill.order_id)return;
                    let val=e.target.value;
                    if (!val)this. waybill.destination_city_id='';
                    else this.cities.some((city)=> {
                            if (city.name.includes(val)){
                                this.waybill.destination_city_id=city.id;
                                return true;
                            }
                        });
                },
                selectedProvince(){
                    if (this.waybill.order_id)return;
                    if (!this.waybill.destination_city) {
                        window.tempTip.setDuration(2000);
                        window.tempTip.show('您未输入市/县!');
                        return;
                    }
                    window.tempTip.postBasicRequest("{{url('maintenance/region/getProvinces')}}",{},res=>{
                       this.provinces = res;
                        $("#selectedProvince").modal("show");
                    });
                },
                addCounty:function () {
                    window.tempTip.postBasicRequest("{{url('transport/waybill/addCounty')}}",
                        {name:this.waybill.destination_city,province:this.waybill.province},res=>{
                        this.cities.push({
                            id:res.id,
                            name:res.name,
                        });
                        this.waybill.destination_city_id = res.id;
                        $("#selectedProvince").modal("hide");
                    });
                }
            },
        });
    </script>
@endsection
