[feat][V]:完成管理员主页，个人中心，路由配置

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

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

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

@@ -0,0 +1,19 @@
+<template>
+    <div>
+        <nav-bar></nav-bar>
+        <router-view></router-view>
+    </div>
+
+</template>
+
+<script>
+    import navBar from "~/components/manager/navBar";
+    export default {
+        components:{navBar},
+        name: "empty"
+    }
+</script>
+
+<style scoped>
+
+</style>

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

@@ -0,0 +1,59 @@
+<template>
+    <div>
+        <el-menu
+                :default-active="activeIndex"
+                class="el-menu-demo nav"
+                mode="horizontal"
+                @select="handleSelect"
+                background-color="#1989fa"
+                text-color="#ffffff"
+                router
+                active-text-color="#ffd04b">
+            <el-menu-item index="1" route="../">首页</el-menu-item>
+            <el-menu-item index="2" route="labApply"">审核</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: '',
+                nickname: ''
+            };
+        },
+        methods: {
+            handleSelect(key, keyPath) {
+                console.log(key, keyPath);
+            },
+            async backLogin() {
+                await get('lb/user/logout')
+                await showSuccess("退出成功", this)
+                setTimeout(() => {
+                    this.$router.push('/login')
+                }, 1000)
+            },
+            goPersonal: function () {
+                this.$router.push('/manager/index/personal')
+            }
+        },
+        components: {
+            dropDownUser
+        },
+        async mounted() {
+            this.nickname = await get('lb/user/getUserName')
+        }
+    }
+</script>
+
+<style scoped>
+    .nav {
+        width: 100%;
+    }
+</style>

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

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

element-vue/src/router.js

@@ -23,6 +23,10 @@ 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 managerHome from "~/components/manager/home"
+import managerIndex from "~/components/manager/index";
 // 要告诉 vue 使用 vueRouter
 Vue.use(VueRouter);
 
@@ -74,7 +78,22 @@ const routes = [
     {
         path: '/manager',
         component: manager,
-        children: []
+        children: [{
+            path: '',
+            component: managerHome
+        },{
+            path: 'index',
+            component: managerIndex,
+            children: [
+                {
+                    path: 'personal',
+                    component: globalPersonal
+                }, {
+                    path: 'labApply',
+                    component: globalPersonal
+                }
+            ]
+        }]
     },
     {
         path: '/supManager',