页面修改

src/components/studyAbroad/studyAbroad-form.vue

@@ -9,9 +9,9 @@
         <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" @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 />
+          <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>
         <div class="row wrap">
           <div class="col-6">
@@ -22,19 +22,19 @@
               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)" 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 />
+            <q-select filled stack-label option-value="ID" @input="getCountry()" 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="row wrap" v-if="Type==1">
           <div class="col-6">
             <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 />
+              ref="ProductType" :options="productList" label="产品类型" :dense="false" class="col-6 q-pb-lg q-pr-lg"
+              emit-value map-options />
           </div>
           <div class="col-6">
-        
+
           </div>
         </div>
         <div class="row wrap">
@@ -115,12 +115,12 @@
           ImgCover: '', //封面图
           ProductType: '', //产品类型
           StudyFeature: "", //课程特色
-          StudyCountryId:"",//留学国家
+          StudyCountryId: "", //留学国家
         },
         optionTitle: "",
         saveLoading: false,
         supplierList: [], //供应商下拉数据
-        allSupplierList:[],
+        allSupplierList: [],
         uploadMultple: true,
         productList: [], //产品类型
         fileObj: {
@@ -128,11 +128,11 @@
           FileUrl: ''
         },
         SchoolList: [], //校区列表
-        CountryList:[],//国家列表
-        TypeMsg:{
-          Name:"",
-          Type:1,
-          CountryId:0
+        CountryList: [], //国家列表
+        TypeMsg: {
+          Name: "",
+          Type: 1,
+          CountryId: 0
         }
       }
     },
@@ -153,8 +153,8 @@
     }),
     created() {
       this.getSchool();
-      // this.getProductList();
       this.getCountryList()
+      this.getProductList();
     },
     mounted() {
       this.getStudyAbroadList();
@@ -165,7 +165,7 @@
       getCountryList() {
         queryCountryList({}).then(res => {
           if (res.Code == 1) {
-            this.CountryList=res.Data;
+            this.CountryList = res.Data;
           }
         });
       },
@@ -178,13 +178,13 @@
         this.objOption.Remark = obj;
       },
       //选择国家
-      getCountry(CountryId){
+      getCountry() {
         this.objOption.ProductType = '';
-        this.getProductList(CountryId);
+        this.getProductList();
       },
       //获取产品类型列表
-      getProductList(CountryId) {
-        this.TypeMsg.CountryId = CountryId;
+      getProductList() {
+        this.TypeMsg.CountryId = this.objOption.StudyCountryId;
         GetStudyabroadTypeList(this.TypeMsg).then(res => {
           if (res.Code == 1) {
             this.productList = res.Data
@@ -230,8 +230,8 @@
                 this.objOption.ImgCover = tempObj.ImgCover;
                 this.objOption.ProductType = tempObj.ProductType;
                 this.objOption.StudyFeature = tempObj.StudyFeature;
-                this.objOption.StudyCountryId=tempObj.StudyCountryId;
-                if(this.objOption.StudyCountryId){
+                this.objOption.StudyCountryId = tempObj.StudyCountryId;
+                if (this.objOption.StudyCountryId) {
                   this.getProductList(this.objOption.StudyCountryId);
                 }
               }
@@ -247,7 +247,7 @@
           this.objOption.School_Id = -1;
           this.objOption.ProductType = '';
           this.objOption.StudyFeature = "";
-          this.objOption.StudyCountryId="";
+          this.objOption.StudyCountryId = "";
         }
       },
       //关闭弹窗
@@ -297,7 +297,7 @@
           }
         })
       },
-      filterSupper(val, update){
+      filterSupper(val, update) {
         update(() => {
           this.supplierList = this.allSupplierList.filter(
             v => v.Name.indexOf(val) > -1