管理员页面

element-vue/src/components/manager/navBar.vue

@@ -0,0 +1,60 @@
+<template>
+    <div>
+        <el-menu
+                :default-active="activeIndex"
+                class="el-menu-demo nav"
+                mode="horizontal"
+                @select="handleSelect"
+                background-color="#1989fa"
+                text-color="#ffffff"
+                active-text-color="#ffd04b">
+            <el-menu-item index="1" route="index" @click="$router.push('/manager')">首页</el-menu-item>
+
+            <el-menu-item index="2" route="course" @click="$router.push('/manager/check')" >审核</el-menu-item>
+            <el-menu-item index="3" route="schedule" @click="$router.push('/manager/labManager')">管理实验室</el-menu-item>
+            <drop-down-user :user="nickname" @back="backLogin" @goPersonal="goPersonal"></drop-down-user>
+        </el-menu>
+    </div>
+</template>
+
+<script>
+    import dropDownUser from "~/components/dropDownUser";
+    import {get} from "~/utils";
+    import {showSuccess} from "~/utils/dialog";
+
+    export default {
+        data() {
+            return {
+                activeIndex: '1',
+                nickname: ''
+            };
+        },
+        methods: {
+            handleSelect(key, keyPath) {
+                console.log(key, keyPath);
+            },
+            async backLogin() {
+                await get('lb/manager/logout')
+                await showSuccess("退出成功", this)
+                setTimeout(() => {
+                    this.$router.push('/login')
+                }, 1000)
+            },
+            goPersonal: function () {
+                this.$router.push('/manager/personal')
+            }
+        },
+        components: {
+            dropDownUser
+        },
+        async mounted() {
+            this.nickname = await get('lb/user/getUserName')
+        }
+    }
+</script>
+
+<style scoped>
+    .nav {
+        width: 100%;
+    }
+</style>

element-vue/src/components/supManager/navBar.vue

@@ -10,7 +10,7 @@
                 router
                 active-text-color="#ffd04b">
             <el-menu-item index="1" route="../">首页</el-menu-item>
-            <el-menu-item index="2" route="labManage"">实验室管理</el-menu-item>
+            <el-menu-item index="2" route="labManage">实验室管理</el-menu-item>
             <el-menu-item index="3" route="userManage">用户管理</el-menu-item>
             <drop-down-user :user="nickname" @back="backLogin" @goPersonal="goPersonal"></drop-down-user>
         </el-menu>

element-vue/src/pages/manager/home.vue

@@ -0,0 +1,48 @@
+<template>
+    <div>
+        <home :names="homeParams" :user="nickname" :back="logout" @goPersonal="$router.push('/manager/personal')"></home>
+    </div>
+</template>
+
+<script>
+    import home from "~/components/teacher/home";
+    export default {
+        name: "index",
+        components:{
+          home
+        },
+        data(){
+            return {
+                nickname: '未登录',
+                homeParams: [
+                    {
+                        name: '审核', func: () => {
+                            this.$router.push('/manager/check')
+                        }
+                    },
+                    {
+                        name: '实验室管理', func: () => {
+                            this.$router.push('/manager/labManager')
+                        }
+                    }
+                ]
+            }
+        },
+        methods:{
+            async logout() {
+                await get('lb/user/logout')
+                await showSuccess('退出成功', this)
+                setTimeout(() => {
+                    this.$router.push('/login')
+                }, 1000)
+            }
+        },
+        mounted() {
+            this.nickname=get('lb/manager/getUserName')
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>

element-vue/src/pages/manager/index.vue

@@ -1,20 +1,15 @@
 <template>
     <div>
-        <home :names="{name1:'管理实验室',name2:'审核'}" :user="user"></home>
+        <router-view></router-view>
     </div>
 </template>
 
 <script>
-    import home from "~/components/teacher/home";
+    import navBar from "~/components/manager/navBar";
     export default {
         name: "index",
-        data(){
-            return{
-                user:'林大池'
-            }
-        },
         components:{
-            home
+            navBar
         }
     }
 </script>

element-vue/src/router.js

@@ -1,7 +1,5 @@
 import Vue from "vue";
 import VueRouter from "vue-router";
-
-
 // 引入组件
 import test from "~/pages/test";
 import teacher from "~/pages/teacher/index";
@@ -23,6 +21,9 @@ import userManage from "~/components/supManager/userManage";
 import setLabTime from "~/components/supManager/setLabTime";
 import labManager from "~/components/supManager/labManage";
 import check  from "~/components/supManager/check";
+
+//manager
+import home from "~/pages/manager/home";
 // 要告诉 vue 使用 vueRouter
 Vue.use(VueRouter);
 
@@ -74,7 +75,12 @@ const routes = [
     {
         path: '/manager',
         component: manager,
-        children: []
+        children: [
+            {
+                path:'',
+                component:home
+            }
+            ]
     },
     {
         path: '/supManager',