修改校验样式

resources/views/maintenance/material/_create.blade.php

@@ -3,25 +3,31 @@
         <div class="modal-content">
             <div class="modal-header">
                 <h5 class="modal-title" id="add-title">添加耗材类型</h5>
-                <button type="button" class="close"  data-dismiss="modal">
+                <button type="button" class="close"  data-dismiss="modal" @click="addMaterial={}">
                     <span>&times;</span>
                 </button>
             </div>
             <div class="modal-body">
                 <form>
                     <div class="form-group">
-                        <label for="material-code">编号</label>
-                        <input type="text" id="material-code" class="form-control" v-model="addMaterial.code">
+                        <label for="add-material-code">编号</label>
+                        <input type="text" id="add-material-code" class="form-control" v-model="addMaterial.code" :class="materialError.code ? 'is-invalid':''" @click="materialError.code = null">
+                        <div class="invalid-feedback" v-if="materialError.code">
+                            @{{ materialError.code[0] ? materialError.code[0] : '' }}
+                        </div>
                     </div>
                     <div class="form-group">
-                        <label for="material-name">名称</label>
-                        <input type="text" id="material-name" class="form-control" v-model="addMaterial.name">
+                        <label for="add-material-name">名称</label>
+                        <input type="text" id="add-material-name" class="form-control" v-model="addMaterial.name" :class="materialError.name ? 'is-invalid':''" @click="materialError.name = null">
+                        <div class="invalid-feedback" v-if="materialError.name">
+                            @{{ materialError.name[0] ? materialError.name[0] : '' }}
+                        </div>
                     </div>
                 </form>
             </div>
             <div class="modal-footer">
-                <button type="button" class="btn btn-secondary"  data-dismiss="modal">关闭</button>
-                <button type="button" class="btn btn-primary" @click="create">提交</button>
+                <button type="button" class="btn btn-secondary"  data-dismiss="modal" @click="addMaterial={}">关闭</button>
+                <button type="button" class="btn btn-primary" @click="create(addMaterial)">提交</button>
             </div>
         </div>
     </div>

resources/views/maintenance/material/_edit.blade.php

@@ -3,25 +3,31 @@
         <div class="modal-content">
             <div class="modal-header">
                 <h5 class="modal-title" id="edit-title" >修改耗材类型</h5>
-                <button type="button" class="close"  data-dismiss="modal" @click="editMaterial={}">
+                <button type="button" class="close"  data-dismiss="modal" @click="editMaterial={},selectIndex=null">
                     <span>&times;</span>
                 </button>
             </div>
             <div class="modal-body">
                 <form>
                     <div class="form-group">
-                        <label for="material-code">编号</label>
-                        <input type="text" id="material-code" class="form-control" v-model="editMaterial.code">
+                        <label for="edit-material-code">编号</label>
+                        <input type="text" id="edit-material-code" class="form-control" v-model="editMaterial.code" :class="materialError.code ? 'is-invalid':''" @click="materialError.code = null">
+                        <div class="invalid-feedback" v-if="materialError.code">
+                            @{{ materialError.code[0] ? materialError.code[0] : '' }}
+                        </div>
                     </div>
                     <div class="form-group">
-                        <label for="material-name">名称</label>
-                        <input type="text" id="material-name" class="form-control" v-model="editMaterial.name">
+                        <label for="edit-material-name">名称</label>
+                        <input type="text" id="edit-material-name" class="form-control" v-model="editMaterial.name"  :class="materialError.name ? 'is-invalid':''" @click="materialError.name = null">
+                        <div class="invalid-feedback" v-if="materialError.name">
+                            @{{ materialError.name[0] ? materialError.name[0] : '' }}
+                        </div>
                     </div>
                 </form>
             </div>
             <div class="modal-footer">
