diff --git a/element-vue/src/components/manager/home.vue b/element-vue/src/components/manager/home.vue
new file mode 100644
index 0000000..5030e98
--- /dev/null
+++ b/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>
diff --git a/element-vue/src/components/manager/index.vue b/element-vue/src/components/manager/index.vue
new file mode 100644
index 0000000..54fcbd6
--- /dev/null
+++ b/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>
diff --git a/element-vue/src/components/manager/navBar.vue b/element-vue/src/components/manager/navBar.vue
new file mode 100644
index 0000000..40fb753
--- /dev/null
+++ b/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>
diff --git a/element-vue/src/pages/manager/index.vue b/element-vue/src/pages/manager/index.vue
index 7fd0bf6..62148d9 100644
--- a/element-vue/src/pages/manager/index.vue
+++ b/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",
-        data(){
-            return{
-                user:'林大池'
-            }
-        },
-        components:{
-            home
-        }
+        name: "empty"
     }
 </script>
 
diff --git a/element-vue/src/router.js b/element-vue/src/router.js
index 0c33199..2459822 100644
--- a/element-vue/src/router.js
+++ b/element-vue/src/router.js
@@ -22,7 +22,11 @@ import globalPersonal from "~/components/personal";
 import userManage from "~/components/supManager/userManage";
 import setLabTime from "~/components/supManager/setLabTime";
 import labManager from "~/components/supManager/labManage";
-import check  from "~/components/supManager/check";
+import check from "~/components/supManager/check";
+
+// manager
+import managerHome from "~/components/manager/home"
+import managerIndex from "~/components/manager/index";
 // 要告诉 vue 使用 vueRouter
 Vue.use(VueRouter);
 
@@ -57,13 +61,13 @@ const routes = [
                 component: applyLab
             },
             {
-                path:'myApplyRecord/:u_id',
-                component:myApplyRecord,
-                props:true
+                path: 'myApplyRecord/:u_id',
+                component: myApplyRecord,
+                props: true
             },
             {
-                path:'courseManagement',
-                component:courseManagement
+                path: 'courseManagement',
+                component: courseManagement
             },
             {
                 path: 'myApplyRecord',
@@ -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',
@@ -91,7 +110,7 @@ const routes = [
                     {
                         path: 'personal',
                         component: globalPersonal
-                    },{
+                    }, {
                         path: 'labManage',
                         component: globalPersonal
                     },
@@ -100,12 +119,12 @@ const routes = [
                         component: userManage
                     },
                     {
-                        path:'labManager',
-                        component:labManager
+                        path: 'labManager',
+                        component: labManager
                     },
                     {
-                        path:'check',
-                        component:check
+                        path: 'check',
+                        component: check
                     }
                 ]
             }
@@ -123,10 +142,10 @@ const routes = [
     {
         path: '/labApplyDetail/:id',
         component: labApplyDetail,
-        props:true
+        props: true
     },
     {
-        path:'/setLabTime',
+        path: '/setLabTime',
         component: setLabTime
     }
 ]