课程表

src/layout/index/mainData.vue

@@ -31,45 +31,6 @@
                 <p></p>
               </el-col>
             </el-col>
-            <!-- <el-col :span="24" class="context" v-if="lesson.subname">
-              <el-col :span="12" class="contexttime">
-                <span>11:30—13:30</span>
-              </el-col>
-              <el-col :span="12" class="contextclass">
-                <p></p>
-                <p>午餐+休息</p>
-              </el-col>
-            </el-col>
-            <el-col :span="24" class="context">
-              <el-col :span="12" class="contexttime">
-                <span>11:30—4:30</span>
-              </el-col>
-              <el-col :span="12" class="contextclass">
-                <p>{{ lesson.subname }}</p>
-                <p>{{ lesson.teaname }}</p>
-              </el-col>
-              <el-col :span="24">
-                <p></p>
-              </el-col>
-            </el-col>
-            <el-col :span="24" class="context" v-if="lesson.subname">
-              <el-col :span="12" class="contexttime">
-                <span>16:30—17:30</span>
-              </el-col>
-              <el-col :span="12" class="contextclass">
-                <p></p>
-                <p>晚餐</p>
-              </el-col>
-            </el-col>
-            <el-col :span="24" class="context">
-              <el-col :span="12" class="contexttime">
-                <span>17:30 — 19:45</span>
-              </el-col>
-              <el-col :span="12" class="contextclass">
-                <p></p>
-                <p>{{ lesson.lastLesson }}</p>
-              </el-col>
-            </el-col> -->
           </template>
         </el-col>
       </el-col>
