baoshi-was/resources/views/transport/waybill/edit.blade.php

@extends('layouts.app')

@section('content')
    <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="row">
                        <div class="col-6">
                            {{--编辑区--}}
                            <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>
                                        <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" 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" name="logistic_id"
                                            :class="errors['logistic_id'] ? 'is-invalid' :''"  v-model="waybill.logistic_id">
                                        <option v-for="logistic in logistics" :value="logistic.id" v-if="logistic.tag.indexOf(waybill.type)!==-1">@{{logistic.name}}</option>
                                    </select>
                                </div>
                                <label for="carrier_bill" class="col-2 col-form-label text-right text-primary">承运商单号 *</label>
                                <div class="col-4">
                                    <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 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 @error('deliver_at_date') is-invalid @enderror"
                                            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 @error('deliver_at_date') is-invalid @enderror"
                                            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 v-if="waybill.logistic_id == 15 || waybill.type=='德邦物流'" style="background: black">
                                <div class="form-group row">
                                    <label for="cargo_name" class="col-2 col-form-label text-right text-primary">货物名称 *</label>
                                    <div class="col-3">
                                        <input type="text" class="form-control @error('cargo_name') is-invalid @enderror "
                                               :class="errors['cargo_name'] ? 'is-invalid' :''"
                                               name="cargo_name" autocomplete="off" v-model="waybill.cargo_name" id="cargo_name">
                                    </div>
                                    <label for="total_number" class="col-2 col-form-label text-right text-primary">总包裹数 *</label>
                                    <div class="input-group col-4">
                                        <input type="number" class="form-control @error('total_number') is-invalid @enderror "
                                               :class="errors['total_number'] ? 'is-invalid' :''"
                                               name="total_number" autocomplete="off" v-model="waybill.total_number" id="total_number">
                                        <div class="input-group-append">
                                            <span class="input-group-text">件</span>
                                        </div>
                                    </div>
                                    @error('cargo_name')<span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>@enderror
                                    @error('total_number')<span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>@enderror
                                </div>
                                <div class="form-group row">
                                    <label for="total_weight" class="col-2 col-form-label text-right text-primary">总重量（kg） *</label>
                                    <div class="col-3">
                                        <input type="number" class="form-control @error('total_weight') is-invalid @enderror "
                                               :class="errors['total_weight'] ? 'is-invalid' :''"
                                               name="total_weight" autocomplete="off" v-model="waybill.total_weight" id="total_weight">
                                    </div>
                                    <label for="deliveryType_id" class="col-2 col-form-label text-right text-primary">送货方式 *</label>
                                    <div class="col-3">
                                        <select class="form-control @error('deliveryType_id') is-invalid @enderror" name="deliveryType_id"
                                                :class="errors['deliveryType_id'] ? 'is-invalid' :''"
                                                style="width: 100%;"   v-model="waybill.deliveryType_id" id="deliveryType_id">
                                            <option v-for="deliveryType in deliveryTypes" :value="deliveryType.id">@{{ deliveryType.name }}</option>
                                        </select>
                                    </div>
                                    @error('total_weight')<span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>@enderror
                                    @error('deliveryType_id')<span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>@enderror
                                </div>

                                <div class="form-group row">
                                    <label for="" class="col-2 col-form-label text-right text-primary">下单模式 *</label>
                                    <div class="col-3">
                                        <select class="form-control @error('order_type') is-invalid @enderror" name="order_type"
                                                :class="errors['pay_type'] ? 'is-invalid' :''"
                                                style="width: 100%;"   v-model="waybill.order_type" id="order_type">
                                            <option v-for="(v,k) in orderTypes" :value="k">@{{ v }}</option>
                                        </select>
                                        @error('order_type')<span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>@enderror
                                    </div>
                                    <label for="" class="col-2 col-form-label text-right text-primary">运输方式/产品类型 *</label>
                                    <div class="col-3">
                                        <select class="form-control @error('transport_type') is-invalid @enderror" name="transport_type"
                                                :class="errors['transport_type'] ? 'is-invalid' :''"
                                                style="width: 100%;"   v-model="waybill.transport_type" id="transport_type">
                                            <option v-for="(v,k) in transportTypes" :value="k">@{{ v }}</option>
                                        </select>
                                        @error('transport_type')<span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>@enderror
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="" class="col-2 col-form-label text-right text-primary">包装方式 *</label>
                                    <div class="col-3">
                                        <select class="form-control  @error('package_service') is-invalid @enderror" name="package_service"
                                                :class="errors['package_service'] ? 'is-invalid' :''"
                                                style="width: 100%;"   v-model="waybill.package_service" id="package_service">
                                            <option v-for="(v,k) in packageServices" :value="v">@{{ v }}</option>
                                        </select>
                                        @error('package_service')<span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>@enderror
                                    </div>

                                    <label for="" class="col-2 col-form-label text-right text-primary">签收回单 *</label>
                                    <div class="col-3">
                                        <select class="form-control @error('back_sign_bill') is-invalid @enderror" name="back_sign_bill"
                                                :class="errors['back_sign_bill'] ? 'is-invalid' :''"
                                                style="width: 100%;"   v-model="waybill.back_sign_bill" id="back_sign_bill">
                                            <option v-for="(v,k) in backSignBills" :value="k">@{{ v }}</option>
                                        </select>
                                        @error('back_sign_bill')<span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>@enderror
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="" class="col-2 col-form-label text-right text-primary">支付方式 *</label>
                                    <div class="col-6">
                                        <select class="form-control @error('pay_type') is-invalid @enderror" name="pay_type"
                                                :class="errors['pay_type'] ? 'is-invalid' :''"
                                                style="width: 100%;"   v-model="waybill.pay_type" id="pay_type">
                                            <option v-for="(v,k) in payTypes" :value="k">@{{ v }}</option>
                                        </select>
                                        @error('pay_type')<span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>@enderror
                                    </div>
                                </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-9 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 rounded-pill" 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-9 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 rounded-pill" 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-4 form-inline">
                                    <input type="number" class="form-control @error('amount') is-invalid @enderror"
                                           name="amount" autocomplete="off" v-model="waybill.amount" id="amount">
                                    <label for="amount_unit_id" class="@error('amount_unit_id') text-danger @enderror">件</label>
                                    <input id="amount_unit_id" type="radio" value="4" class="form-control form-control-sm"
                                           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"
                                           :class="errors['amount_unit_id'] ? 'is-invalid' :''" name="amount_unit_id" v-model="waybill.amount_unit_id">
                                    @error('amount')<span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>@enderror
                                </div>
                                <label for="mileage" class="col-2 col-form-label text-right text-muted" v-if="waybill.type=='直发车'">里程数</label>
                                <div class="input-group col-3" v-if="waybill.type=='直发车'">
                                    <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 class="input-group-append">
                                        <span class="input-group-text">KM</span>
                                    </div>
                                </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 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" 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="input-group col-3">
                                        <input type="number" step="0.01" min="0" 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">
                                        <div class="input-group-append">
                                            <span class="input-group-text">元</span>
                                        </div>
                                        @error('pick_up_fee')<span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>@enderror
                                    </div>
                                    <label for="other_fee" class="col-2 col-form-label text-right text-muted">其他支出(元)</label>
                                    <div class="input-group col-4">
                                        <input type="number" step="0.01" min="0" class="form-control @error('other_fee') is-invalid @enderror"
                                               name="other_fee" autocomplete="off" v-model="waybill.other_fee"  id="other_fee">
                                        <div class="input-group-append">
                                            <span class="input-group-text">元</span>
                                        </div>
                                        @error('other_fee')<span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>@enderror
                                    </div>
                                </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>
                            <div class="form-group row">
                                <div class="col-8 offset-2">
                                    <input type="button" @click="submitForm" class="btn btn-success form-control" value="提交">
                                </div>
                            </div>
                        </div>
                        <div class="col-6">
                            <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">
                                <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">
                                <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" 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>
                    </div>
                    <input type="hidden" name="status" value="待终审">
                    <input type="hidden" name="waybillPriceModel" id="waybillPriceModel">
                    <input type="hidden" name="order_id" :value="waybill.order_id">
                </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}}',tag:"{{$logistic->tag}}"},@endforeach],
                carTypes:[@foreach($carTypes as $carType){!! $carType !!},@endforeach],
                deliveryTypes:[@foreach($deliveryTypes as $deliveryType){!! $deliveryType !!},@endforeach],
                errors:[],
                waybill:{
                    id:'{{$waybill->id}}',
                    waybill_number:'{{$waybill->waybill_number}}',
                    order_id:'{{$waybill->order_id}}',
                    owner_name:'{{ $waybill->merge_owner ?: ($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:'{{old("carrier_weight_unit_id") ?? $waybill->carrier_weight_unit_id}}',
                    carrier_weight_other:'{{ old("carrier_weight_other") ?? $waybill->carrier_weight_other}}',
                    carrier_weight_unit_id_other:'{{old("carrier_weight_unit_id_other") ?? $waybill->carrier_weight_unit_id_other}}',
                    pick_up_fee:'{{old("pick_up_fee") ?? $waybill->pick_up_fee}}',
                    province:"",
                    cargo_name: '{{ old("cargo_name") ?? $waybill->cargo_name}}',
                    total_number: '{{ old("total_number") ?? $waybill->total_number}}',
                    total_weight: '{{ old("total_weight") ?? $waybill->total_weight}}',
                    deliveryType_id: '{{ old("deliveryType_id") ?? $waybill->deliveryType_id}}',
                    order_type: '{{ old("order_type") ?? $waybill->order_type}}',
                    transport_type: '{{ old("transport_type") ?? $waybill->transport_type}}',
                    pay_type: '{{ old("pay_type") ?? $waybill->pay_type}}',
                    back_sign_bill: '{{ old("back_sign_bill") ?? $waybill->back_sign_bill}}',
                    package_service: '{{ old("package_service") ?? $waybill->package_service}}',
                },
                order:{!! $waybill->order ?? '{}' !!},
                waybillTemp:{!! $waybill !!},
                provinces : [],
                orderTypes:{!! $orderTypes !!},
                transportTypes:{!! $transportTypes !!},
                payTypes:{!! $payTypes !!},
                backSignBills:{!! $backSignBills !!},
                packageServices:{!! $packageServices !!}
            },
            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,cargo_name,total_number,total_weight,deliveryType_id,order_type,transport_type,pay_type,back_sign_bill,package_service){
                    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,
                            cargo_name:cargo_name, total_number:total_number,total_weight:total_weight, deliveryType_id:deliveryType_id
                            ,order_type:order_type, transport_type: transport_type, pay_type:pay_type, back_sign_bill:back_sign_bill,package_service:package_service
                    }).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;
                    let  logistic_id=document.getElementById('logistic_id').value;
                    let carrier_weight = '',carrier_weight_unit_id='',destination_city_id='',carrier_weight_other='',carrier_weight_unit_id_other='',
                        cargo_name = '',total_number='',total_weight='',deliveryType_id='',order_type='',transport_type='',pay_type='',back_sign_bill='',package_service='';
                    if ( logistic_id == 15 || type === '德邦物流'){
                        cargo_name=document.getElementById('cargo_name').value;
                        total_number=document.getElementById('total_number').value;
                        total_weight=document.getElementById('total_weight').value;
                        deliveryType_id=document.getElementById('deliveryType_id').value;
                        order_type=document.getElementById('order_type').value;
                        transport_type=document.getElementById('transport_type').value;
                        pay_type=document.getElementById('pay_type').value;
                        back_sign_bill=document.getElementById('back_sign_bill').value;
                        package_service=document.getElementById('package_service').value;
                        destination_city_id = 0;
                        this.is_waybillPriceModel(logistic_id, carrier_weight, carrier_weight_unit_id, destination_city_id,
                            carrier_weight_other, carrier_weight_unit_id_other, cargo_name, total_number, total_weight,
                            deliveryType_id, order_type, transport_type, pay_type, back_sign_bill, package_service
                        );
                    }
                    if (type==='专线') {
                        carrier_weight = document.getElementById('carrier_weight').value;
                        carrier_weight_unit_id = document.getElementById('carrier_weight_unit_id').value;
                        destination_city_id = document.getElementById('destination_city_id').value;
                        carrier_weight_other = document.getElementById('carrier_weight_other').value;
                        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, cargo_name, total_number, total_weight,
                            deliveryType_id, order_type, transport_type, pay_type, back_sign_bill, package_service
                        );
                    }else if(type === '直发车') {
                        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");
                        });
                }
            },
            created(){
                this.waybill.deliveryType_id = this.deliveryTypes[2].id;
                this.waybill.order_type = 2;
                this.waybill.transport_type = 'JZKH';
                this.waybill.pay_type = 2;
                this.waybill.back_sign_bill = 0;
                this.waybill.package_service = this.packageServices[4];
            }
        });
    </script>
@endsection