页面修改

src/components/schedul/schedul-form.vue

@@ -17,7 +17,7 @@
           </q-input>
           <q-select filled stack-label option-value="SId" option-label="SName" v-model="objOption.School_Id"
             ref="School_Id" :options="schoolList" label="所属校区" :dense="false" class="col-6 q-pb-lg" emit-value
-            map-options :rules="[val => !!val || '请选择所属校区']" />
+            map-options :rules="[val => !!val || '请选择所属校区']" @input="getDutyFrequencyList()" />
         </div>
         <div class="row wrap" style="margin:20px 0;">
           <div class="col-6">
@@ -28,8 +28,17 @@
         </div>
         <div class="row wrap" v-for="(item,index) in objOption.PlanDetails" :key="index">
           <div class="col-6">
-            <q-select filled stack-label option-value="Id" option-label="Name" v-model="item.Shift" :options="ClassList"
-              label="班次" class="col-6 q-pr-lg q-pb-lg" emit-value map-options />
+            <q-select filled stack-label option-value="Id" option-label="Name" v-model="item.Shift" :options="batchList"
+              label="班次" class="col-6 q-pr-lg q-pb-lg" emit-value map-options>
+              <template v-slot:option="{ itemProps, itemEvents, opt, selected, toggleOption }">
+                <q-item v-bind="itemProps" v-on="itemEvents">
+                  <q-item-section>
+                    <q-item-label>{{opt.Name}} 【{{opt.StartTime}}-{{opt.EndTime}}】</q-item-label>
+                  </q-item-section>
+ 
+                </q-item>
+              </template>
+            </q-select>
           </div>
           <div class="col-6" style="position:relative;">
             <q-select filled stack-label option-value="Id" option-label="EmployeeName" v-model="item.DutyMan"
@@ -80,20 +89,13 @@
         },
         optionTitle: "",
         schoolList: [],
-        ClassList: [{ //班次数据
-          Id: 1,
-          Name: '早班'
-        }, {
-          Id: 2,
-          Name: '午班'
-        }],
+        batchList: [], //班次列表
         EmployeeList: [], //员工数据
       }
     },
     created() {
       this.getSchool();
       this.Employee();
-      this.getDutyFrequencyList();
     },
     mounted() {
       this.initObj()
@@ -112,6 +114,7 @@
               if (tempData.PlanDetails && tempData.PlanDetails.length > 0) {
                 this.objOption.PlanDetails = tempData.PlanDetails;
               }
+              this.getDutyFrequencyList();
             }
           });
         } else {
@@ -172,8 +175,13 @@
       },
       //获取班次信息
       getDutyFrequencyList() {
-        queryDutyFrequencyBySchoolIds().then(res => {
-          console.log(res, '数据来也');
+        queryDutyFrequencyBySchoolIds({
+          SchoolIds: this.objOption.School_Id
+        }).then(res => {
+          if (res.Code == 1) {
+            this.batchList = res.Data;
+          }
+          console.log("batchList", this.batchList);
         })
       },
       //获取员工列表