After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 3.4 KiB |
After Width: | Height: | Size: 3.7 KiB |
After Width: | Height: | Size: 3.7 KiB |
After Width: | Height: | Size: 1.9 KiB |
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 1.9 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 2.0 KiB |
After Width: | Height: | Size: 3.7 KiB |
@ -0,0 +1,123 @@ |
|||||||
|
<template> |
||||||
|
<div class="wrap"> |
||||||
|
<div class="block"> |
||||||
|
<div class="title">功能模块</div> |
||||||
|
<div class="apps"> |
||||||
|
<div class="app" @click="to('/assessment')"> |
||||||
|
<img src="@/assets/img/workbench/1.png" alt=""> |
||||||
|
<p class="name">考核管理</p> |
||||||
|
</div> |
||||||
|
<div class="app" @click="to('/achievement')"> |
||||||
|
<img src="@/assets/img/workbench/2.png" alt=""> |
||||||
|
<p class="name">成绩管理</p> |
||||||
|
</div> |
||||||
|
<div class="app" @click="to('/evaluation')"> |
||||||
|
<img src="@/assets/img/workbench/3.png" alt=""> |
||||||
|
<p class="name">测评管理</p> |
||||||
|
</div> |
||||||
|
<div class="app" @click="to('/course')"> |
||||||
|
<img src="@/assets/img/workbench/4.png" alt=""> |
||||||
|
<p class="name">精品课程管理</p> |
||||||
|
</div> |
||||||
|
<div class="app" @click="to('/review')"> |
||||||
|
<img src="@/assets/img/workbench/5.png" alt=""> |
||||||
|
<p class="name">评阅中心</p> |
||||||
|
</div> |
||||||
|
<div class="app" @click="to('/information')"> |
||||||
|
<img src="@/assets/img/workbench/6.png" alt=""> |
||||||
|
<p class="name">资讯管理</p> |
||||||
|
</div> |
||||||
|
<div class="app" @click="to('/project')"> |
||||||
|
<img src="@/assets/img/workbench/7.png" alt=""> |
||||||
|
<p class="name">项目管理</p> |
||||||
|
</div> |
||||||
|
<div class="app" @click="to('/resourse')"> |
||||||
|
<img src="@/assets/img/workbench/8.png" alt=""> |
||||||
|
<p class="name">资源库</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="block block1"> |
||||||
|
<div class="title">全部应用</div> |
||||||
|
<div class="apps"> |
||||||
|
<div class="app" @click="to('/match')"> |
||||||
|
<img src="@/assets/img/workbench/9.png" alt=""> |
||||||
|
<p class="name">理论考试系统</p> |
||||||
|
</div> |
||||||
|
<div class="app" @click="to('/data')"> |
||||||
|
<img src="@/assets/img/workbench/10.png" alt=""> |
||||||
|
<p class="name">备课管理</p> |
||||||
|
</div> |
||||||
|
<div class="app" @click="to('/match')"> |
||||||
|
<img src="@/assets/img/workbench/11.png" alt=""> |
||||||
|
<p class="name">赛事管理专业版</p> |
||||||
|
</div> |
||||||
|
<div class="app" @click="to('data')"> |
||||||
|
<img src="@/assets/img/workbench/12.png" alt=""> |
||||||
|
<p class="name">数据前瞻平台</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import Setting from '@/setting' |
||||||
|
export default { |
||||||
|
data () { |
||||||
|
return { |
||||||
|
systems: [], |
||||||
|
|
||||||
|
}; |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
|
||||||
|
}, |
||||||
|
methods: { |
||||||
|
to (path) { |
||||||
|
path === 'data' ? window.open('https://www.dataforward.cn/') : this.$router.push(path) |
||||||
|
}, |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.wrap { |
||||||
|
width: 90%; |
||||||
|
margin: 0 auto; |
||||||
|
|
||||||
|
.block { |
||||||
|
padding: 30px 30px 40px; |
||||||
|
margin-bottom: 30px; |
||||||
|
background-color: #fff; |
||||||
|
border-radius: 20px; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
.title { |
||||||
|
margin-bottom: 30px; |
||||||
|
font-size: 18px; |
||||||
|
font-weight: 600; |
||||||
|
} |
||||||
|
|
||||||
|
.apps { |
||||||
|
display: flex; |
||||||
|
flex-wrap: wrap; |
||||||
|
} |
||||||
|
|
||||||
|
.app { |
||||||
|
padding: 0 30px; |
||||||
|
margin: 0 20px; |
||||||
|
text-align: center; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
|
||||||
|
.name { |
||||||
|
margin-top: 10px; |
||||||
|
font-size: 14px; |
||||||
|
color: #333; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
@ -0,0 +1,16 @@ |
|||||||
|
import BasicLayout from "@/layouts/home"; |
||||||
|
|
||||||
|
const meta = {}; |
||||||
|
|
||||||
|
export default { |
||||||
|
path: '/workbench', |
||||||
|
meta, |
||||||
|
component: BasicLayout, |
||||||
|
children: [ |
||||||
|
{ |
||||||
|
path: '/workbench', |
||||||
|
component: () => import('@/pages/workbench/list'), |
||||||
|
meta: { title: '工作台' } |
||||||
|
} |
||||||
|
] |
||||||
|
}; |
@ -1,6 +1,6 @@ |
|||||||
/* 改变主题色变量 */ |
/* 改变主题色变量 */ |
||||||
|
|
||||||
$--color-primary: #9278ff; |
$--color-primary: #062c87; |
||||||
|
|
||||||
/* 改变 icon 字体路径变量,必需 */ |
/* 改变 icon 字体路径变量,必需 */ |
||||||
$--font-path: '~element-ui/lib/theme-chalk/fonts'; |
$--font-path: '~element-ui/lib/theme-chalk/fonts'; |
||||||
|