修改

src/api/course/class.js

@@ -146,6 +146,17 @@ export function queryClassLogPageList(data) {
   });
 }
 
+/**
+ * 获取备课信息列表
+ */
+export function GetTeacherPlan(data) {
+  return request({
+    url: "/Class/GetTeacherPlan",
+    method: 'post',
+    data
+  })
+}
+
 /**
  * 教师课时奖励 分页列表
  */

src/pages/Index.vue

 <template>
   <q-page class="flex flex-center">
-    <img
-      alt="Quasar logo"
-      src="~assets/quasar-logo-full.svg"
-    >
+    <!-- <img alt="Quasar logo" src="~assets/quasar-logo-full.svg"> -->
+    <img style="width:250px;" alt="Quasar logo" src="../assets/images/logo.png" />
   </q-page>
 </template>
 
 <script>
-export default {
-  name: 'PageIndex'
-}
+  export default {
+    name: 'PageIndex'
+  }
+
 </script>

src/pages/course/teacherLesson.vue

+<style>
+  .teacherLesson .TeacherTop {
+    display: flex;
+    min-width: 1200px;
+  }
+
+  .teacherLesson .Teacher_Left {
+    width: 55px;
+    height: 60px;
+    background-color: #fff;
+    border: 1px solid #4C4F4E;
+    margin-right: 20px;
+  }
+
+  .teacherLesson .Teacher_Inner {
+    width: 100%;
+    height: 25px;
+    line-height: 25px;
+    background-color: #D46964;
+    text-align: center;
+    color: #fff;
+    font-size: 12px;
+  }
+
+  .teacherLesson .Cal_Bottom {
+    width: 100%;
+    height: 33px;
+    line-height: 33px;
+    text-align: center;
+    color: #111111;
+  }
+
+  .teacherLesson .Cal_List {
+    display: flex;
+    width:95%;
+  }
+
+  .teacherLesson .Cal_Qiehuan {
+    color: #999999;
+    font-size: 12px;
+    width: 45px;
+    text-align: center;
+    height: 60px;
+    background-color: #F1F6FB;
+    border-radius: 5px;
+    display: inline-block;
+    cursor: pointer;
+    display: inline-block;
+  }
+
+  .teacherLesson .Cal_Icon {
+    margin: 8px 0;
+  }
+
+  .teacherLesson .Cal_Inner {
+    width: 45px;
+    height: 60px;
+    border-radius: 5px;
+    background-color: #F1F6FB;
+    color: #2D2D2D;
+    text-align: center;
+    margin: 0 0 10px 10px;
+    font-weight: bold;
+    padding-top: 10px;
+    float: left;
+    cursor: pointer;
+  }
+
+  .teacherLesson .Cal_Content {
+    min-width: 880px;
+    width: 80%;
+    display: inline-block;
+    margin-left: 10px;
+  }
+
+  .teacherLesson .beikeStatus {
+    padding: 2px 3px;
+    margin-top: 5px;
+    background-color: #2961FE;
+    color: #fff;
+    font-size: 12px;
+    border-radius: 5px;
+    -webkit-transform: scale(0.8);
+  }
+
+  .teacherLesson .TeacherYarr {
+    color: #111111;
+    font-size: 14px;
+    font-weight: bold;
+    margin: 10px 0 0 10px;
+  }
+
+  .teacherLesson .record_List {
+    margin-bottom: 10px;
+  }
+
+  .teacherLesson .record_List:last-child {
+    margin-bottom: 0;
+  }
+
+  .teacherLesson .TeacherNameList {
+    position: relative;
+    color: #111111;
+  }
+
+  .teacherLesson .cicle1 {
+    position: absolute;
+    left: -15px;
+    border-radius: 50%;
+    list-style: none;
+    width: 30px;
+    height: 30px;
+    background: #ffffff;
+    text-align: center;
+    line-height: 30px;
+    color: #fff;
+    position: absolute;
+    top: 0;
+    left: -41px;
+  }
+
+  .TeacherInfo_List:nth-child(odd) .cicle1 {
+    color: #2961FE;
+    background-color: #D4DFFF;
+  }
+
+  .TeacherInfo_List:nth-child(even) .cicle1 {
+    color: #3FC4FF;
+    background-color: #D9F3FF;
+  }
+
+  .teacherLesson .cicle1:first-child {
+    top: -5px !important;
+  }
+
+  .teacherLesson .TeacherContent {
+    height: 40px;
+    line-height: 40px;
+    margin-top: 10px;
+    border-radius: 2px;
+    font-size: 12px;
+    padding-left: 20px;
+    background-color: #F0F5FB;
+  }
+
+  .teacherLesson .saveModule {
+    padding: 5px 10px;
+    background-color: #fff;
+    color: #000000;
+    font-size: 13px;
+    border: 1px solid #A1AAB2;
+    border-radius: 5px;
+    cursor: pointer;
+  }
+
+  .teacherLesson .TeacherInfo_List {
+    display: flex;
+  }
+
+  .TeacherInfo_List:last-child .timeright {
+    border-left: 0 !important;
+  }
+
+  .teacherLesson .timeright {
+    padding-left: 25px;
+    margin-left: 25px;
+    width: 90%;
+    border-left: 1px solid #d1d1d1;
+  }
+
+  .teacherLesson .beikeBtn {
+    padding: 6px 20px;
+    background-color: #2961FE;
+    color: #fff;
+    font-size: 13px;
+    border-radius: 5px;
+    margin-left: 20px;
+    cursor: pointer;
+  }
+  .teacherLesson .timeleft{
+      margin-left:12px;
+  }
+</style>
+<template>
+  <div class="page-body teacherLesson">
+    <div class="TeacherTop">
+      <div class="Teacher_Left">
+        <div class="Teacher_Inner">{{tYear}}年</div>
+        <div class="Cal_Bottom">
+          {{tMonth}}
+        </div>
+      </div>
+      <div class="Cal_List">
+        <div class="Cal_Qiehuan" @click="getBeforeMonth()">
+          <div class="Cal_Icon">
+            <<</div> <div>上个月
+          </div>
+        </div>
+        <div class="Cal_Content">
+          <div class="Cal_Inner" v-for="(item,index) in dataNum">
+            {{item}}
+            <div v-if="index==0" class="beikeStatus">已备课</div>
+          </div>
+        </div>
+        <div class="Cal_Qiehuan" @click="getNextMonth()">
+          <div class="Cal_Icon">
+            >></div>
+          <div>下个月
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="TeacherYarr">{{tYear}}年{{tMonth}}月</div>
+    <div style="margin-top:40px;">
+      <template v-for="(item,index) in dataList">
+        <div class="TeacherInfo_List" v-for="(SubItem,SubIndex) in item.PlanList">
+          <div class="timeleft">
+            <div>
+              {{SubItem.StartTime}}
+            </div>
+          </div>
+          <div class="timeright">
+            <div class="record_List">
+              <div class="TeacherNameList">
+                {{SubItem.ClassName}}
+                <li class="cicle1">
+                  {{SubItem.ClassName.substr(0,1)}}
+                </li>
+              </div>
+              <div class="TeacherContent">
+                {{SubItem.GuestStr}}
+              </div>
+              <div style="margin:20px 0 30px 0;">
+                <span class="saveModule">存为模板</span>
+                <span class="beikeBtn" v-if="SubItem.LessonPlanNum>0" style="background:#3FC4FF;">已备课</span>
+                <span class="beikeBtn" v-else @click="goBeike()">备课</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </template>
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import {
+    GetTeacherPlan
+  } from '../../api/course/class';
+  export default {
+    meta: {
+      title: "课程"
+    },
+    props: {},
+    data() {
+      return {
+        dataNum: 0, //天数
+        tYear: 0, //年
+        tMonth: 0, //月
+        msg: {
+          School_Id: 1, //学校
+          Teacher_Id: 2, //老师id
+          StartTime: '2021-01-12',
+          EndTime: '2021-01-14'
+        },
+        dataList: []
+      }
+    },
+    created() {},
+    mounted() {
+      var myDate = new Date();
+      this.tYear = myDate.getFullYear();
+      this.tMonth = myDate.getMonth() + 1;
+      this.dataNum = this.mGetDate(this.tYear, this.tMonth);
+      this.getList();
+    },
+    methods: {
+      mGetDate(year, month) {
+        var d = new Date(year, month, 0);
+        return d.getDate();
+      },
+      //点击上个月
+      getBeforeMonth() {
+        if (this.tMonth == 1) {
+          this.tYear = this.tYear - 1;
+          this.tMonth = 12;
+        } else {
+          this.tMonth = this.tMonth - 1;
+        }
+        this.dataNum = this.mGetDate(this.tYear, this.tMonth);
+      },
+      //点击下个月
+      getNextMonth() {
+        if (this.tMonth == 12) {
+          this.tYear = this.tYear + 1;
+          this.tMonth = 1;
+        } else {
+          this.tMonth = this.tMonth + 1;
+        }
+        this.dataNum = this.mGetDate(this.tYear, this.tMonth);
+      },
+      //获取数据
+      getList() {
+        GetTeacherPlan(this.msg).then(res => {
+          console.log(res, '数据来了');
+          if (res.Code == 1) {
+            this.dataList = res.Data;
+          }
+        })
+      },
+      //跳转至备课
+      goBeike(){
+          
+      }
+    }
+  }
+
+</script>
+<style lang="sass">
+  @import url('~assets/css/table.sass');
+
+</style>

src/router/routes.js

@@ -133,6 +133,16 @@ const routes = [{
         component: () =>
           import("pages/course/studentClass.vue")
       },
+      {
+        path: "/course/teacherLesson", //教师备课列表
+        component: () =>
+          import("pages/course/teacherLesson.vue")
+      },
+      {
+        path: "/course/lessonPreparation", //教师备课
+        component: () =>
+        import("pages/course/lessonPreparation.vue")
+      },
       {
         path: "/financial/PlatformAccount", //平台账户
         component: () =>