|
@@ -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>
|