-                <button type="button" class="btn btn-secondary"  data-dismiss="modal" @click="editMaterial={}">关闭</button>
-                <button type="button" class="btn btn-primary" @click="update">提交</button>
+                <button type="button" class="btn btn-secondary"  data-dismiss="modal" @click="editMaterial={},selectIndex=null">关闭</button>
+                <button type="button" class="btn btn-primary" @click="update(editMaterial,selectIndex)">提交</button>
             </div>
         </div>
     </div>

resources/views/maintenance/material/index.blade.php

@@ -20,7 +20,6 @@
                 @include('maintenance.material._table')
             </div>
         </div>
-
     </div>
 @endsection
 @section('lastScript')
@@ -30,9 +29,12 @@
         data:{
             materials:{!! $materials->toJson() !!}['data'],
             editMaterial:{},
-            index:'',
             addMaterial:{},
-            selectTr:0
+            selectTr:0,
+            selectIndex:0,
+            materialError:{},
+        },
+        created(){
         },
         mounted() {
           $('#material_div').removeClass('d-none');
@@ -58,46 +60,52 @@
             },
             edit(material,i){
                 this.editMaterial =JSON.parse(JSON.stringify(material));
-                this.index = i;
+                this.selectIndex = i;
                 $('#editModal').modal('show');
             },
             store(){
                 this.addMaterial = {};
                 $('#addModal').modal('show');
             },
