1

src/views/order/schedulingCalendar.vue

@@ -28,6 +28,11 @@
         <el-form-item label="服务者姓名">
           <el-input v-model="workerName" clearable></el-input>
         </el-form-item>
+        <el-form-item label="服务技能" prop="serviceSkill" >
+          <el-select v-model="skillId"   placeholder="服务技能" clearable>
+            <el-option v-for="item in skills" :key="item.id" :label="item.itemName" :value="item.id" />
+          </el-select>
+        </el-form-item>
         <!-- <el-form-item label="时段">
           <el-select v-model="timeSelect" width="100px" clearable placeholder="请选择服务时间段" multiple>
             <el-option v-for="item in timeList" :key="item.id" :label="item.startTime+'-'+item.endTime+'（时长:'+item.duration
@@ -116,6 +121,9 @@
 <script>
 import moment from "moment";
 import Pagination from "@/components/Pagination";
+import { 
+  getSkills 
+} from "@/api/goods";
 import {
   getUserAuthData,
   selectOccupyByQuery,
@@ -137,6 +145,8 @@ export default {
   components: { Pagination },
   data() {
     return {
+      skillId:'',
+      skills:[],
       // sourceId: this.$route.query.sourceId,
       // sourceName: this.$route.query.sourceName,
       drawerShow: false,
@@ -189,7 +199,7 @@ export default {
       queryWorkerFail:{
         detailId : null,
         workerTel:'',
-        reason:'',
+        reason:'' 
       },
       rules: {
         source_id: [
@@ -211,6 +221,10 @@ export default {
     };
   },
   created() {
+    getSkills().then(res => { 
+        this.skills = res.data.data;
+      });
+
     this.getTimeList();
     this.getCityListData();
     this.listQuery();
@@ -274,6 +288,7 @@ export default {
           pageNo: this.currentPage,
           pageSize: this.pageSize,
           month:this.month,
+          skillId:this.skillId,
           timesList:list
         })
         .then(res => {