1

src/pages/sale/reserveClass.vue

@@ -13,12 +13,15 @@
           <div class="col-4 Sysuser_Date">
             <q-field filled>
                <template v-slot:control>
-                <el-date-picker v-model="msg.StartClassDate" value-format="yyyy-MM-dd" type="date" placeholder="开始时间"
+                <el-date-picker v-model="dateList" @change="resetSearch()" size="mini" value-format="yyyy-MM-dd" type="daterange" style="border:none;"
+                 range-separator="至"  start-placeholder="开始时间" end-placeholder="结束时间">
+                 </el-date-picker>       
+                <!-- <el-date-picker v-model="msg.StartClassDate" value-format="yyyy-MM-dd" type="date" placeholder="开始时间"
                   size="small" style="width:47%;" @change="resetSearch" clear-icon="iconfont icon-guanbi">
                 </el-date-picker>至
                 <el-date-picker v-model="msg.EndClassDate" value-format="yyyy-MM-dd" type="date" placeholder="结束时间"
                   size="small" style="width:47%;" @change="resetSearch" clear-icon="iconfont icon-guanbi">
-                </el-date-picker>
+                </el-date-picker> -->
               </template>
             </q-field>
           </div>
@@ -201,7 +204,8 @@
         TeacherList: [],
         ClassRoomList: [],
         isShowReserve: false,
-        reserveObj: {}
+        reserveObj: {},
+        dateList:[],
       }
     },
     mounted() {
@@ -209,7 +213,11 @@
       var year = nowDay.getFullYear(); //年
       var month = nowDay.getMonth() + 1; //月
       var day = nowDay.getDate(); //日
-      this.msg.StartClassDate = year + '-' + month + '-' + day;
+      let time1 = year + '-' + month + '-' + day
+      this.dateList[0]= time1.toString();
+      this.dateList[1]= '';
+      console.log(this.dateList,'this.dateList');
+      this.fetchData()
 
       this.GetTeacherList();
       this.getClassRoomList();
@@ -227,6 +235,13 @@
       },
       //获取课程系列分页列表
       getList() {
+        if (this.dateList && this.dateList.length > 0) {
+          this.msg.StartClassDate = this.dateList[0];
+          this.msg.EndClassDate = this.dateList[1];
+        } else {
+          this.msg.StartClassDate = '';
+          this.msg.EndClassDate = '';
+        }
         GetReserveClassPage(this.msg).then(res => {
           if (res.Code == 1) {
             this.dataList = res.Data.PageData;