-            update(index){
-                axios.post('{{url('apiLocal/material/update')}}',this.material)
+            // 耗材更新
+            update(material,index){
+                window.tempTip.setDuration(3000);
+                window.tempTip.setIndex(1099);
+                window.axios.post('{{url('apiLocal/material/update')}}',material)
                     .then(res=>{
                         if(res.data.success){
                             $('#editModal').modal('hide');
-                            tempTip.setDuration(3000);
-                            tempTip.showSuccess('修改成功');
+                            window.tempTip.showSuccess('修改成功');
                             this.$set(this.materials,index,res.data.data);
-                            this.index = '';
+                            this.selectIndex = 0;
+                            return;
+                        }else if(res.data.errors){
+                            this.materialError = res.data.errors;
                             return;
                         }
-                        tempTip.setDuration(3000);
-                        tempTip.show(res.data.message);
+                        window.tempTip.show(res.data.message);
                     }).catch(err=>{
-                    tempTip.setDuration(3000);
-                    tempTip.show(err);
+                        window.tempTip.show(err);
                 });
             },
-            create(){
-                axios.post('{{url('apiLocal/material/store')}}',this.addMaterial)
+            // 耗材创建
+            create(addMaterial){
+                window.tempTip.setDuration(3000);
+                window.tempTip.setIndex(1099);
+                axios.post('{{url('apiLocal/material/store')}}',addMaterial)
                     .then(res=>{
                         if(res.data.success){
                             $('#addModal').modal('hide');
+                            window.tempTip.showSuccess('添加成功');
                             this.addMaterial={};
-                            tempTip.setDuration(3000);
-                            tempTip.showSuccess('添加成功');
-                            this.$set(this.materials,this.materials.length,res.data.data);
+                            this.unshift(res.data.data);
+                            return;
+                        }else if(res.data.errors){
+                            this.materialError = res.data.errors;
                             return;
                         }
-                        tempTip.setDuration(3000);
                         tempTip.show(res.data.message);
                     }).catch(err=>{
-                        tempTip.setDuration(3000);
                         tempTip.show(err);
                 });
             }

resources/views/maintenance/supplier/_create.blade.php

@@ -1,9 +1,9 @@
-<div class="modal " id="add-supplier" tabindex="-1" >
+<div class="modal " id="add-supplier" tabindex="-1">
     <div class="modal-dialog modal-lg modal-dialog-centered">
         <div class="modal-content">
             <div class="modal-header">
                 <h5 class="modal-title text-center">供应商添加</h5>
-                <button type="button" class="close" data-dismiss="modal" @click="addSupplier={}">
+                <button type="button" class="close" data-dismiss="modal">
                     <span>&times;</span>
                 </button>
             </div>
@@ -12,58 +12,113 @@
                     <div class="form-group row">
                         <label for="add-name" class="col-sm-3 col-form-label text-right">名称</label>
                         <div class="col-sm-9 form-inline">
-                            <input type="text"id="add-name" class="form-control col-9"  v-model="addSupplier.name"  placeholder="供应商名称" >
+                            <input type="text" id="add-name" class="form-control col-9" v-model="addSupplier.name"
+                                   placeholder="供应商名称"
+                                   :class="supplierErrors.name?'is-invalid':''"
+                                   @focus="supplierErrors.name= null"
+                            >
+                            <div class="invalid-feedback" v-if="supplierErrors.name">
+                                @{{ supplierErrors.name[0] ? supplierErrors.name[0] : '' }}
+                            </div>
                         </div>
                     </div>
                     <div class="form-group row">
                         <label for="add-contact-man" class="col-sm-3 col-form-label text-right">联系人</label>
                         <div class="col-sm-9 form-inline">
-                            <input type="text" name="material-code" id="add-contact-man" class="form-control col-9" v-model="addSupplier.contact_man" placeholder="联系人" >
+                            <input type="text" name="material-code" id="add-contact-man" class="form-control col-9"
+                                   v-model="addSupplier.contact_man" placeholder="联系人"
+                                   :class="supplierErrors.contact_man?'is-invalid':''"
+                                   @focus="supplierErrors.contact_man=null"
+                            >
+                            <div class="invalid-feedback" v-if="supplierErrors.contact_man">
+                                @{{ supplierErrors.contact_man[0] ? supplierErrors.contact_man[0] : '' }}
+                            </div>
                         </div>
                     </div>
                     <div class="form-group row">
                         <label for="add-phone" class="col-sm-3 col-form-label text-right">联系电话</label>
                         <div class="col-sm-9 form-inline">
-                            <input type="text" name="material-code" id="add-phone" class="form-control col-9" v-model="addSupplier.phone" placeholder="联系电话" >
+                            <input type="text" name="material-code" id="add-phone" class="form-control col-9"
+                                   v-model="addSupplier.phone" placeholder="联系电话"
+                                   :class="supplierErrors.phone?'is-invalid':''"
+                                   @focus="supplierErrors.phone=null"
+                            >
+                            <div class="invalid-feedback" v-if="supplierErrors.phone">
+                                @{{ supplierErrors.phone[0] ? supplierErrors.phone[0] : '' }}
+                            </div>
                         </div>
                     </div>
                     <div class="form-group row">
                         <label for="add-invoice-title" class="col-sm-3 col-form-label text-right">发票抬头</label>
                         <div class="col-sm-9 form-inline">
-                            <input type="text" id="add-invoice-title"  class="form-control col-9" v-model="addSupplier.invoice_title" placeholder="发票抬头">
+                            <input type="text" id="add-invoice-title" class="form-control col-9"
+                                   v-model="addSupplier.invoice_title" placeholder="发票抬头"
+                                   :class="supplierErrors.invoice_title?'is-invalid':''"
+                                   @focus="supplierErrors.invoice_title=null"
+                            >
+                            <div class="invalid-feedback" v-if="supplierErrors.invoice_title">
+                                @{{ supplierErrors.invoice_title[0] ? supplierErrors.invoice_title[0] : '' }}
+                            </div>
                         </div>
                     </div>
                     <div class="form-group row">
                         <label for="add-bank" class="col-sm-3 col-form-label text-right">账户银行</label>
                         <div class="col-sm-9 form-inline">
-                            <input type="text" id="add-bank" class="form-control col-9" name="size" v-model="addSupplier.bank" placeholder="账户银行">
+                            <input type="text" id="add-bank" class="form-control col-9" name="size"
+                                   v-model="addSupplier.bank" placeholder="账户银行"
+                                   :class="supplierErrors.bank?'is-invalid':''"
+                                   @focus="supplierErrors.bank=null "
+                            >
+                            <div class="invalid-feedback" v-if="supplierErrors.bank">
+                                @{{ supplierErrors.bank[0] ? supplierErrors.bank[0] : '' }}
+                            </div>
                         </div>
                     </div>
                     <div class="form-group row">
                         <label for="add-bank-account " class="col-sm-3 col-form-label text-right">收款账户</label>
                         <div class="col-sm-9 form-inline">
-                            <input type="text" id="add-bank-account " class="form-control col-9" name="size" v-model="addSupplier.bank_account " placeholder="账户银行">
+                            <input type="text" id="add-bank-account " class="form-control col-9" name="size"
+                                   v-model="addSupplier.bank_account " placeholder="账户银行"
+                                   :class="supplierErrors.bank_account?'is-invalid':''"
+                                   @focus="supplierErrors.bank_account=null "
+                            >
+                            <div class="invalid-feedback" v-if="supplierErrors.bank_account">
+                                @{{ supplierErrors.bank_account[0] ? supplierErrors.bank_account[0] : '' }}
+                            </div>
                         </div>
                     </div>
                     <div class="form-group row">
                         <label for="add-opening-bank " class="col-sm-3 col-form-label text-right">开户行</label>
                         <div class="col-sm-9 form-inline">
-                            <textarea name="specification" id="add-opening-bank " cols="30" rows="5"  class="form-control form-text col-10" v-model="addSupplier.opening_bank "></textarea>
+                            <textarea name="specification" id="add-opening-bank " cols="30" rows="5"
+                                      class="form-control form-text col-10"
+                                      :class="supplierErrors.opening_bank?'is-invalid':''"
+                                      @focus="supplierErrors.opening_bank=null"
+                                      v-model="addSupplier.opening_bank "></textarea>
+                            <div class="invalid-feedback" v-if="supplierErrors.opening_bank">
+                                @{{ supplierErrors.opening_bank[0] ? supplierErrors.opening_bank[0] : '' }}
+                            </div>
                         </div>
                     </div>
                     <div class="form-group row">
                         <label for="add-bank-account " class="col-sm-3 col-form-label text-right">耗材类型</label>
                         <select id="material_id" class="selectpicker" multiple data-live-search="true" title="耗材类型(多选)"
-                                v-model="material_id">
+                                v-model="addSupplier.material_id">
                             <option v-for="material in materials" :value="material.id">@{{ material.name }}</option>
                         </select>
-                        <label hidden><input name="material_id" type="text" :value="material_id"></label>
+                        <label hidden><input name="material_id" type="text" :value="addSupplier.material_id"></label>
+                    </div>
+                    <div class="form-group row">
+                        <label class="col-sm-3 col-form-label text-right "></label>
+                        <span class="text-danger" v-if="supplierErrors.material_id">
+                                @{{ supplierErrors.material_id[0] }}
+                        </span>
                     </div>
                 </form>
             </div>
             <div class="modal-footer">
-                <button type="button" class="btn btn-secondary"  data-dismiss="modal" @click="addSupplier={}">关闭</button>
-                <button type="button" class="btn btn-primary" @click="create">提交</button>
+                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
+                <button type="button" class="btn btn-primary" @focus="create(addSupplier)">提交</button>
             </div>
         </div>
     </div>

resources/views/maintenance/supplier/_edit.blade.php

@@ -3,7 +3,7 @@
         <div class="modal-content">
             <div class="modal-header">
                 <h5 class="modal-title text-center">供应商编辑</h5>
-                <button type="button" class="close" data-dismiss="modal" @click="editOwnerMaterial={}">
+                <button type="button" class="close" data-dismiss="modal" @focus="editSupplier={},selectIndex=0">
                     <span>&times;</span>
                 </button>
             </div>
@@ -12,57 +12,104 @@
                     <div class="form-group row">
                         <label for="edit-name" class="col-sm-3 col-form-label text-right">名称</label>
                         <div class="col-sm-9 form-inline">
-                            <input type="text"id="edit-name" class="form-control col-sm-10"  v-model="editSupplier.name"  placeholder="供应商名称" >
+                            <input type="text"id="edit-name" class="form-control col-sm-10"  v-model="editSupplier.name"  placeholder="供应商名称"
+                                   :class="supplierErrors.name?'is-invalid':''"
+                                   @focus="supplierErrors.name!==null ? supplierErrors.name=null:''"
+                            >
+                            <div class="invalid-feedback" v-if="supplierErrors.name">
+                                @{{ supplierErrors.name[0] ? supplierErrors.name[0] : ''  }}
+                            </div>
                         </div>
                     </div>
                     <div class="form-group row">
                         <label for="edit-contact-man" class="col-sm-3 col-form-label text-right">联系人</label>
                         <div class="col-sm-9 form-inline">
-                            <input type="text" name="material-code" id="edit-contact-man" class="form-control col-sm-10" v-model="editSupplier.contact_man" placeholder="联系人" >
+                            <input type="text" name="material-code" id="edit-contact-man" class="form-control col-sm-10" v-model="editSupplier.contact_man" placeholder="联系人"
+                                   :class="supplierErrors.contact_man?'is-invalid':''"
+                                   @focus="supplierErrors.contact_man!==null ? supplierErrors.contact_man=null:''"
+                            >
+                            <div class="invalid-feedback" v-if="supplierErrors.contact_man">
+                                @{{ supplierErrors.contact_man[0] ? supplierErrors.contact_man[0] : ''  }}
+                            </div>
                         </div>
                     </div>
                     <div class="form-group row">
                         <label for="edit-phone" class="col-sm-3 col-form-label text-right">联系电话</label>
                         <div class="col-sm-9 form-inline">
-                            <input type="text" name="phone" id="edit-phone" class="form-control col-9" v-model="editSupplier.phone" placeholder="联系电话" >
+                            <input type="text" name="phone" id="edit-phone" class="form-control col-9" v-model="editSupplier.phone" placeholder="联系电话"
+                                   :class="supplierErrors.phone?'is-invalid':''"
+                                   @focus="supplierErrors.phone!==null ? supplierErrors.phone=null:''"
+                            >
+                            <div class="invalid-feedback" v-if="supplierErrors.phone">
+                                @{{ supplierErrors.phone[0] ? supplierErrors.phone[0] : ''  }}
+                            </div>
                         </div>
                     </div>
                     <div class="form-group row">
                         <label for="edit-invoice-title" class="col-sm-3 col-form-label text-right">发票抬头</label>
                         <div class="col-sm-9 form-inline">
-                            <input type="text" id="edit-invoice-title"  class="form-control col-10" v-model="editSupplier.invoice_title" placeholder="发票抬头">
+                            <input type="text" id="edit-invoice-title"  class="form-control col-10" v-model="editSupplier.invoice_title" placeholder="发票抬头"
+                                   :class="supplierErrors.invoice_title?'is-invalid':''"
+                                   @focus="supplierErrors.invoice_title!==null ? supplierErrors.invoice_title=null:''"
+                            >
+                            <div class="invalid-feedback" v-if="supplierErrors.contact_man">
+                                @{{ supplierErrors.invoice_title[0] ? supplierErrors.invoice_title[0] : ''  }}
+                            </div>
                         </div>
                     </div>
                     <div class="form-group row">
                         <label for="edit-bank" class="col-sm-3 col-form-label text-right">账户银行</label>
                         <div class="col-sm-9 form-inline">
-                            <input type="text" id="edit-bank" class="form-control col-10" name="size" v-model="editSupplier.bank" placeholder="账户银行">
+                            <input type="text" id="edit-bank" class="form-control col-10" name="size" v-model="editSupplier.bank" placeholder="账户银行"
+                                   :class="supplierErrors.bank?'is-invalid':''"
+                                   @focus="supplierErrors.bank!==null ? supplierErrors.bank=null:''"
+                            >
+                            <div class="invalid-feedback" v-if="supplierErrors.bank">
+                                @{{ supplierErrors.bank[0] ? supplierErrors.bank[0] : ''  }}
+                            </div>
                         </div>
                     </div>
                     <div class="form-group row">
                         <label for="edit-bank-account " class="col-sm-3 col-form-label text-right">收款账户</label>
                         <div class="col-sm-9 form-inline">
-                            <input type="text" id="edit-bank-account " class="form-control col-10" name="size" v-model="editSupplier.bank_account " placeholder="账户银行">
+                            <input type="text" id="edit-bank-account " class="form-control col-10" name="size" v-model="editSupplier.bank_account " placeholder="账户银行"
+                                   :class="supplierErrors.bank_account?'is-invalid':''"
+                                   @focus="supplierErrors.bank_account!==null ? supplierErrors.bank_account=null:''"
+                            >
+                            <div class="invalid-feedback" v-if="supplierErrors.bank_account">
+                                @{{ supplierErrors.bank_account[0] ? supplierErrors.bank_account[0] : ''  }}
+                            </div>
                         </div>
                     </div>
                     <div class="form-group row">
                         <label for="edit-opening-bank " class="col-sm-3 col-form-label text-right">开户行</label>
                         <div class="col-sm-9 form-inline">
-                            <textarea name="specification" id="edit-opening-bank " cols="30" rows="5"  class="form-control form-text col-10" v-model="editSupplier.opening_bank "></textarea>
+                            <textarea name="specification" id="edit-opening-bank " cols="30" rows="5"  class="form-control form-text col-10" v-model="editSupplier.opening_bank "
+                                      :class="supplierErrors.opening_bank?'is-invalid':''"
+                                      @focus="supplierErrors.opening_bank!==null ? supplierErrors.opening_bank=null:''"></textarea>
+                            <div class="invalid-feedback" v-if="supplierErrors.opening_bank">
+                                @{{ supplierErrors.opening_bank[0] ? supplierErrors.opening_bank[0] : ''  }}
+                            </div>
                         </div>
                     </div>
                     <div class="form-group row">
-                        <label for="add-bank-account " class="col-sm-3 col-form-label text-right">耗材类型</label>
-                        <select id="material_id" class="selectpicker" multiple data-live-search="true" title="耗材类型(多选)" v-model="material_id">
+                        <label for="add-bank-account " class="col-sm-3 col-form-label text-right ">耗材类型</label>
+                        <select id="material_id" class="selectpicker" multiple data-live-search="true" title="耗材类型(多选)" v-model="editSupplier.material_id">
                             <option v-for="material in materials" :value="material.id">@{{ material.name }}</option>
                         </select>
-                        <label hidden><input name="material_id" type="text" :value="material_id"></label>
+                        <label hidden><input name="material_id" type="text" :value="editSupplier.material_id"></label>
+                    </div>
+                    <div class="form-group row">
+                        <label  class="col-sm-3 col-form-label text-right "></label>
+                        <span class="text-danger" v-if="supplierErrors.material_id">
+                                @{{ supplierErrors.material_id[0] }}
+                        </span>
                     </div>
                 </form>
             </div>
             <div class="modal-footer">
-                <button type="button" class="btn btn-secondary"  data-dismiss="modal" @click="editSupplier={}">关闭</button>
-                <button type="button" class="btn btn-primary" @click="update">保存</button>
+                <button type="button" class="btn btn-secondary"  data-dismiss="modal" @focus="editSupplier={},selectIndex=0">关闭</button>
+                <button type="button" class="btn btn-primary" @focus="update(editSupplier,selectIndex)">保存</button>
             </div>
         </div>
     </div>

resources/views/maintenance/supplier/index.blade.php

@@ -1,7 +1,7 @@
 @extends('layouts.app')
 @section('title','供应商')
 @section('content')
-    <nav class="nav2">
+    <nav id="nav2">
         @component('maintenance.menu')@endcomponent
     </nav>
     <div class="container-fluid d-none" id="supplier">
@@ -34,14 +34,24 @@
                     @endforeach
                 ],
                 material_id:{!! old('material_id') ? json_encode(old('material_id')) : '[]' !!},
-                editSupplier:{},
-                addSupplier:{},
-                index:'',
-                selectTr:0
+                editSupplier:{material_id:[]},
+                addSupplier:{material_id:[]},
+                supplierErrors:{},
+                index:''  ,
+                selectTr:0,
+                selectIndex:0,
             },
             mounted(){
                 $('#supplier').removeClass('d-none');
             },
