更新

src/router/index.js

@@ -33,6 +33,11 @@ const routes = [
     component: () => import('@/views/index.vue'),
     children: [
       ...newPlan,
+      {
+        path: '/',
+        name: 'home',
+        component: () => import('@/views/home.vue'),
+      },
       {
         path: '/train/plan/remind',
         name: 'remind_index',

src/views/home.vue

@@ -0,0 +1,83 @@
+<template>
+  <div id="home">
+    <el-card v-if="!loading" shadow="hover">
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="title">
+          班主任全年安排
+        </el-col>
+        <el-col :span="24" class="info">
+          <el-table :data="list" style="width: 100%" border>
+            <el-table-column prop="term" label="期数" align="center"> </el-table-column>
+            <el-table-column prop="name" label="班级" align="center"> </el-table-column>
+            <el-table-column label="日期" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.startdate }} 至 {{ scope.row.enddate }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="星期" align="center">
+              <template slot-scope="scope">
+                <span>{{ getDay(scope.row.startdate) }} 至 {{ getDay(scope.row.enddate) }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-col>
+      </el-col>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import _ from 'lodash';
+import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: classes } = createNamespacedHelpers('classes');
+export default {
+  name: 'home',
+  props: {},
+  components: {},
+  data: function() {
+    return {
+      loading: true,
+      list: [],
+    };
+  },
+  created() {
+    this.search();
+  },
+  methods: {
+    ...classes(['query']),
+    async search() {
+      let planid = _.get(this.defaultOption, 'planid');
+      let res = await this.query({ planid: planid, headteacherid: this.user.userid });
+      if (res.errcode == 0) {
+        this.$set(this, `list`, res.data);
+      }
+      console.log(res);
+      this.loading = false;
+    },
+    getDay(date) {
+      var str = '星期' + '日一二三四五六'.charAt(new Date(date).getDay());
+      return str;
+    },
+  },
+  computed: {
+    ...mapState(['user', 'defaultOption']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  padding: 15px;
+  .title {
+    text-align: center;
+    font-size: 20px;
+    padding: 15px 0;
+  }
+}
+</style>