@@ -99,7 +60,7 @@ export default {
 
     click(item) {
       console.log(item);
-      this.$router.push({ path: 'teacherscore/index', query: { teaid: item.teaid, lessonid: item._id } });
+      this.$router.push({ path: '/home/teacher', query: { teaid: item.teaid, lessonid: item._id } });
     },
   },
   filters: {

src/layout/teacher/teacherInfo.vue

@@ -0,0 +1,159 @@
+<template>
+  <div id="teacherInfo">
+    <el-row>
+      <el-col :span="24" class="messageInfo">
+        <el-col :span="24" class="mess">
+          <el-col :span="22" class="info">
+            <p class="title">姓名</p>
+            <p class="name">{{ teainfo.name }}</p>
+          </el-col>
+          <el-col :span="2" class="icon">
+            <van-icon name="arrow" />
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="mess">
+          <el-col :span="22" class="info">
+            <p class="title">性别</p>
+            <p class="name">{{ teainfo.gender }}</p>
+          </el-col>
+          <el-col :span="2" class="icon">
+            <van-icon name="arrow" />
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="mess">
+          <el-col :span="22" class="info">
+            <p class="title">年龄</p>
+            <p class="name">{{ teainfo.age }}</p>
+          </el-col>
+          <el-col :span="2" class="icon">
+            <van-icon name="arrow" />
+          </el-col>
+        </el-col>
+
+        <el-col :span="24" class="mess">
+          <el-col :span="22" class="info">
+            <p class="title">手机号</p>
+            <p class="name">{{ teainfo.phone }}</p>
+          </el-col>
+          <el-col :span="2" class="icon">
+            <van-icon name="arrow" />
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="mess">
+          <el-col :span="22" class="info">
+            <p class="title">学校名称</p>
+            <p class="name">{{ teainfo.schname }}</p>
+          </el-col>
+          <el-col :span="2" class="icon">
+            <van-icon name="arrow" />
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="mess">
+          <el-col :span="22" class="info">
+            <p class="title">邮箱</p>
+            <p class="name">{{ teainfo.email }}</p>
+          </el-col>
+          <el-col :span="2" class="icon">
+            <van-icon name="arrow" />
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="mess">
+          <el-col :span="22" class="info">
+            <p class="title">资料评分</p>
+            <p class="name">{{ teainfo.zlscore }}</p>
+          </el-col>
+          <el-col :span="2" class="icon">
+            <van-icon name="arrow" />
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="mess">
+          <el-col :span="22" class="info">
+            <p class="title">面试评分</p>
+            <p class="name">{{ teainfo.msscore }}</p>
+          </el-col>
+          <el-col :span="2" class="icon">
+            <van-icon name="arrow" />
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="mess">
+          <el-col :span="22" class="info">
+            <p class="title">学生评分</p>
+            <p class="name">{{ teainfo.xsscore }}</p>
+          </el-col>
+          <el-col :span="2" class="icon">
+            <van-icon name="arrow" />
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers, mapGetters } from 'vuex';
+const { mapActions: teacher } = createNamespacedHelpers('teacher');
+export default {
+  name: 'teacherInfo',
+  props: {
+    teaid: null,
+  },
+  components: {},
+  data: () => ({
+    teainfo: {},
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    ...teacher(['fetch']),
+    async search() {
+      const teacher = await this.fetch(this.teaid);
+      const xsscore = Number.parseFloat(teacher.xsscore);
+      console.log(typeof xsscore);
+      console.log(typeof xsscore.toFixed(2));
+      teacher.xsscore = xsscore;
+      this.$set(this, `teainfo`, teacher.data);
+    },
+  },
+  watch: {
+    teaid: {
+      handler(val) {
+        if (val) {
+          this.search();
+        }
+      },
+      immediate: true,
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.messageInfo {
+  margin: 0 0 10px 0;
+}
+.mess {
+  min-height: 50px;
+  border-bottom: 1px solid #efeff4;
+}
+.info {
+  padding: 0 15px;
+}
+.info .title {
+  font-size: 14px;
+  color: #92a1b1;
+  padding: 4px 0;
+}
+.info .name {
+  font-size: 16px;
+  color: #000;
+}
+.icon {
+  padding: 11px 0;
+  font-size: 20px;
+  color: #ccc;
+}
+</style>

src/router/index.js

@@ -18,6 +18,13 @@ const routes = [
     meta: { title: '班级首页', isleftarrow: true },
     component: () => import('../views/home/index.vue'),
   },
+  // 班级首页
+  {
+    path: '/home/teacher',
+    name: 'home_teacher',
+    meta: { title: '班级首页', isleftarrow: true },
+    component: () => import('../views/home/teacher.vue'),
+  },
   // 班级名单
   {
     path: '/class/index',

src/store/index.js

@@ -4,7 +4,8 @@ import login from '@frame/store/login';
 import trainplan from '@frame/store/trainplan';
 import classes from '@frame/store/classes';
 import director from '@frame/store/director';
-import lesson from "@frame/store/lesson";
+import lesson from '@frame/store/lesson';
+import teacher from '@frame/store/teacher';
 
 import * as ustate from '@frame/store/user/state';
 import * as umutations from '@frame/store/user/mutations';
@@ -20,5 +21,6 @@ export default new Vuex.Store({
     classes,
     director,
     lesson,
+    teacher,
   },
 });

src/views/home/index.vue

@@ -6,7 +6,7 @@
           <NavBar v-show="navShow" :title="title" :isleftarrow="isleftarrow"> </NavBar>
         </el-col>
         <el-col :span="24" class="main">
-          <mainData :lesson="lesson" :today="today" @getLesson="getLesson"></mainData>
+          <mainData :lesson="lesson" :today="today" @getLesson="getLesson" :arrange="arrange"></mainData>
         </el-col>
         <el-col :span="24" class="foot">
           <footInfo></footInfo>
@@ -36,7 +36,9 @@ export default {
       isleftarrow: '',
       navShow: true,
       lesson: {},
+      originLesson: [],
       today: {},
+      arrange: [],
     };
   },
   created() {

src/views/home/teacher.vue

@@ -0,0 +1,57 @@
+<template>
+  <div id="teacher">
+    <el-col :span="24" class="style">
+      <el-col :span="24" class="top">
+        <NavBar v-show="navShow" :title="title" :isleftarrow="isleftarrow"> </NavBar>
+      </el-col>
+      <el-col :span="24" class="main">
+        <teacherInfo :teaid="teaid"></teacherInfo>
+      </el-col>
+      <el-col :span="24" class="foot">
+        <footInfo></footInfo>
+      </el-col>
+    </el-col>
+  </div>
+</template>
+
+<script>
+import NavBar from '@/layout/common/topInfo.vue';
+import footInfo from '@/layout/common/footInfo.vue';
+import teacherInfo from '@/layout/teacher/teacherInfo.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'teacher',
+  props: {},
+  components: { NavBar, footInfo, teacherInfo },
+  data: () => ({
+    teaid: {},
+    isleftarrow: '',
+    navShow: true,
+    title: '教师信息',
+  }),
+  created() {
+    this.search();
+  },
+  computed: {
+    id() {
+      return this.$route.query.teaid;
+    },
+  },
+  methods: {
+    async search() {
+      this.teaid = this.id;
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.top {
+  height: 46px;
+  overflow: hidden;
+}
+.foot {
+  height: 90px;
+  overflow: hidden;
+}
+</style>