修改

src/App.vue

@@ -12,7 +12,7 @@ export default {
 
 <style>
 @import url('~assets/css/font.css');
-@import url('//at.alicdn.com/t/font_2077629_2ushkr6o1zh.css');
+@import url('//at.alicdn.com/t/font_2077629_ftvlxetznib.css');
 
 html,
 body,

src/components/course/lesson-form.vue

@@ -87,15 +87,20 @@
     text-align: center;
     border-radius: 50%;
   }
-
-</style><template>
+  .StudentInfo_List{
+    display: flex;
+    justify-content: space-between;
+  }
+</style>
+<template>
+  <div v-if="!isShowSign">
     <div class="lesson_Form">
       <div class="calenderHeader">
         <div>
           <el-radio-group v-model="checkedDays" size="mini">
             <el-radio-button label="日"></el-radio-button>
             <el-radio-button label="月"></el-radio-button>
-          <el-radio-button style="margin-left:20px;border-left:1px solid #DCDFE6;" label="今天"></el-radio-button>
+            <!-- <el-radio-button style="margin-left:20px;border-left:1px solid #DCDFE6;" label="今天"></el-radio-button> -->
           </el-radio-group>
         </div>
         <div>
@@ -154,7 +159,7 @@
         <template slot="dateCell" slot-scope="{date, data}">
           <!--自定义内容-->
           <div class="calendar-day">{{ data.day.split('-').slice(2).join('-') }}</div>
-        <div v-for="item in calendarData">
+          <div v-for="item in calendarData" @click="getClicked(item)">
             <div v-if="item.ClassDateStr==data.day">
               <div class="calendarTop">
                 <div>{{item.RoomName}}</div>
@@ -191,7 +196,6 @@
                             <div style="display:flex;justify-content:flex-end;margin-bottom:20px;">
                               <q-btn @click="addStep()" size="10px" round color="primary" icon="iconfont icon-img_haha" />
                             </div>
-
                             <div class="row wrap" style="position:relative;"
                               v-for="(subItem,subIndex) in addMsg.PlanTimeList">
                               <div class="col-6">
@@ -243,6 +247,26 @@
         </template>
       </el-calendar>
     </div>
+  </div>
+  <div v-else>
+    <div>
+      <div><i class="iconfont icon-zuo1"></i>返回</div>
+      <div class="StudentInfo_List">
+        <div>
+          <div>授课老师</div>
+          <div>李琴</div>
+        </div>
+        <div>
+          <div>授课时间</div>
+          <div>2020年11月10日</div>
+        </div>
+        <div>
+          <div>教室</div>
+          <div>财务二教</div>
+        </div>
+      </div>  
+    </div>
+  </div>
 </template>
 
 <script>
@@ -292,25 +316,32 @@
         isShowMenu: false, //是否显示弹出
         isShowEdit: false, //是否显示修改弹出
         isShowCanlder: false, //是否显示日历修改日期
+
+        isShowSign:false
       }
     },
     created() {
       this.$nextTick(() => {
         // 点击上个月
-        var d = new Date(this.value);
-        var datetime = d.getFullYear() + '-' + (d.getMonth() + 1);
         let prevBtn1 = document.querySelector('.el-calendar__button-group .el-button-group>button:nth-child(1)');
         prevBtn1.addEventListener('click', () => {
+          var d = new Date(this.value);
+          var datetime = d.getFullYear() + '-' + (d.getMonth() + 1);
           this.getClassPlan(datetime);
         })
         // 点击今天
         let prevBtn2 = document.querySelector('.el-calendar__button-group .el-button-group>button:nth-child(2)');
         prevBtn2.addEventListener('click', () => {
+          var d = new Date(this.value);
+          var datetime = d.getFullYear() + '-' + (d.getMonth() + 1);
           this.getClassPlan(datetime);
         })
         // 点击下个月
         let prevBtn3 = document.querySelector('.el-calendar__button-group .el-button-group>button:nth-child(3)');
         prevBtn3.addEventListener('click', () => {
+          var d = new Date(this.value);
+          var datetime = d.getFullYear() + '-' + (d.getMonth() + 1);
+
           this.getClassPlan(datetime);
         })
       })
@@ -340,7 +371,6 @@
           QMonth: datetime
         };
         quertClassPlan(msg).then(res => {
-          console.log("res", res);
           if (res.Code == 1) {
             this.calendarData = res.Data;
           }
@@ -351,7 +381,6 @@
         getTeacherDropDownList({}).then(res => {
           if (res.Code == 1) {
             this.TeacherList = res.Data;
-            console.log(this.TeacherList, 'this.TeacherList');
           }
         })
       },
@@ -375,8 +404,6 @@
       },
       //删除
       delStep(index) {
-        // this.isShowMenu=true;
-        console.log(this.isShowMenu, 'this.isShowMenu');
         this.addMsg.PlanTimeList.splice(index, 1);
       },
       //点击新增
@@ -406,11 +433,9 @@
         this.addMsg.ClassPlanId = Obj.ClassPlanId;
         this.addMsg.ClassId = Obj.ClassId;
         this.addMsg.ClassDate = Obj.ClassDate;
-        // this.addMsg.ClassDateStr = Obj.ClassDateStr;
         this.addMsg.ClassRoomId = Obj.ClassRoomId;
         this.addMsg.TeacherId = Obj.TeacherId;
         this.addMsg.PlanTimeList = Obj.TimeList;
-        console.log(item, '数据来了');
       },
       //日历点击删除
       delInfo(item) {
@@ -437,10 +462,13 @@
           })
         });
       },
-      getCanlder() {
-        // this.isShowEdit=true;
-        // this.isShowCanlder=false;
-      },
+      //点击日历
+      getClicked(item){
+        console.log(item,'rili');
+        if(item.IsEndDate){
+          this.isShowSign=true;
+        }
+      }
     },
   }