教师节

This commit is contained in:
nisen
2023-08-28 10:15:37 +08:00
parent 22fb0256c7
commit 622bcf9d14
9 changed files with 4189 additions and 217 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 364 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 542 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 310 KiB

View File

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

View File

@@ -3,279 +3,315 @@ import VueRouter from 'vue-router'
/* Layout */
import Layout from '@/layout/index'
import LayoutPortal from '@/layout/portal'
import Grateful from '@/views/grateful'
Vue.use(VueRouter)
export const constantRoutes = [{
path: '/redirect',
component: Layout,
hidden: true,
children: [{
path: '/redirect/:path(.*)',
component: (resolve) => require(['@/views/Redirect'], resolve)
}]
path: '/redirect',
component: Layout,
hidden: true,
children: [{
path: '/redirect/:path(.*)',
component: (resolve) => require(['@/views/Redirect'], resolve)
}]
}, {
path: '',
redirect: '/study'
path: '',
redirect: '/study'
},
{
path: '/loading',
hidden: true,
component: (resolve) => require(['@/views/Loading'], resolve),
name: 'loading',
meta: { title: '正在进入学习中心', icon: 'dashboard', noCache: true, affix: false },
path: '/loading',
hidden: true,
component: (resolve) => require(['@/views/Loading'], resolve),
name: 'loading',
meta: { title: '正在进入学习中心', icon: 'dashboard', noCache: true, affix: false },
},
{
path: '/login',
hidden: true,
component: (resolve) => require(['@/views/Login'], resolve),
name: 'login',
meta: { title: '京东方大学堂登录', icon: 'dashboard', noCache: true, affix: false },
path: '/login',
hidden: true,
component: (resolve) => require(['@/views/Login'], resolve),
name: 'login',
meta: { title: '京东方大学堂登录', icon: 'dashboard', noCache: true, affix: false },
},
{
path: '/index',
hidden: true,
component: (resolve) => require(['@/views/Index'], resolve),
name: 'index',
meta: { title: '首页', icon: 'dashboard', noCache: true, affix: false },
path: '/index',
hidden: true,
component: (resolve) => require(['@/views/Index'], resolve),
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,
component: (resolve) => require(['@/views/Forward'], resolve),
name: 'forward',
meta: { title: '详细信息', icon: 'dashboard', noCache: true, affix: false },
path: '/forward',
hidden: true,
component: (resolve) => require(['@/views/Forward'], resolve),
name: 'forward',
meta: { title: '详细信息', icon: 'dashboard', noCache: true, affix: false },
},
{
path: '/course',
hidden: true,
component: (resolve) => require(['@/views/portal/course/Index'], resolve),
name: 'course',
meta: { title: '课程',keepAlive:true, icon: 'dashboard', noCache: true, affix: false },
path: '/course',
hidden: true,
component: (resolve) => require(['@/views/portal/course/Index'], resolve),
name: 'course',
meta: { title: '课程', keepAlive: true, icon: 'dashboard', noCache: true, affix: false },
},
{
path: '/course/micro',
hidden: true,
component: (resolve) => require(['@/views/portal/course/Micro'], resolve),
name: 'courseDetailMicro',
meta: { title: '课程详情', icon: 'dashboard', noCache: true, affix: false },
path: '/course/micro',
hidden: true,
component: (resolve) => require(['@/views/portal/course/Micro'], resolve),
name: 'courseDetailMicro',
meta: { title: '课程详情', icon: 'dashboard', noCache: true, affix: false },
},
{
path: '/course/detail',
hidden: true,
component: (resolve) => require(['@/views/portal/course/Detail'], resolve),
name: 'courseDetail',
meta: { title: '课程详情',keepAlive:true, icon: 'dashboard', noCache: true, affix: false },
path: '/course/detail',
hidden: true,
component: (resolve) => require(['@/views/portal/course/Detail'], resolve),
name: 'courseDetail',
meta: { title: '课程详情', keepAlive: true, icon: 'dashboard', noCache: true, affix: false },
},
// 课程预览
{
path: '/course/microPreview',
hidden: true,
component: (resolve) => require(['@/views/portal/course/microPreview'], resolve),
name: 'microPreview',
meta: { title: '课程预览', icon: 'dashboard', noCache: true, affix: false },
path: '/course/microPreview',
hidden: true,
component: (resolve) => require(['@/views/portal/course/microPreview'], resolve),
name: 'microPreview',
meta: { title: '课程预览', icon: 'dashboard', noCache: true, affix: false },
},
{
path: '/course/rePreview',
hidden: true,
component: (resolve) => require(['@/views/portal/course/rePreview'], resolve),
name: 'courseRePreview',
meta: { title: '课程预览', icon: 'dashboard', noCache: true, affix: false },
path: '/course/rePreview',
hidden: true,
component: (resolve) => require(['@/views/portal/course/rePreview'], resolve),
name: 'courseRePreview',
meta: { title: '课程预览', icon: 'dashboard', noCache: true, affix: false },
},
//
// 外来链接
{
path: '/course/boeframe',
hidden: true,
component: (resolve) => require(['@/views/portal/boeframe'], resolve),
name: 'courseBoeframe',
meta: { title: '课程预览', icon: 'dashboard', noCache: true, affix: false },
path: '/course/boeframe',
hidden: true,
component: (resolve) => require(['@/views/portal/boeframe'], resolve),
name: 'courseBoeframe',
meta: { title: '课程预览', icon: 'dashboard', noCache: true, affix: false },
},
//外来链接
{
path: '/course/recorded',
path: '/course/recorded',
hidden: true,
component: (resolve) => require(['@/views/portal/course/Recorded'], resolve),
name: 'courseDetailRecorded',
meta: { title: '课程详情', icon: 'dashboard', noCache: true, affix: false },
},
{
//此页面需要指定课程的参数
path: '/course/studyindex',
hidden: true,
component: (resolve) => require(['@/views/study/coursenew'], resolve),
name: 'courseStudyIndex',
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 },
},
{
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 },
},
{
path: '/article',
hidden: true,
component: (resolve) => require(['@/views/portal/article/Index'], resolve),
name: 'article',
meta: { title: '文章', icon: 'dashboard', noCache: true, affix: false },
},
{
path: '/article/detail',
hidden: true,
component: (resolve) => require(['@/views/portal/article/Detail'], resolve),
name: 'articleDetail',
meta: { title: '文章详情', icon: 'dashboard', noCache: true, affix: false },
},
{
path: '/article/add',
hidden: true,
component: (resolve) => require(['@/views/portal/article/Add'], resolve),
name: 'articleAdd',
meta: { title: '发布文章', icon: 'dashboard', noCache: true, affix: false },
},
{
path: '/qa',
hidden: true,
component: (resolve) => require(['@/views/portal/qa/Index'], resolve),
name: 'qa',
meta: { title: '问答', icon: 'dashboard', noCache: true, affix: false },
},
{
path: '/message',
hidden: true,
component: (resolve) => require(['@/views/portal/user/Message'], resolve),
name: 'userMsg',
meta: { title: '我的消息', icon: 'dashboard', noCache: true, affix: false },
},
{
path: '/home',
hidden: true,
component: (resolve) => require(['@/views/homepage/Index'], resolve),
name: 'homePage',
redirect: '/home/:id',
meta: { title: '个人主页', icon: 'dashboard', noCache: true, affix: false },
children: [{
path: ':id',
hidden: true,
component: (resolve) => require(['@/views/portal/course/Recorded'], resolve),
name: 'courseDetailRecorded',
meta: { title: '课程详情', icon: 'dashboard', noCache: true, affix: false },
},
{
//此页面需要指定课程的参数
path: '/course/studyindex',
component: (resolve) => require(['@/views/homepage/page'], resolve),
name: 'page',
meta: { title: '个人主页', icon: 'dashboard', noCache: true, affix: true }
},
{
path: ':id/leaving',
hidden: true,
component: (resolve) => require(['@/views/study/coursenew'], resolve),
name: 'courseStudyIndex',
meta: { title: '课程学习',keepAlive:true, icon: 'dashboard', noCache: true, affix: false },
component: (resolve) => require(['@/views/homepage/leavingMessage'], resolve),
name: 'leavingMessage',
meta: { title: '留言', icon: 'dashboard', noCache: true, affix: true }
}
]
},
{
path: '/case',
path: '/comments',
hidden: true,
component: (resolve) => require(['@/views/portal/Comments'], resolve),
name: 'commentReply',
meta: { title: '评论回复', icon: 'dashboard', noCache: true, affix: false },
},
{
path: '/qa/answer',
hidden: true,
component: (resolve) => require(['@/views/portal/qa/Answer'], resolve),
name: 'qaAnswer',
meta: { title: '写回答', icon: 'dashboard', noCache: true, affix: false },
},
{
path: '/follow',
hidden: true,
component: (resolve) => require(['@/views/portal/follow'], resolve),
name: 'follow',
meta: { title: '我的关注', icon: 'dashboard', noCache: true, affix: false },
},
{
path: '/study',
component: Layout,
redirect: '/study/index',
children: [{
path: 'index',
hidden: true,
component: (resolve) => require(['@/views/portal/case/Index'], resolve),
name: 'case',
meta: { title: '案例',keepAlive:true, icon: 'dashboard', noCache: false, affix: true },
component: (resolve) => require(['@/views/StudyIndex'], resolve),
name: 'studyIndex',
meta: { title: '首页', icon: 'dashboard', noCache: true, affix: true }
}]
},
{
path: '/case/detail',
path: '/teacher',
component: Layout,
children: [{
path: 'index',
hidden: true,
component: (resolve) => require(['@/views/portal/case/Detail'], resolve),
name: 'caseDetail',
meta: { title: '案例详情',keepAlive:true, icon: 'dashboard', noCache: false, affix: true },
component: (resolve) => require(['@/views/TeacherIndex'], resolve),
name: 'teacherIndex',
meta: { title: '教师个人中心', icon: 'dashboard', noCache: true, affix: true }
}]
},
{
path: '/article',
path: '/manager',
component: Layout,
children: [{
path: 'index',
hidden: true,
component: (resolve) => require(['@/views/portal/article/Index'], resolve),
name: 'article',
meta: { title: '文章', icon: 'dashboard', noCache: true, affix: false },
component: (resolve) => require(['@/views/ManageIndex'], resolve),
name: 'managerIndex',
meta: { title: '管理员个人中心', icon: 'dashboard', noCache: true, affix: true }
}]
},
{
path: '/article/detail',
hidden: true,
component: (resolve) => require(['@/views/portal/article/Detail'], resolve),
name: 'articleDetail',
meta: { title: '文章详情', icon: 'dashboard', noCache: true, affix: false },
path: '/exam/test',
hidden: true,
component: (resolve) => require(['@/views/exam/Test'], resolve),
name: 'test',
meta: { title: '京东方大学堂考试', icon: 'dashboard', noCache: true, affix: true },
},
{
path: '/article/add',
hidden: true,
component: (resolve) => require(['@/views/portal/article/Add'], resolve),
name: 'articleAdd',
meta: { title: '发布文章', icon: 'dashboard', noCache: true, affix: false },
path: '/video/test',
hidden: true,
component: (resolve) => require(['@/views/portal/course/video'], resolve),
name: 'videotest',
meta: { title: '课程视频测试', icon: 'dashboard', noCache: true, affix: true },
},
{
path: '/qa',
hidden: true,
component: (resolve) => require(['@/views/portal/qa/Index'], resolve),
name: 'qa',
meta: { title: '问答', icon: 'dashboard', noCache: true, affix: false },
path: '/404',
component: (resolve) => require(['@/views/error/404'], resolve),
hidden: true
},
{
path: '/message',
hidden: true,
component: (resolve) => require(['@/views/portal/user/Message'], resolve),
name: 'userMsg',
meta: { title: '我的消息', icon: 'dashboard', noCache: true, affix: false },
path: '/401',
component: (resolve) => require(['@/views/error/401'], resolve),
hidden: true
},
{
path: '/home',
hidden: true,
component: (resolve) => require(['@/views/homepage/Index'], resolve),
name: 'homePage',
redirect: '/home/:id',
meta: { title: '个人主页', icon: 'dashboard', noCache: true, affix: false },
children: [{
path: ':id',
hidden: true,
component: (resolve) => require(['@/views/homepage/page'], resolve),
name: 'page',
meta: { title: '个人主页', icon: 'dashboard', noCache: true, affix: true }
},
{
path: ':id/leaving',
hidden: true,
component: (resolve) => require(['@/views/homepage/leavingMessage'], resolve),
name: 'leavingMessage',
meta: { title: '留言', icon: 'dashboard', noCache: true, affix: true }
}
]
},
{
path: '/comments',
hidden: true,
component: (resolve) => require(['@/views/portal/Comments'], resolve),
name: 'commentReply',
meta: { title: '评论回复', icon: 'dashboard', noCache: true, affix: false },
},
{
path: '/qa/answer',
hidden: true,
component: (resolve) => require(['@/views/portal/qa/Answer'], resolve),
name: 'qaAnswer',
meta: { title: '写回答', icon: 'dashboard', noCache: true, affix: false },
},
{
path: '/follow',
hidden: true,
component: (resolve) => require(['@/views/portal/follow'], resolve),
name: 'follow',
meta: { title: '我的关注', icon: 'dashboard', noCache: true, affix: false },
},
{
path: '/study',
component: Layout,
redirect: '/study/index',
children: [{
path: 'index',
hidden: true,
component: (resolve) => require(['@/views/StudyIndex'], resolve),
name: 'studyIndex',
meta: { title: '首页', icon: 'dashboard', noCache: true, affix: true }
}]
},
{
path: '/teacher',
component: Layout,
children: [{
path: 'index',
hidden: true,
component: (resolve) => require(['@/views/TeacherIndex'], resolve),
name: 'teacherIndex',
meta: { title: '教师个人中心', icon: 'dashboard', noCache: true, affix: true }
}]
},
{
path: '/manager',
component: Layout,
children: [{
path: 'index',
hidden: true,
component: (resolve) => require(['@/views/ManageIndex'], resolve),
name: 'managerIndex',
meta: { title: '管理员个人中心', icon: 'dashboard', noCache: true, affix: true }
}]
},
{
path: '/exam/test',
hidden: true,
component: (resolve) => require(['@/views/exam/Test'], resolve),
name: 'test',
meta: { title: '京东方大学堂考试', icon: 'dashboard', noCache: true, affix: true },
},
{
path: '/video/test',
hidden: true,
component: (resolve) => require(['@/views/portal/course/video'], resolve),
name: 'videotest',
meta: { title: '课程视频测试', icon: 'dashboard', noCache: true, affix: true },
},
{
path: '/404',
component: (resolve) => require(['@/views/error/404'], resolve),
hidden: true
},
{
path: '/401',
component: (resolve) => require(['@/views/error/401'], resolve),
hidden: true
},
{
path: '/500',
component: (resolve) => require(['@/views/error/500'], resolve),
hidden: true
path: '/500',
component: (resolve) => require(['@/views/error/500'], resolve),
hidden: true
}
]
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes: constantRoutes,
scrollBehavior(to, from, saveTop) {
if (saveTop) {
return saveTop;
} else {
return { x: 0, y: 0 }
}
},
mode: 'history',
base: process.env.BASE_URL,
routes: constantRoutes,
scrollBehavior(to, from, saveTop) {
if (saveTop) {
return saveTop;
} else {
return { x: 0, y: 0 }
}
},
})
export default router

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

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

1289
src/views/grateful/index.vue Normal file

File diff suppressed because it is too large Load Diff