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

@extends('layouts.app')

@section('content')
    <div id="nav2">
        @component('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="card">
            <div class="card-body">
                <form method="POST" id="waybillForm" action='{{url("waybill/{$waybill->id}")}}'>
                    @csrf
                    @method('PUT')
                    <div class="form-group row">
                        <label class="col-2 col-form-label text-right text-secondary">运单类型</label>
                        <div class="col-8">
                            <input name="type" id="type" type="text" class="form-control" readonly="true"   value="{{$waybill->type}}" >
                        </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->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="origination='上海市松江区泗砖仓'" style="transform: scale(0.9)">松江泗砖仓</button>
                            <button type="button" class="btn btn-outline-primary btn-sm" @click="origination='上海市松江区九干仓'" style="transform: scale(0.9)">松江九干仓</button>
                            <button type="button" class="btn btn-outline-primary btn-sm" @click="origination='上海市嘉定区武乡仓'" style="transform: scale(0.9)">嘉定武乡仓</button>
                        </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 @error('origination') is-invalid @enderror"
                                       id="origination_seek" name="origination" disabled="disabled" @if(old('origination'))value="{{old('origination')}}" @else :value="origination"@endif>
                            </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">目的地</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  class="col-2 col-form-label text-right text-secondary">收费(元)</label>
                        <div class="col-8">
                            <input type="text" class="form-control @error('charge') is-invalid @enderror"
                                   id="charge" name="charge" value="@if(old('charge')){{ old('charge') }}@else{{$waybill->charge}}@endif " >
                        </div>
                        @error('charge')
                        <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                        @enderror
                    </div>
                    <div class="form-group row">
                        <label for="carrier_id" class="col-2 col-form-label text-right text-primary">承运商 *</label>
                        <div class="col-8">
                            <select name="carrier_id" class="form-control @error('carrier_id') is-invalid @enderror" :class="errors['carrier_id'] ? 'is-invalid' :''" id="carrier_id" v-model="waybillPriceModel.carrier_id" style="width: 30%; ">
                                @foreach($carriers as $carrier)
                                    <option value="{{$carrier->id}}">{{$carrier->name}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-sm-5">
                            <p class="form-control-static text-danger small font-weight-bold" style="margin-left: 50%">{{ $errors->first('carrier_id') }}</p>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label text-right">承运商单号</label>
                        <div class="col-8">
                            <input type="text" class="form-control @error('carrier_bill') is-invalid @enderror"
                                   name="carrier_bill" autocomplete="off" value="@if(old('carrier_bill')){{ old('carrier_bill') }}@else{{$waybill->carrier_bill}}@endif"  >
                            @error('carrier_bill')
                            <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
                        </div>
                    </div>
                    @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="waybillPriceModel.origination_city_id">
                                    <option v-for="city in cities" :value="city.id">@{{city.name}}</option>
                                </select>
                                <input class="form-control-sm" 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" name="destination_city_id" :class="errors['destination_city_id'] ? 'is-invalid' :''" id="destination_city_id" v-model="waybillPriceModel.destination_city_id" style="width: 30%; " >
                                    <option v-for="city in cities" :value="city.id">@{{city.name}}</option>
                                </select>
                                <input class="form-control-sm tooltipTarget" placeholder="输入关键字定位" @input="destination_city_id" v-model="destination_city" title="若无法显示县级市，可点击后方按钮手动添加" style="vertical-align: middle">
                                <button type="button" class="btn btn-outline-info btn-sm" @click="addCounty" style="transform: scale(0.9)">添加市/县</button>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="warehouse_weight" class="col-2 col-form-label text-right ">仓库计抛</label>
                            <div class="col-2">
                                <input type="text"  class="form-control @error('warehouse_weight') is-invalid @enderror"
                                       name="warehouse_weight" autocomplete="off" value="@if(old('warehouse_weight')){{ old('warehouse_weight') }}@else{{$waybill->warehouse_weight}}@endif"  >
                                @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 ">单位：</label>
                            <div class="col-1.5">
                                <select class="form-control @error('warehouse_weight_unit_id') is-invalid @enderror" name="warehouse_weight_unit_id" v-model="waybillPriceModel.warehouse_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="warehouse_weight_other" class="col-form-label text-right ">&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" value="@if(old('warehouse_weight_other')){{ old('warehouse_weight_other') }}@else{{$waybill->warehouse_weight_other}}@endif"  >
                                @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="waybillPriceModel.warehouse_weight_unit_id_other" >
                                    <option :value="unit.id" v-for="unit in units" >@{{ unit.name }}</option>
                                </select>
                            </div>
                        </div>
                        <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" value="@if(old('carrier_weight')){{ old('carrier_weight') }}@else{{$waybill->carrier_weight}}@endif"  >
                                @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="waybillPriceModel.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" value="@if(old('carrier_weight_other')){{ old('carrier_weight_other') }}@else{{$waybill->carrier_weight_other}}@endif"  >
                                @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="waybillPriceModel.carrier_weight_unit_id_other" >
                                    <option :value="unit.id" v-for="unit in units" >@{{ unit.name }}</option>
                                </select>
                            </div>

                        </div>
                    @endif
                    @if($waybill->type=="直发车")
                        <div class="form-group row">
                            <label for="carType_id" class="col-2 col-form-label text-right text-primary">车型 *</label>
                            <div class="col-8">
                                <select class="form-control" name="carType_id" style="width: 30%;">
                                    @foreach($carTypes as $carType)
                                        @if($carType->id==$waybill->carType_id)
                                            <option value="{{$carType->id}}" selected>{{$carType->name}}@if($carType->length)（{{$carType->length}}米）@endif</option>
                                        @else
                                            <option value="{{$carType->id}}">{{$carType->name}}@if($carType->length)（{{$carType->length}}米）@endif</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="car_owner_info" class="col-2 col-form-label text-right">车辆信息</label>
                            <div class="col-8">
                                <input type="text" class="form-control"
                                       name="car_owner_info" autocomplete="off" value="@if(old('car_owner_info')){{ old('car_owner_info') }}@else{{$waybill->car_owner_info}}@endif"  >
                            </div>
                        </div>
                    @endif
                    @if($waybill->type=="直发车")
                        <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" value="@if(old('fee')){{ old('fee') }}@else{{$waybill->fee}}@endif"  >
                                @error('fee')
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                    @endif
                    @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" value="@if(old('pick_up_fee')){{ old('pick_up_fee') }}@else{{$waybill->pick_up_fee}}@endif"  >
                                @error('pick_up_fee')
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                    @endif
                    <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" value="@if(old('other_fee')){{ old('other_fee') }}@else{{$waybill->other_fee}}@endif"  >
                            @error('other_fee')
                            <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
                        </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"  >@if(old('dispatch_remark')){{ old('dispatch_remark') }}@else{{$waybill->dispatch_remark}}@endif</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">
                    <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:{
                waybillPriceModel: {
                    carrier_id:'{{old('carrier_id')?old('carrier_id'):$waybill->carrier_id}}',origination_city_id:'{{old('origination_city_id')?old('origination_city_id'):$waybill->origination_city_id}}',
                    destination_city_id:'{{old('destination_city_id')?old('destination_city_id'):$waybill->destination_city_id}}',
                    carrier_weight:'{{old('carrier_weight')?old('carrier_weight'):$waybill->carrier_weight}}',carrier_weight_unit_id:'{{old('carrier_weight_unit_id')?old('carrier_weight_unit_id'):$waybill->carrier_weight_unit_id}}',
                    warehouse_weight_unit_id:'{{old('warehouse_weight_unit_id')?old('warehouse_weight_unit_id'):$waybill->warehouse_weight_unit_id}}',
                    carrier_weight_other:'{{old('carrier_weight_other')?old('carrier_weight_other'):$waybill->carrier_weight_other}}',
                    carrier_weight_unit_id_other:'{{old('carrier_weight_unit_id_other')?old('carrier_weight_unit_id_other'):$waybill->carrier_weight_unit_id_other}}',
                    warehouse_weight_unit_id_other:'{{old('warehouse_weight_unit_id_other')?old('warehouse_weight_unit_id_other'):$waybill->warehouse_weight_unit_id_other}}',
                },
                cities:[
                        @foreach($cities as $city)
                    {
                        id:'{{$city->id}}',name:'{{$city->name}}',type:'{{$city->type}}',
                    },
                    @endforeach
                ],
                units:[
                        @foreach($units as $unit){
                        id:'{{$unit->id}}',name:'{{$unit->name}}',
                    },
                    @endforeach
                ],
                errors:[],
                origination:'{{$waybill->origination}}',
                destination_city:'',
            },
            mounted:function(){
                let _this=this;
                this.units.every(function (unit) {
                    switch (unit.name) {
                        case "kg":
                            if (!_this.waybillPriceModel.warehouse_weight_unit_id_other)_this.waybillPriceModel.warehouse_weight_unit_id_other=unit.id;
                            if (!_this.waybillPriceModel.carrier_weight_unit_id_other)_this.waybillPriceModel.carrier_weight_unit_id_other=unit.id;
                            break;
                        case "m³":
                            if (!_this.waybillPriceModel.carrier_weight_unit_id)_this.waybillPriceModel.carrier_weight_unit_id=unit.id;
                            if (!_this.waybillPriceModel.warehouse_weight_unit_id)_this.waybillPriceModel.warehouse_weight_unit_id=unit.id;
                            break;
                    }

                    return  true;
                });

                if (!this.origination){
                    $("#btn").removeAttr("hidden");
                    $("#ordering_remark").after($("#origination"));
                    $("#origination_seek").attr("disabled",false);
                }
                if (!this.waybillPriceModel.origination_city_id){
                    let _this=this;
                    this.cities.every(function (city) {
                        if (city.name=="上海"){
                            _this.waybillPriceModel.origination_city_id=city.id;
                            return false;
                        }
                        return  true;
                    });
                }
                /*将地址转换为市区，赋给data*/
                if (!this.waybillPriceModel.origination_city_id){
                    let origination=document.getElementById('origination_seek').value;
                    let str;
                    let origination_id;
                    if (origination){
                        let arr=origination.split("");
                        for (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.waybillPriceModel.origination_city_id=origination_id;
                }

                if (!this.waybillPriceModel.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.waybillPriceModel.destination_city_id=destination_id;
                    }
                }
            },
            methods:{
                {{--计费模型阶段保留--}}
                is_waybillPriceModel(carrier_id,carrier_weight,carrier_weight_unit_id,destination_city_id,carrier_weight_other,carrier_weight_unit_id_other){
                    this.errors=[];
                    let url='{{url('waybill/is/waybillPriceModel')}}';
                    let _this=this;
                    axios.post(url,{carrier_id:carrier_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('waybillForm').submit();
                                        });
                                }else{
                                    document.getElementById('waybillPriceModel').value=response.data.success;
                                    document.getElementById('waybillForm').submit();
                                }
                            }
                        );
                },
                submitForm(){
                    let type=document.getElementById('type').value;
                    if (type==='专线'){
                        let  carrier_id=document.getElementById('carrier_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(carrier_id,carrier_weight,carrier_weight_unit_id,destination_city_id,carrier_weight_other,carrier_weight_unit_id_other);
                    }else {
                        document.getElementById('waybillForm').submit();
                    }
                },
                origination_city_name:function (e) {
                    let _this=this;
                    let $val=e.target.value;
                    if($val==='')_this.waybillPriceModel.origination_city_id='';
                    else
                        _this.cities.forEach(function (city) {
                            if (city.name.includes($val)){
                                _this.waybillPriceModel.origination_city_id=city.id;
                            }
                        });
                },

                destination_city_id:function (e) {
                    let _this=this;
                    let $val=e.target.value;
                    if($val==='')_this.waybillPriceModel.destination_city_id='';
                    else
                        _this.cities.forEach(function (city) {
                            if (city.name.includes($val)){
                                _this.waybillPriceModel.destination_city_id=city.id;
                            }
                        });
                },
                addCounty:function () {
                    var add=window.confirm("您确认添加该市/县？");
                    let _this=this;
                    let url='{{url('waybill/addCounty?destination_city=')}}'+_this.destination_city;
                    if(add){
                        axios.post(url)
                            .then(function (response) {
                                if(response.data && response.data.destination_city){
                                    tempTip.setDuration(3000);
                                    tempTip.show(response.data.destination_city[0]);
                                    return ;
                                }
                                _this.cities.push(response.data);
                                _this.waybillPriceModel.destination_city_id=response.data.id;
                            }).catch(function (err) {
                            tempTip.setDuration(3000);
                            tempTip.show("网络错误！"+err);
                        });
                    }

                }
            },
        });
    </script>
@endsection