修改

src/pages/sale/orderStatistics.vue

@@ -15,33 +15,33 @@
     <div class="page-search row items-center">
       <div class="col row wrap q-mr-lg q-col-gutter-md">
         <div class="col-3">
-          <q-input @change="resetSearch" clearable dense standout="bg-primary text-white" v-model="msg.OrderId" label="订单号"
+          <q-input @change="resetSearch" clearable dense filled v-model="msg.OrderId" label="订单号"
             @clear="resetSearch" maxlength="10" />
         </div>
         <div class="col-3">
-          <q-select @input="resetSearch" dense standout="bg-primary text-white" v-model="msg.CourseSubject"
+          <q-select @input="resetSearch" dense 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" dense clearable standout="bg-primary text-white" v-model="msg.GuestName" label="学生名称"
+          <q-input @change="resetSearch" dense clearable filled v-model="msg.GuestName" label="学生名称"
             @clear="resetSearch" maxlength="20" />
         </div>
         <div class="col-3">
-          <q-input @change="resetSearch" dense clearable standout="bg-primary text-white" v-model="msg.ClassName" label="班级名称"
+          <q-input @change="resetSearch" dense clearable filled v-model="msg.ClassName" label="班级名称"
             @clear="resetSearch" maxlength="20" />
         </div>
         <div class="col-3">
-          <q-input @change="resetSearch" dense clearable standout="bg-primary text-white" v-model="msg.ClassNo" label="班号"
+          <q-input @change="resetSearch" dense clearable filled v-model="msg.ClassNo" label="班号"
             @clear="resetSearch" maxlength="20" />
         </div>
         <div class="col-3">
-          <q-select @input="resetSearch" dense standout="bg-primary text-white" option-value="CourseId"
+          <q-select @input="resetSearch" dense filled @filter="filterCourse" use-input clearable option-value="CourseId"
             option-label="CourseName" v-model="msg.CouseId" :options="CourseList" emit-value map-options label="学习课程" />
         </div>
         <div class="col-3">
           <q-select dense @input="msg.OrderState==0?(msg.Q_OrderState = 1):msg.Q_OrderState=0,resetSearch()"
-            standout="bg-primary text-white" option-value="Id" option-label="Name" v-model="msg.OrderState"
+            filled option-value="Id" option-label="Name" v-model="msg.OrderState"
             :options="OrderStateList" emit-value map-options label="订单状态" />
         </div>
         <div class="col-3">
@@ -69,12 +69,12 @@
           </q-field>
         </div>
         <div class="col-3">
-          <q-select @input="resetSearch" dense standout="bg-primary text-white" option-value="Id" option-label="EmployeeName"
+          <q-select @input="resetSearch" dense filled option-value="Id" option-label="EmployeeName"
             v-model="msg.EnterID" :options="EmployeeList" emit-value map-options label="业务员" use-input
             @filter="filterFn2" />
         </div>
         <div class="col-3">
-          <q-select @input="resetSearch" dense standout="bg-primary text-white" option-value="Id" option-label="EmployeeName"
+          <q-select @input="resetSearch" dense filled option-value="Id" option-label="EmployeeName"
             v-model="msg.HelpEnterId" :options="TeacherList" emit-value map-options label="关联教师" use-input
             @filter="filterFn3" />
         </div>
@@ -202,6 +202,7 @@
         OrderStateList: [],
         pageCount: 0,
         CourseList: [], //关联课程下拉数据
+        allCourseList: [], //所有课程
         classObjOption: null,
         isShowClassInfo: false, //是否显示课程信息
         showone: false,
@@ -293,8 +294,17 @@
               CourseName: "不限"
             })
             this.CourseList = tempArray;
+            this.allCourseList = tempArray;
           }
         })
+      },
+       //筛选员工
+      filterCourse(val, update, abort) {
+        update(() => {
+          this.CourseList = this.allCourseList.filter(
+            v => v.CourseName.indexOf(val) > -1
+          );
+        });
       },
       //翻页
       changePage(val) {