Files
ClassContent/历届学生/逯帅帅/项目开发/上课项目/vuecli3/src/views/Layout.vue
2024-09-27 02:06:13 +08:00

93 lines
2.6 KiB
Vue

<template>
<div class="layout">
<el-container>
<el-header>
<el-menu
:default-active="1"
class="el-menu-demo"
mode="horizontal"
background-color="#545c64"
text-color="#fff"
active-text-color="#ffd04b">
<el-menu-item index="1">处理中心</el-menu-item>
<el-submenu index="2">
<template slot="title">我的工作台</template>
<el-menu-item index="2-1">选项1</el-menu-item>
<el-menu-item index="2-2">选项2</el-menu-item>
<el-menu-item index="2-3">选项3</el-menu-item>
<el-submenu index="2-4">
<template slot="title">选项4</template>
<el-menu-item index="2-4-1">选项1</el-menu-item>
<el-menu-item index="2-4-2">选项2</el-menu-item>
<el-menu-item index="2-4-3">选项3</el-menu-item>
</el-submenu>
</el-submenu>
<el-menu-item index="3" disabled>消息中心</el-menu-item>
<el-menu-item index="4"><a href="https://www.ele.me" target="_blank">订单管理</a></el-menu-item>
</el-menu>
</el-header>
<el-container>
<el-aside class="left-aside" width="200px">
<el-menu
router
class="el-menu-vertical-demo">
<el-submenu>
<template slot="title">
<i class="el-icon-location"></i>
<span>课程管理</span>
</template>
<el-menu-item-group>
<el-menu-item index="/CourseManage/allCourse">所有课程</el-menu-item>
<el-menu-item index="/CourseManage/pushCourse">发布课程</el-menu-item>
</el-menu-item-group>
</el-submenu>
<el-submenu>
<template slot="title">
<i class="el-icon-location"></i>
<span>分类管理</span>
</template>
<el-menu-item-group>
<el-menu-item index="1-1">所有分类</el-menu-item>
</el-menu-item-group>
</el-submenu>
</el-menu>
</el-aside>
<el-main>
<router-view />
</el-main>
</el-container>
</el-container>
</div>
</template>
<script>
export default {
data() {
return {
roleArr: localStorage.getItem("role") == null ? [] : JSON.parse( localStorage.getItem("role"))
}
},
created() {
console.log()
this.$router.addRoutes(this.$utils.createdRouterConfig())
},
methods: {
}
}
</script>
<style lang="stylus" scoped>
</style>