修改

src/pages/sale/japaneseTrain.vue

@@ -3,29 +3,29 @@
     <div class="page-search row items-center">
       <div class="col row wrap q-mr-lg q-col-gutter-md">
         <div class="col-3">
-          <q-select @input="resetSearch" standout="bg-primary text-white" option-value="SId" option-label="SName"
+          <q-select @input="resetSearch" filled option-value="SId" option-label="SName"
             v-model="msg.School_Id" :options="schoolList" emit-value map-options label="关联校区" clearable />
         </div>
         <div class="col-3">
-          <q-select @input="resetSearch" standout="bg-primary text-white" v-model="msg.CourseSubject"
+          <q-select @input="resetSearch" filled v-model="msg.CourseSubject"
             :options="CourseSubjectList" option-label="SubjectName" option-value="Id" emit-value map-options label="所属科目"
             clearable />
         </div>
         <div class="col-3">
-          <q-input @change="resetSearch" clearable standout="bg-primary text-white" v-model="msg.ClassNo" label="班号"
+          <q-input @change="resetSearch" clearable filled v-model="msg.ClassNo" label="班号"
             @clear="resetSearch" maxlength="20" />
         </div>
         <div class="col-3">
-          <q-input @change="resetSearch" clearable standout="bg-primary text-white" v-model="msg.ClassName" label="班级名称"
+          <q-input @change="resetSearch" clearable filled v-model="msg.ClassName" label="班级名称"
             @clear="resetSearch" maxlength="20" />
         </div>
         <div class="col-3">
-          <q-select @input="resetSearch" standout="bg-primary text-white" option-value="TId" option-label="TeacherName"
+          <q-select @input="resetSearch" filled option-value="TId" option-label="TeacherName"
             v-model="msg.Teacher_Id" :options="TeacherList" emit-value map-options label="带班老师" clearable />
         </div>
         <div class="col-3">
-          <q-select @input="resetSearch" standout="bg-primary text-white" option-value="CourseId"
-            option-label="CourseName" v-model="msg.CouseId" :options="ClassList" emit-value map-options label="学习课程"
+          <q-select @input="resetSearch" @filter="filterCourseFn" use-input filled option-value="CourseId"
+            option-label="CourseName"  v-model="msg.CouseId" :options="myClassList" emit-value map-options label="学习课程"
             clearable />
         </div>
         <div class="col-3">
@@ -370,6 +370,7 @@
         },
         isChaBan: 0, //是否插班(0-正常报入，1-插班报入)
         CourseSubjectList: [], //科目列表
+        myClassList:[]
       }
     },
     created() {
@@ -394,6 +395,15 @@
       this.getList();
     },
     methods: {
+      //课程筛选
+      filterCourseFn(val, update, abort) {
+        update(() => {
+          this.myClassList = this.ClassList.filter(
+            v => v.CourseName.indexOf(val) > -1
+          );
+        });
+      },
+
       queryCourseSubject() {
         getCourseSubject({}).then(res => {
           if (res.Code == 1) {
@@ -447,6 +457,7 @@
               CourseId: 0,
               CourseName: "不限"
             })
+            this.myClassList = this.ClassList;
           }
         })
       },