修改

src/components/studyAbroad/studyAbroad-form.vue

@@ -9,7 +9,7 @@
         <div class="row wrap">
           <q-input filled stack-label maxlength="300" :dense="false" v-model="objOption.Name" ref="Name"
             class="col-6 q-pr-lg q-pb-lg" label="项目名称" :rules="[val => !!val || '项目名称']" />
-          <q-select filled stack-label option-value="Id" option-label="Name" v-model="objOption.SupplierId"
+          <q-select filled stack-label option-value="Id" @filter="filterSupper" use-input option-label="Name" v-model="objOption.SupplierId"
             ref="SupplierId" :options="supplierList" label="供应商" :dense="false" :rules="[val => !!val || '请选择供应商']"
             class="col-6 q-pb-lg" emit-value map-options />
         </div>
@@ -22,14 +22,14 @@
               style="margin-left:10px;color:#2961FE;text-decoration:none;" :href="objOption.SupplierContract">查看合同</a>
           </div>
           <div class="col-6" v-if="Type==1">
-            <q-select filled stack-label option-value="ID" @input="getCountry(objOption.StudyCountryId)" option-label="Name" v-model="objOption.StudyCountryId"
+            <q-select filled stack-label option-value="ID" @input="getCountry(objOption.StudyCountryId)" clearable option-label="Name" v-model="objOption.StudyCountryId"
               ref="StudyCountryId" :options="CountryList" label="留学国家" :dense="false" class="col-6 q-pb-lg" emit-value
               map-options />
           </div>
         </div>
          <div class="row wrap" v-if="Type==1">
           <div class="col-6">
-            <q-select filled stack-label option-value="Id" option-label="Name" v-model="objOption.ProductType"
+            <q-select filled stack-label option-value="Id" option-label="Name" clearable v-model="objOption.ProductType"
               ref="ProductType" :options="productList" label="产品类型" :dense="false" class="col-6 q-pb-lg q-pr-lg" emit-value
               map-options />
           </div>
@@ -120,6 +120,7 @@
         optionTitle: "",
         saveLoading: false,
         supplierList: [], //供应商下拉数据
+        allSupplierList:[],
         uploadMultple: true,
         productList: [], //产品类型
         fileObj: {
@@ -287,6 +288,7 @@
         querySupplierList({}).then(res => {
           if (res.Code == 1) {
             this.supplierList = res.Data;
+            this.allSupplierList = res.Data;
             let obj = {
               Id: 0,
               Name: '请选择'
@@ -295,6 +297,13 @@
           }
         })
       },
+      filterSupper(val, update){
+        update(() => {
+          this.supplierList = this.allSupplierList.filter(
+            v => v.Name.indexOf(val) > -1
+          );
+        });
+      },
       //上传附件
       UploadAttachment(files) {
         UploadSelfFile('Attachment', files.file, res => {