|
|
|
@ -3,8 +3,10 @@ |
|
|
|
|
<v-head></v-head> |
|
|
|
|
<Navbar /> |
|
|
|
|
<div class="layout"> |
|
|
|
|
<Sidebar :class="{ show: showSidebar }" :path.sync="path" /> |
|
|
|
|
<!-- <Sidebar :class="{ show: showSidebar }" :path.sync="path" /> --> |
|
|
|
|
|
|
|
|
|
<div class="content"> |
|
|
|
|
<el-page-header v-if="showSidebar" class="m-b-20" @back="back" :content="backName"></el-page-header> |
|
|
|
|
<transition name="move" mode="out-in"> |
|
|
|
|
<router-view class="view"></router-view> |
|
|
|
|
</transition> |
|
|
|
@ -67,6 +69,49 @@ import { mapState, mapMutations, mapActions } from "vuex"; |
|
|
|
|
import util from "@/libs/util"; |
|
|
|
|
import Setting from "@/setting"; |
|
|
|
|
|
|
|
|
|
const backList = [ |
|
|
|
|
{ |
|
|
|
|
path: '/assessment/list', |
|
|
|
|
name: '考核管理', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
path: '/achievement/list', |
|
|
|
|
name: '成绩管理', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
path: '/evaluation/list', |
|
|
|
|
name: '测评管理', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
path: '/course/list', |
|
|
|
|
name: '精品课程管理', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
path: '/review/list', |
|
|
|
|
name: '评阅中心', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
path: '/information/list', |
|
|
|
|
name: '资讯管理', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
path: '/project/list', |
|
|
|
|
name: '项目管理', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
path: '/resourse/list', |
|
|
|
|
name: '资源库', |
|
|
|
|
}, |
|
|
|
|
// { |
|
|
|
|
// path: '/exam/list', |
|
|
|
|
// name: '成绩管理', |
|
|
|
|
// }, |
|
|
|
|
{ |
|
|
|
|
path: '/lesson/list', |
|
|
|
|
name: '备课管理', |
|
|
|
|
}, |
|
|
|
|
] |
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
components: { |
|
|
|
|
vHead, |
|
|
|
@ -77,6 +122,7 @@ export default { |
|
|
|
|
data () { |
|
|
|
|
return { |
|
|
|
|
showSidebar: false, |
|
|
|
|
backName: '', |
|
|
|
|
path: '', |
|
|
|
|
logVisible: false, |
|
|
|
|
list: [], |
|
|
|
@ -121,7 +167,9 @@ export default { |
|
|
|
|
handler (val) { |
|
|
|
|
this.path = val |
|
|
|
|
// 是否显示左侧导航 |
|
|
|
|
this.showSidebar = ['/assessment/list', '/achievement/list', '/evaluation/list', '/course/list', '/review/list', '/information/list', '/project/list', '/resourse/list', '/exam/list', '/review/list', '/lesson/list', '/resourse/list'].includes(val) |
|
|
|
|
const item = backList.find(e => e.path === val) |
|
|
|
|
this.backName = item ? item.name : '' |
|
|
|
|
this.showSidebar = item |
|
|
|
|
}, |
|
|
|
|
immediate: true |
|
|
|
|
} |
|
|
|
@ -195,6 +243,9 @@ export default { |
|
|
|
|
setTimeout(this.logout, 1500); |
|
|
|
|
} |
|
|
|
|
}, 1000); |
|
|
|
|
}, |
|
|
|
|
back() { |
|
|
|
|
this.$router.push('/workbench/list') |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
@ -203,6 +254,7 @@ export default { |
|
|
|
|
.main { |
|
|
|
|
.layout { |
|
|
|
|
display: flex; |
|
|
|
|
min-height: calc(100vh - 173px); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.sidebar:not(.show) { |
|
|
|
|