Merge branch 'master' of http://git.cc-lotus.info/new_train/train-center

src/App.vue

@@ -12,7 +12,6 @@ export default {
 
 <style lang="less">
 html {
-  overflow: hidden;
   body {
     margin: 0;
     padding: 0;

src/router/index.js

@@ -246,6 +246,12 @@ const routes = [
       },
     ],
   },
+  {
+    path: '/yearPlan/index',
+    name: 'yearPlan_index',
+    meta: { title: '全年计划', sub: '管理' },
+    component: () => import('@/views/yearPlan/index.vue'),
+  },
 ];
 
 const router = new VueRouter({

src/views/yearPlan/indexs.vue

@@ -0,0 +1,336 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24" class="top">
+        2020年培训计划展览表
+      </el-col>
+      <el-col :span="24">
+        <table border="1" class="table">
+          <tr>
+            <th rowspan="5">一月</th>
+            <th class="th" v-for="(item, index) in oneList" :key="index">
+              <p>{{ item.date }}</p>
+              <p>星期{{ item.days }}</p>
+            </th>
+            <!-- <th class="th">
+              <p>1月2日</p>
+              <p>星期三</p>
+            </th>
+            <th class="th">
+              <p>1月3日</p>
+              <p>星期三</p>
+            </th>
+            <th class="th">
+              <p>1月4日</p>
+              <p>星期四</p>
+            </th>
+            <th class="th">
+              <p>1月5日</p>
+              <p>星期五</p>
+            </th>
+            <th class="th">
+              <p>1月6日</p>
+              <p>星期六</p>
+            </th>
+            <th class="th">
+              <p>1月7日</p>
+              <p>星期一</p>
+            </th>
+            <th class="th">
+              <p>1月8日</p>
+              <p>星期二</p>
+            </th>
+            <th class="th">
+              <p>1月9日</p>
+              <p>星期三</p>
+            </th>
+            <th class="th">
+              <p>1月10日</p>
+              <p>星期四</p>
+            </th>
+            <th class="th">
+              <p>1月11日</p>
+              <p>星期五</p>
+            </th>
+            <th class="th">
+              <p>1月12日</p>
+              <p>星期六</p>
+            </th>
+            <th class="th">
+              <p>1月13日</p>
+              <p>星期一</p>
+            </th>
+            <th class="th">
+              <p>1月14日</p>
+              <p>星期二</p>
+            </th>
+            <th class="th">
+              <p>1月15日</p>
+              <p>星期三</p>
+            </th>
+            <th class="th">
+              <p>1月16日</p>
+              <p>星期四</p>
+            </th>
+            <th class="th">
+              <p>1月17日</p>
+              <p>星期五</p>
+            </th>
+            <th class="th">
+              <p>1月18日</p>
+              <p>星期六</p>
+            </th>
+            <th class="th">
+              <p>1月19日</p>
+              <p>星期日</p>
+            </th>
+            <th class="th">
+              <p>1月20日</p>
+              <p>星期一</p>
+            </th>
+            <th class="th">
+              <p>1月21日</p>
+              <p>星期二</p>
+            </th>
+            <th class="th">
+              <p>1月22日</p>
+              <p>星期三</p>
+            </th>
+            <th class="th">
+              <p>1月23日</p>
+              <p>星期四</p>
+            </th>
+            <th class="th">
+              <p>1月24日</p>
+              <p>星期五</p>
+            </th>
+            <th class="th">
+              <p>1月25日</p>
+              <p>星期六</p>
+            </th>
+            <th class="th">
+              <p>1月26日</p>
+              <p>星期日</p>
+            </th>
+            <th class="th">
+              <p>1月27日</p>
+              <p>星期一</p>
+            </th>
+            <th class="th">
+              <p>1月28日</p>
+              <p>星期二</p>
+            </th>
+            <th class="th">
+              <p>1月29日</p>
+              <p>星期三</p>
+            </th>
+            <th class="th">
+              <p>1月30日</p>
+              <p>星期四</p>
+            </th>
+            <th class="th">
+              <p>1月31日</p>
+              <p>星期五</p>
+            </th>
+            <th class="th">备注</th>
+            <th class="th">备注</th> -->
+          </tr>
+          <!-- <tr>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td rowspan="4">一月备注1</td>
+            <td rowspan="4">一月备注2</td>
+          </tr>
+          <tr>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+          </tr>
+          <tr>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+          </tr>
+          <tr>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+            <td>--</td>
+          </tr> -->
+        </table>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'index',
+  props: {},
+  components: {},
+  data: () => ({
+    oneList: [
+      {
+        date: '01-1',
+        days: '1',
+      },
+      {
+        date: '01-2',
+        days: '2',
+      },
+      {
+        date: '01-3',
+        days: '3',
+      },
+      {
+        date: '01-4',
+        days: '4',
+      },
+      {
+        date: '01-5',
+        days: '5',
+      },
+    ],
+  }),
+  created() {
+    // console.log('1年后：', this.getDay(1 * 365));
+    // this.$set(this, `first`, this.getDay(-1));
+  },
+  computed: {},
+  methods: {
+    // getDay(day) {
+    //   var today = new Date(2020, 1, 1);
+    //   var targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day;
+    //   today.setTime(targetday_milliseconds); //注意，这行是关键代码
+    //   var tYear = today.getFullYear();
+    //   var tMonth = today.getMonth();
+    //   var tDate = today.getDate();
+    //   var tDays = today.getDay();
+    //   tMonth = this.doHandleMonth(tMonth + 1);
+    //   tDate = this.doHandleMonth(tDate);
+    //   return tMonth + '-' + tDate + '-' + tDays;
+    // },
+    // doHandleMonth(month) {
+    //   var m = month;
+    //   if (month.toString().length == 1) {
+    //     m = '0' + month;
+    //   }
+    //   return m;
+    // },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>