为了更新而更新

src/layout/index/mainData.vue

@@ -1,17 +1,22 @@
 6<template>
   <div id="mainData">
-    <el-row>
+    <el-row v-for="(item, index) in lessionclassInfo.lessons" :key="index">
       <el-col :span="24">
-        <el-col :span="24" class="info">
+        <!-- <el-col :span="24" class="info">
           <el-button type="primary">教师评分</el-button>
-        </el-col>
-        <el-col :span="24" class="beijing" v-for="(item, index) in lessionclassInfo.lessons" :key="index">
+        </el-col> -->
+        <el-col :span="24" class="beijing">
           <el-col :span="24" class="top">
             <el-col :span="12" class="time">时间</el-col
-            ><el-col :span="12" class="date"
+            ><el-col :span="6" class="date"
               ><el-col :span="24"> {{ item.date }}</el-col
               ><el-col :span="24">{{ week }}</el-col>
             </el-col>
+            <el-col :span="6" class="date"
+              ><el-col :span="24" class="info">
+                <el-button type="primary" @click="$router.push({ path: 'teacherscore/index', query: { id: item.teaid } })">教师评分</el-button></el-col
+              >
+            </el-col>
           </el-col>
           <el-col :span="24" class="context">
             <el-col :span="12" class="contexttime"><span>8:30 — 11:30</span></el-col
@@ -73,18 +78,18 @@ export default {
 <style lang="less" scoped>
 .info {
   text-align: center;
-  padding: 25px 0;
+  padding: 7px 0 0 0;
 }
 .beijing {
   background-color: #eee;
-  min-height: 640px;
+  min-height: 700px;
 }
 .top {
   margin: 20px 0 0 0;
 }
 /deep/.el-button {
   border-radius: 11px;
-  padding: 15px 21px 15px 20px;
+  padding: 10px 10px 10px 10px;
 }
 .time {
   background-color: #ffffff;
@@ -98,13 +103,13 @@ export default {
   background-color: #ffffff;
   height: 70px;
   font-size: 16px;
-  padding: 0px 0px 0 20px;
+
   line-height: 30px;
   color: #222222;
 }
 .context {
   background-color: #ffffff;
-  height: 90px;
+  height: 102px;
   width: 92%;
   margin: 15px 15px 0 15px;
   color: #bbbbbb;

src/layout/teacherscore/mainData.vue

@@ -0,0 +1,19 @@
+6<template>
+  <div id="mainData">
+    <el-row> </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'mainData',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped></style>

src/layout/teacherscore/topInfo.vue

@@ -0,0 +1,42 @@
+<template>
+  <div id="topInfo">
+    <el-row>
+      <el-col :span="24" class="topInfos">
+        <van-nav-bar title="教师评分" left-text="返回" left-arrow fixed @click-left="onClickLeft" />
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'topInfo',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {
+    onClickLeft() {
+      Toast('返回');
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.topInfos {
+}
+/deep/.van-nav-bar {
+  background: #2c69fe;
+}
+/deep/.van-nav-bar__title {
+  color: #fff;
+}
+/deep/.van-nav-bar__text {
+  color: #fff;
+}
+/deep/.van-nav-bar .van-icon {
+  color: #fff;
+}
+</style>

src/router/index.js

@@ -10,6 +10,7 @@ const routes = [
     name: 'index',
     component: () => import('../views/index.vue'),
   },
+
   // 班级信息
   {
     path: '/classinfo',
@@ -20,6 +21,12 @@ const routes = [
     path: '/class/index',
     component: () => import('../views/class/index.vue'),
   },
+
+  // 教师评分
+  {
+    path: '/teacherscore/index',
+    component: () => import('../views/teacherscore/index.vue'),
+  },
   // 班级名单-上成绩
   {
     path: '/class/achieve',

src/views/teacherscore/index.vue

@@ -0,0 +1,63 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24" class="style">
+        <el-col :span="24" class="top">
+          <topInfo></topInfo>
+        </el-col>
+        <el-col :span="24" class="main">
+          <mainData></mainData>
+        </el-col>
+        <el-col :span="24" class="foot">
+          <footInfo></footInfo>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import topInfo from '@/layout/teacherscore/topInfo.vue';
+import footInfo from '@/layout/common/footInfo.vue';
+import mainData from '@/layout/teacherscore/mainData.vue';
+const { mapActions: lesson } = createNamespacedHelpers('lesson');
+import { createNamespacedHelpers, mapGetters } from 'vuex';
+const { mapActions: mapStudent } = createNamespacedHelpers('student');
+export default {
+  name: 'index',
+  props: {},
+  components: {
+    topInfo, //头部导航
+    footInfo, //底部导航
+    mainData, //课程安排主体
+  },
+  data: () => ({
+    dates: '',
+    week: '',
+  }),
+  created() {},
+  computed: {},
+  mounted() {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.style {
+  width: 100%;
+  min-height: 667px;
+  position: relative;
+  background-color: #f9fafc;
+}
+.top {
+  height: 46px;
+  overflow: hidden;
+}
+.main {
+  min-height: 570px;
+}
+.foot {
+  height: 50px;
+  overflow: hidden;
+}
+</style>