修改

src/components/sale/continueclass-form.vue

@@ -170,7 +170,7 @@
         </div>
         <div class="col row wrap q-mr-lg q-col-gutter-md" style="margin:10px;">
           <div class="col-3">
-            <q-select @input="getRenewClassList" standout="bg-primary text-white" option-value="SId" option-label="SName"
+            <q-select @input="getRenewClassList" filled option-value="SId" option-label="SName"
               v-model="classMsg.School_Id" :options="schoolList" emit-value map-options label="关联校区" />
           </div>
           <div class="col-3">
@@ -188,12 +188,22 @@
             </q-field>
           </div>
           <div class="col-3">
-            <q-input @change="getRenewClassList" clearable standout="bg-primary text-white" v-model="classMsg.TeacherName"
+            <q-input @change="getRenewClassList" clearable filled v-model="classMsg.TeacherName"
             label="带班老师" @clear="getRenewClassList" maxlength="20" />
           </div>
           <div class="col-3">
-            <q-select @input="getRenewClassList" standout="bg-primary text-white" option-value="CourseId"
-            option-label="CourseName" v-model="classMsg.CouseId" :options="ClassList" emit-value map-options label="学习课程" />
+            <q-select filled stack-label use-input
+              option-value="CourseId" option-label="CourseName" v-model="classMsg.CouseId"
+              :options="ClassList" label="学习课程" :dense="false" emit-value map-options @filter="filterFn"
+              @input="getRenewClassList">
+              <template v-slot:no-option>
+                <q-item>
+                  <q-item-section class="text-grey">
+                    未找到相关数据
+                  </q-item-section>
+                </q-item>
+              </template>
+            </q-select>
           </div>
         </div>
         <div class="continus_ClassChoice">
@@ -305,7 +315,8 @@
         schoolList: [], //校区列表
         classTypeList:[], //班级类型
         dateList:[], //日期
-        ClassList:[], //学习课程
+        ClassList: [], //学习课程
+        AllClassList: [],
         isShowAdd:false,
       }
     },
@@ -464,11 +475,22 @@
           }
         })
       },
+      //筛选课程
+      filterFn(val, update) {
+        update(() => {
+          if (val === '') {
+            this.ClassList = JSON.parse(JSON.stringify(this.AllClassList))
+          } else {
+            this.ClassList = this.AllClassList.filter(v => v.CourseName.indexOf(val) > -1);
+          }
+        })
+      },
       //获取课程
       CourseList() {
         queryCourseDropdownList({}).then(res => {
           if (res.Code == 1) {
             this.ClassList = res.Data;
+            this.AllClassList = res.Data;
             this.ClassList.unshift({
               CourseId: 0,
               CourseName: "不限"

src/components/sale/transferclass-form.vue

@@ -199,7 +199,7 @@
         </div>
         <div class="col row wrap q-mr-lg q-col-gutter-md" style="margin:10px;">
           <div class="col-3">
-            <q-select @input="getRenewClassList" standout="bg-primary text-white" option-value="SId"
+            <q-select @input="getRenewClassList" filled option-value="SId"
               option-label="SName" v-model="classMsg.School_Id" :options="schoolList" emit-value map-options
               label="关联校区" />
           </div>
@@ -217,13 +217,22 @@
             </q-field>
           </div>
           <div class="col-3">
-            <q-input @change="getRenewClassList" clearable standout="bg-primary text-white"
+            <q-input @change="getRenewClassList" clearable filled
               v-model="classMsg.TeacherName" label="带班老师" @clear="getRenewClassList" maxlength="20" />
           </div>
           <div class="col-3">
-            <q-select @input="getRenewClassList" standout="bg-primary text-white" option-value="CourseId"
-              option-label="CourseName" v-model="classMsg.CouseId" :options="ClassList" emit-value map-options
-              label="学习课程" />
+            <q-select filled stack-label use-input
+              option-value="CourseId" option-label="CourseName" v-model="classMsg.CouseId"
+              :options="ClassList" label="学习课程" :dense="false" emit-value map-options @filter="filterFn"
+              @input="getRenewClassList">
+              <template v-slot:no-option>
+                <q-item>
+                  <q-item-section class="text-grey">
+                    未找到相关数据
+                  </q-item-section>
+                </q-item>
+              </template>
+            </q-select>
           </div>
         </div>
         <div class="continus_ClassChoice">
@@ -349,6 +358,7 @@
         classTypeList: [], //班级类型
         dateList: [], //日期
         ClassList: [], //学习课程
+        AllClassList: [],
         isShowAdd: false,
       }
     },
@@ -537,11 +547,22 @@
           }
         })
       },
+      //筛选课程
+      filterFn(val, update) {
+        update(() => {
+          if (val === '') {
+            this.ClassList = JSON.parse(JSON.stringify(this.AllClassList))
+          } else {
+            this.ClassList = this.AllClassList.filter(v => v.CourseName.indexOf(val) > -1);
+          }
+        })
+      },
       //获取课程
       CourseList() {
         queryCourseDropdownList({}).then(res => {
           if (res.Code == 1) {
             this.ClassList = res.Data;
+            this.AllClassList = res.Data;
             this.ClassList.unshift({
               CourseId: 0,
               CourseName: "不限"