1

src/pages/stuMan/classPlan.vue

 <template>
-  <div class="page-body MainPlan">
+  <div class="page-body MainPlan xg">
     <div class="col row wrap q-col-gutter-md">
-      <div class="col-2">
-        <el-select v-model="msg.TeacherId" style="width:100%;" placeholder="教师团队" size="small" @change="getPlanList()">
+      <div class="col-2 flex">
+        <el-select v-model="msg.TeacherId" style="width:100%;" placeholder="教师" size="small" @change="getPlanList()">
           <el-option v-for="item in TeacherList" :key="item.TeacherName" :label="item.TeacherName" :value="item.TId">
           </el-option>
+          <div slot="prefix" class="full-height flex items-center" style="color:#000;padding-right:10px">
+            教师:
+          </div>
         </el-select>
       </div>
       <div class="col-2">
         <el-select v-model="msg.ClassRoomId" style="width:100%;" placeholder="教室" size="small" @change="getTypeWay()">
           <el-option v-for="item in ClassRoomList" :key="item.RoomName" :label="item.RoomName" :value="item.RoomId">
           </el-option>
+          <div slot="prefix" class="full-height flex items-center" style="color:#000;padding-right:10px">
+            教室:
+          </div>
         </el-select>
       </div>
       <div class="col-2">
         <el-date-picker v-model="msg.StartTime" type="date" value-format="yyyy-MM-dd" placeholder="开始日期" size="small"
-          style="width:100%;" @change="getTypeWay()" clear-icon="iconfont icon-guanbi" :picker-options="picker">
+          style="width:100%;" @change="getTypeWay()" :picker-options="picker" :clearable="false">
         </el-date-picker>
       </div>
       <div class="col-2">
@@ -31,6 +37,9 @@
           </el-option>
           <el-option :key="2" label="试听课" :value="2">
           </el-option>
+          <div slot="prefix" class="full-height flex items-center" style="color:#000;padding-right:10px">
+            状态:
+          </div>
         </el-select>
       </div>
       <div class="col-2">
@@ -99,27 +108,27 @@
         },
         tableData: [], //表格数据
         PageCount: 0,
-        picker:{
-            disabledDate:(time)=>{
-                let endTime=this.msg.EndTime
-                if(endTime){
-                    return Date.now() - 8.64e7>time.getTime()>=new Date(endTime).getTime()- 8.64e7
-                }else{
-                    return time.getTime()< Date.now() - 8.64e7
-                }
-                
-            }
+        picker: {
+          disabledDate: (time) => {
+            // let endTime=this.msg.EndTime
+            // if(endTime){
+            //     return Date.now() - 8.64e7>time.getTime()>=new Date(endTime).getTime()- 8.64e7
+            // }else{
+            return time.getTime() < Date.now() - 8.64e7
+            // }
+
+          }
         },
-        pickerEnd:{
-            disabledDate:(time)=>{
-                let startTime=this.msg.StartTime
-                if(startTime){
-                    return time.getTime()<=new Date(startTime).getTime()- 8.64e7
-                }else{
-                    return time.getTime()< Date.now() - 8.64e7
-                }
-                
+        pickerEnd: {
+          disabledDate: (time) => {
+            let startTime = this.msg.StartTime
+            if (startTime) {
+              return time.getTime() <= new Date(startTime).getTime() - 8.64e7
+            } else {
+              return time.getTime() < Date.now() - 8.64e7
             }
+
+          }
         }
       };
     },
@@ -128,14 +137,13 @@
         this.msg.ClassType = this.$route.query.ClassType;
       }
       let date = new Date();
-      let today =date.getFullYear()+'-'+ (date.getMonth()<9?'0'+(date.getMonth()+1):date.getMonth()+1)+'-'+ (date.getDate()<10?'0'+date.getDate()<10:date.getDate())
-        console.log(115,today)
-      this.msg.StartTime=today
-      this.tabMsg.StartTime=today
-    //   let userinfo = this.getLocalStorage();
-    //   this.msg.TeacherId = userinfo.AccountId;
-    //   this.tabMsg.TeacherId = userinfo.AccountId;
-
+      let today = date.getFullYear() + '-' + (date.getMonth() < 9 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) +
+        '-' + (date.getDate() < 10 ? '0' + date.getDate() < 10 : date.getDate())
+      this.msg.StartTime = today
+      this.tabMsg.StartTime = today
+      //   let userinfo = this.getLocalStorage();
+      //   this.msg.TeacherId = userinfo.AccountId;
+      //   this.tabMsg.TeacherId = userinfo.AccountId;
       this.getClassRoomList();
     },
     mounted() {
@@ -226,3 +234,9 @@
   };
 
 </script>
+<style lang="scss">
+ .xg .el-input--prefix .el-input__inner {
+    padding-left: 50px;
+  }
+
+</style>