页面修改

src/components/schedul/schedul-form.vue

@@ -41,7 +41,8 @@
           </div>
           <div class="col-6" style="position:relative;">
             <q-select filled stack-label option-value="Id" option-label="EmployeeName" v-model="item.DutyMan"
-              :options="EmployeeList" label="值班人员" class="col-6 q-pr-lg q-pb-lg" emit-value map-options :disable="item.Status!=0" />
+              :options="EmployeeList" label="值班人员" class="col-6 q-pr-lg q-pb-lg" emit-value map-options
+              :disable="item.Status!=0" @filter="filterEmployee" use-input />
             <q-btn style="position:absolute;right:-5px;top:20px;" size="6px" @click="delStepPlan(index)" round
               color="red" icon="iconfont icon-guanbi1" v-if="item.Status==0" />
           </div>
@@ -90,6 +91,7 @@
         schoolList: [],
         batchList: [], //班次列表
         EmployeeList: [], //员工数据
+        AllEmployeeList: [], //全部员工数据
       }
     },
     created() {
@@ -100,6 +102,14 @@
       this.initObj()
     },
     methods: {
+      //筛选员工
+      filterEmployee(val, update, abort) {
+        update(() => {
+          this.EmployeeList = this.AllEmployeeList.filter(
+            v => v.EmployeeName.indexOf(val) > -1
+          );
+        });
+      },
       initObj() {
         if (this.saveObj && this.saveObj.Id > 0) {
           queryDutyPlanInfo({
@@ -173,7 +183,7 @@
           PlanId: 0,
           Shift: 0,
           DutyMan: 0,
-          Status:0,
+          Status: 0,
         }
         this.objOption.PlanDetails.push(obj);
       },
@@ -199,13 +209,13 @@
         queryEmployee(qMsg).then(res => {
           if (res.Code == 1) {
             this.EmployeeList = res.Data;
+            this.AllEmployeeList = res.Data;
           }
         })
       },
     },
   }
-
 </script>
 
 <style>
-</style>
+</style>
\ No newline at end of file

src/pages/scheduling/schedulingPlan.vue

@@ -9,7 +9,7 @@
         </div>
         <div class="col-3">
           <div class="col-3 Sysuser_Date">
-            <q-field filled>
+            <q-field filled dense>
                <template v-slot:control>
                 <el-date-picker v-model="msg.StartDate" type="date" placeholder="开始日期" value-format="yyyy-MM-dd" size="small" style="width:47%;"
                   @change="resetSearch" clear-icon="iconfont icon-guanbi">