+            watch:{
+                'editSupplier.material_id':function(){
+                    this.supplierErrors.material_id = null;
+                },
+                'addSupplier.material_id':function(){
+                    this.supplierErrors.material_id = null;
+                },
+            },
             methods:{
                 destroy(id,index){
                     if (!confirm('是否删除当前供应商')) return;
@@ -62,38 +72,60 @@
                 },
                 edit(supplier,i){
                     this.editSupplier = JSON.parse(JSON.stringify(supplier));
-                    this.material_id= [];
+                    this.supplierErrors = {material_id:[]};
                     supplier.material.forEach((item)=>{
-                        this.material_id.push(item.id);
+                        this.editSupplier.material_id.push(item.id);
                     });
-                    this.index = i;
+                    this.selectIndex = i;
                     $('#edit-supplier').modal('show');
                 },
-                update(){
+                update(editSupplier,index){
                     let url = '{{url('apiLocal/supplier/update')}}';
-                    let params = {editSupplier:this.editSupplier,material_id:this.material_id};
-                    window.tempTip.postBasicRequest(url,params,res=>{
-                        this.$set(this.suppliers,this.index,res);
-                        this.index = null;
-                        this.editSupplier = {};
-                        this.material_id = [];
-                        $("#edit-supplier").modal('hide');
-                        return "修改完成";
-                    },true);
+                    window.tempTip.setIndex(1099);
+                    window.tempTip.setDuration(2000);
+                    window.axios.post(url,editSupplier).then(res=>{
+                        if(res.data.success){
+                            this.$set(this.suppliers,index,res.data);
+                            this.index = null;
+                            this.editSupplier = {};
+                            this.material_id = [];
+                            $("#edit-supplier").modal('hiupdatede');
+                            window.tempTip.showSuccess("修改成功")
+                            return;
+                        }else if(res.data.errors){
+                            this.supplierErrors =res.data.errors;
+                            return;
+                        }
+                        window.tempTip.show(res.data.message ?? '修改失败')
+                    }).catch(err=>{
+                        window.tempTip.showSuccess(err)
+                    });
                 },
                 store(){
+                    this.addSupplier = {};
+                    this.supplierErrors = {material_id:[]};
                     $('#add-supplier').modal('show');
                 },
-                create(){
+                create(supplier){
                     let url = '{{url('apiLocal/supplier/store')}}';
-                    let params = {addSupplier:this.addSupplier,material_id:this.material_id};
-                    window.tempTip.postBasicRequest(url,params,res=>{
-                        this.$set(this.suppliers,this.suppliers.length,res);
-                        this.addSupplier = {};
-                        this.material_id = [];
-                        $("#add-supplier").modal('hide');
-                        return "创建成功";
-                    },true);
+                    window.tempTip.setIndex(1099);
+                    window.tempTip.setDuration(2000);
+                    window.axios.post(url,supplier).then(res=>{
+                        if(res.data.success){
+                            this.suppliers.unshift(res.data.data);
+                            this.addSupplier = {};
+                            this.material_id = [];
+                            $("#edit-supplier").modal('hide');
+                            window.tempTip.showSuccess("创建成功")
+                            return;
+                        }else if(res.data.errors){
+                            this.supplierErrors =res.data.errors;
+                            return;
+                        }
+                        window.tempTip.show(res.data.message ?? '创建失败')
+                    }).catch(err=>{
+                        window.tempTip.showSuccess(err)
+                    });
                 },
             }
         })