教师节

src/components/PortalHeader.vue

@@ -42,6 +42,7 @@
                   <el-dropdown-item command="four" divided>U选小课堂</el-dropdown-item>
                   <el-dropdown-item command="five" divided>社招新员工</el-dropdown-item>
                   <el-dropdown-item command="six" divided>贡献者专区</el-dropdown-item>
+                  <el-dropdown-item command="seven" divided>感恩教师节</el-dropdown-item>
                 </el-dropdown-menu>
               </el-dropdown>
             </div>
@@ -232,6 +233,10 @@ export default {
     handleCommand(val) {
       if (val === "four") {
           this.$emit('showClass',true)
+      } else if(val === "seven"){
+        this.$router.push({
+          path:'/grateful'
+        })
       } else {
         let urlPre = window.location.protocol + "//" + window.location.host;
         // process.env.VUE_APP_BOE_WEB_URL

src/router/index.js

@@ -3,6 +3,7 @@ import VueRouter from 'vue-router'
 /* Layout */
 import Layout from '@/layout/index'
 import LayoutPortal from '@/layout/portal'
+import Grateful from '@/views/grateful'
 
 Vue.use(VueRouter)
 
@@ -39,6 +40,41 @@ export const constantRoutes = [{
   name: 'index',
   meta: { title: '首页', icon: 'dashboard', noCache: true, affix: false },
 },
+// {
+//   path: '/grateful/index',
+//   hidden: true,
+//   component: (resolve) => require(['@/views/grateful'], resolve),
+//   name: 'gratefulIndex',
+//   meta: { title: '感恩教师首页', icon: 'dashboard', noCache: true, affix: false },
+// },
+{
+  path: '/grateful',
+  component: Grateful,
+  redirect: '/grateful/index',
+  children: [
+    {
+      path: 'index',
+      hidden: true,
+      component: (resolve) => require(['@/views/grateful/GratefulHomePage'], resolve),
+      name: 'GratefulHomePage',
+      meta: { title: '感恩教师首页', icon: 'dashboard', noCache: true, affix: true }
+    },
+    {
+      path: 'teacherEmpowerment',
+      hidden: true,
+      component: (resolve) => require(['@/views/grateful/TeacherEmpowerment'], resolve),
+      name: 'TeacherEmpowerment',
+      meta: { title: '教师赋能', icon: 'dashboard', noCache: true, affix: true }
+    },
+    {
+      path: 'toolDown',
+      hidden: true,
+      component: (resolve) => require(['@/views/grateful/ToolDown'], resolve),
+      name: 'ToolDown',
+      meta: { title: '工具下载', icon: 'dashboard', noCache: true, affix: true }
+    },
+  ]
+},
 {
   path: '/forward',
   hidden: true,
@@ -51,7 +87,7 @@ export const constantRoutes = [{
   hidden: true,
   component: (resolve) => require(['@/views/portal/course/Index'], resolve),
   name: 'course',
-    meta: { title: '课程',keepAlive:true, icon: 'dashboard', noCache: true, affix: false },
+  meta: { title: '课程', keepAlive: true, icon: 'dashboard', noCache: true, affix: false },
 },
 {
   path: '/course/micro',
@@ -65,7 +101,7 @@ export const constantRoutes = [{
   hidden: true,
   component: (resolve) => require(['@/views/portal/course/Detail'], resolve),
   name: 'courseDetail',
-    meta: { title: '课程详情',keepAlive:true, icon: 'dashboard', noCache: true, affix: false },
+  meta: { title: '课程详情', keepAlive: true, icon: 'dashboard', noCache: true, affix: false },
 },
 // 课程预览
 {
@@ -105,21 +141,21 @@ export const constantRoutes = [{
   hidden: true,
   component: (resolve) => require(['@/views/study/coursenew'], resolve),
   name: 'courseStudyIndex',
-    meta: { title: '课程学习',keepAlive:true, icon: 'dashboard', noCache: true, affix: false },
+  meta: { title: '课程学习', keepAlive: true, icon: 'dashboard', noCache: true, affix: false },
 },
 {
   path: '/case',
   hidden: true,
   component: (resolve) => require(['@/views/portal/case/Index'], resolve),
   name: 'case',
-    meta: { title: '案例',keepAlive:true, icon: 'dashboard', noCache: false, affix: true },
+  meta: { title: '案例', keepAlive: true, icon: 'dashboard', noCache: false, affix: true },
 },
 {
   path: '/case/detail',
   hidden: true,
   component: (resolve) => require(['@/views/portal/case/Detail'], resolve),
   name: 'caseDetail',
-    meta: { title: '案例详情',keepAlive:true, icon: 'dashboard', noCache: false, affix: true },
+  meta: { title: '案例详情', keepAlive: true, icon: 'dashboard', noCache: false, affix: true },
 },
 {
   path: '/article',
@@ -177,7 +213,7 @@ export const constantRoutes = [{
     name: 'leavingMessage',
     meta: { title: '留言', icon: 'dashboard', noCache: true, affix: true }
   }
-]
+  ]
 },
 {
   path: '/comments',

src/views/grateful/ToolDown.vue

@@ -0,0 +1,70 @@
+<template>
+  <div>
+    <!-- 教师赋能 -->
+    <div class="xindex-content" style="padding: 0">
+      <div class="modules xcontent2">
+        <div class="xcontent2-main">
+          <div class="modules-list" style="margin-top: 0; padding: 48px">
+            <!--内容列表内容-->
+            <div
+              v-for="(course, ccidx) in 5"
+              :key="'cc' + ccidx"
+              class="toolEvery"
+              style="position: relative"
+            >
+              HHh
+            </div>
+          </div>
+        </div>
+        <div class="xcontent2-minor" style="margin-left: 25px">
+          <div class="portal-ranking ranking-bg">
+            <p class="ranking-title">教师赋能排行榜</p>
+            <ul class="xindex-ranking-course">
+              <li
+                class="xindex-ranking-li"
+                v-for="(item, cindex) in 10"
+                :key="'cc' + cindex"
+              >
+                <a style="display: inherit">
+                  <span class="portal-right-text blue-one">
+                    <img :src="getPic(cindex)" alt="" />
+                  </span>
+                  <span
+                    class="portal-title-desc index-one-line-ellipsis title-line-ellipsis"
+                    style="font-size: 14px; color: #04243c"
+                    >哈哈哈哈</span
+                  >
+                </a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data: () => {
+    return {};
+  },
+  methods: {
+    getPic(index) {
+      return this.webBaseUrl + "/images/listblue0" + (index + 1) + ".png";
+    },
+  },
+};
+</script>
+<style scoped lang='scss'>
+.modules-list {
+  height: 555px;
+  background: #ffffff;
+  border-radius: 8px;
+  .toolEvery {
+    height: 80px;
+    line-height: 80px;
+    opacity: 0.2;
+    border-bottom: 1px solid #999999;
+  }
+}
+</style>