问题件录入 录入界面，货主字段需要进行筛选

resources/views/order/issue/create.blade.php

@@ -103,14 +103,17 @@
                                     class="text-danger">*</span>货主</label>
                             <div class="col-8 row">
                                 <div class="form-group col-lg-5">
-                                    <select class="form-control @error('owner_id') is-invalid @enderror" name="owner_id" v-model="order.owner_id">
+                                    <select class="form-control form-inline  @error('owner_id') is-invalid @enderror" name="owner_id" v-model="order.owner_id">
                                         <option value></option>
-                                        <option v-for="owner in owners" :value="owner.id">@{{ owner.name }}</option>
-                                    </select>
+                                        <option v-for="owner in filterOwners" :value="owner.id">@{{ owner.name }}</option>
+                                    </select >
                                     @error('owner_id')
                                     <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
                                     @enderror
                                 </div>
+                                <div class="form-group col-lg-5">
+                                    <input class="form-control form-inline" @change="ownerFilter($event)" placeholder="输入货主进行筛选">
+                                </div>
                             </div>
                         </div>
                         <div class="form-group row">
@@ -292,6 +295,7 @@
                 secondClientNO: @if(old('secondClientNO'))"{{old('secondClientNO')}}"@else''@endif,
                 order_issue_type_id: @if(old('order_issue_type_id'))"{{old('order_issue_type_id')}}"@else''@endif,
                 owners:{!! $owners !!},
+                filterOwners:{!! $owners !!},
                 logistics:{!! $logistic !!},
                 types:{!! $types !!},
                 userWorkGroup:{!! $userWorkGroup !!},
@@ -436,6 +440,20 @@
                         _this.isSubmit = false;
                     });
                 },
+                ownerFilter(e){
+                    let name = $(e.target).val();
+                    if(name===''){
+                        this.filterOwners = this.owners
+                        return
+                    }
+                    let arr = [];
+                    this.owners.forEach(function(owner){
+                        if(owner.name.includes(name)){
+                            arr.push(owner)
+                        }
+                    });
+                    this.filterOwners = arr;
+                }
             }
         })
     </script>