更新首页

src/layout/index/mainData.vue

@@ -2,7 +2,56 @@
   <div id="mainData">
     <el-row>
       <el-col :span="24">
-        课程安排 功能：可给教课教师评分
+        <el-col :span="24" class="info">
+          <el-button type="primary">主要按钮</el-button>
+        </el-col>
+        <el-col :span="24">
+          <p>{{ lessionclassInfo.batch }}</p>
+          <el-col :span="24" v-for="(item, index) in lessionclassInfo.lessons" :key="index">
+            <p>{{ item.teaname }}</p>
+          </el-col>
+        </el-col>
+        <!-- <el-col :span="12" class="time">时间</el-col
+        ><el-col :span="12" class="time"
+          ><el-col>{{ lessons.date }}</el-col>
+        </el-col>
+        <el-col :span="24" class="context">
+          <el-col :span="12" class="contexttime"><span>8:30 — 11:30</span></el-col
+          ><el-col :span="12" class="contextclass"
+            ><el-col :span="13">{{ lessons.subname }}</el-col>
+            <el-col :span="24">{{ lessons.teaname }}</el-col>
+          </el-col>
+          <el-col :span="24">
+            <p></p>
+          </el-col>
+        </el-col> -->
+        <!-- 
+        <el-col :span="24" class="context">
+          <el-col :span="12" class="contexttime"><span>11:30—13：30</span></el-col
+          ><el-col :span="12" class="contextclass"><p>午餐+休息</p> </el-col>
+        </el-col>
+        <el-col :span="24" class="context">
+          <el-col :span="12" class="contexttime"><span>13：30 — 16:30</span></el-col
+          ><el-col :span="12" class="contextclass"
+            ><el-col :span="13">{{ lessons.subname }}</el-col>
+            <el-col :span="24">{{ lessons.teaname }}</el-col>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="context">
+          <el-col :span="12" class="contexttime"><span>16:30—17:30</span></el-col
+          ><el-col :span="12" class="contextclass"><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">
+            <el-col :span="13" :v-if="lessons.subname === '拓展训练'">拓展交流</el-col>
+            <el-col :span="13" :v-else-if="lessons.subname == '职业探索'">课程作业小组展示</el-col>
+            <el-col :span="13" :v-else-if="lessons.subname == '优势挖掘'">课程作业</el-col>
+            <el-col :span="13" :v-else-if="lessons.subname == '简历制作'">礼仪课 小组面试</el-col>
+            <el-col :span="13" :v-else-if="lessons.subname == '模拟面试'">结业仪式(11:30-12:00)</el-col>
+            <el-col :span="13" else>xx</el-col>
+          </el-col>
+        </el-col> -->
       </el-col>
     </el-row>
   </div>
@@ -11,7 +60,10 @@
 <script>
 export default {
   name: 'mainData',
-  props: {},
+  props: {
+    lessionclassInfo: null,
+    lessons: null,
+  },
   components: {},
   data: () => ({}),
   created() {},
@@ -20,4 +72,30 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.info {
+  text-align: center;
+  padding: 25px 0;
+}
+/deep/.el-button {
+  border-radius: 11px;
+  padding: 15px 21px 15px 20px;
+}
+.time {
+  height: 60px;
+  font-size: 16px;
+  padding: 0px 0px 0 20px;
+  line-height: 30px;
+}
+.context {
+  height: 80px;
+}
+
+.contexttime {
+  padding: 15px 20px 0 20px;
+}
+.contextclass {
+  padding: 0 20px 0 20px;
+  line-height: 25px;
+}
+</style>

src/store/index.js

@@ -6,6 +6,7 @@ import group from './group';
 import question from './question';
 import questionnaire from './questionnaire';
 import student from './student';
+import lesson from './lesson';
 
 Vue.use(Vuex);
 
@@ -17,6 +18,7 @@ export default new Vuex.Store({
     question,
     questionnaire,
     student,
+    lesson,
   },
   state: {}, //变量
   mutations: {}, //同步方法

src/store/lesson.js

@@ -0,0 +1,38 @@
+import Vue from 'vue';
+import Vuex from 'vuex';
+import _ from 'lodash';
+Vue.use(Vuex);
+const api = {
+  questionInfo: `/api/train/lesson`,
+};
+const state = () => ({});
+const mutations = {};
+
+const actions = {
+  async query({ commit }, { skip = 0, limit, ...info } = {}) {
+    const res = await this.$axios.$get(`${api.questionInfo}`, { skip, limit, ...info });
+    return res;
+  },
+  async create({ commit }, payload) {
+    const res = await this.$axios.$post(`${api.questionInfo}`, payload);
+    return res;
+  },
+  async fetch({ commit }, payload) {
+    const res = await this.$axios.$get(`${api.questionInfo}/${payload}`);
+    return res;
+  },
+  async update({ commit }, { id, ...data }) {
+    const res = await this.$axios.$post(`${api.questionInfo}/update/${id}`, data);
+    return res;
+  },
+  async delete({ commit }, payload) {
+    const res = await this.$axios.$delete(`${api.questionInfo}/${payload}`);
+    return res;
+  },
+};
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions,
+};

src/views/index.vue

@@ -6,7 +6,7 @@
           <topInfo></topInfo>
         </el-col>
         <el-col :span="24" class="main">
-          <mainData></mainData>
+          <mainData :lessionclassInfo="lessionclassInfo.lessons"></mainData>
         </el-col>
         <el-col :span="24" class="foot">
           <footInfo></footInfo>
@@ -20,7 +20,8 @@
 import topInfo from '@/layout/common/topInfo.vue';
 import footInfo from '@/layout/common/footInfo.vue';
 import mainData from '@/layout/index/mainData.vue';
-
+import { createNamespacedHelpers } from 'vuex';
+const { mapActions: lesson } = createNamespacedHelpers('lesson');
 export default {
   name: 'index',
   props: {},
@@ -29,10 +30,45 @@ export default {
     footInfo, //底部导航
     mainData, //课程安排主体
   },
-  data: () => ({}),
-  created() {},
+  data: () => ({
+    lessionclassInfo: { lessons: [] },
+
+    dates: '',
+  }),
+  created() {
+    this.getDate();
+    this.searchInfo();
+  },
   computed: {},
-  methods: {},
+  mounted() {},
+  methods: {
+    ...lesson({ lessionInfo: 'fetch', lessionlist: 'query' }),
+    async searchInfo({ ...info } = {}) {
+      const res = await this.lessionlist({ ...info });
+      for (const val of res.data) {
+        var arr = res.data.filter(item => item.class === '5e4df0c93ffa245d6065f526');
+        for (const acc of arr) {
+          // console.log(att);
+          var aee = acc.lessons.filter(item => item.date === '2020-01-02');
+          console.log(aee);
+          // this.$set(this, `lessionclassInfo`, aee);
+          // console.log(aee);
+          // this.$set(this, `lessons`, aee);
+          // for (const aww of aee) {
+          //   this.$set(this, `lessons`, aww);
+          // }
+        }
+      }
+      // this.$set(this, `lessionclassInfo`, res.data[0]);
+
+      // console.log(res.data[0]);
+    },
+    getDate() {
+      var adate = new Date();
+      this.value = adate.getFullYear() + '-' + (adate.getMonth() + 1) + '-' + adate.getDate();
+      this.$set(this, `dates`, this.value);
+    },
+  },
 };
 </script>