From f4b83253bf8ab61c656ad0749378a23c87406b88 Mon Sep 17 00:00:00 2001
From: Romesum <zhiyuewu@foxmail.com>
Date: Thu, 7 May 2020 23:56:43 +0800
Subject: [PATCH] =?UTF-8?q?[feat][V]=EF=BC=9A=E6=96=B0=E5=A2=9E=E8=B6=85?=
 =?UTF-8?q?=E7=BA=A7=E7=AE=A1=E7=90=86=E5=91=98navbar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/supManager/navBar.vue      | 60 +++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 element-vue/src/components/supManager/navBar.vue

diff --git a/element-vue/src/components/supManager/navBar.vue b/element-vue/src/components/supManager/navBar.vue
new file mode 100644
index 0000000..105083f
--- /dev/null
+++ b/element-vue/src/components/supManager/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"
+                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="3" route="userManage">用户管理</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('/supManager/index/personal')
+            }
+        },
+        components: {
+            dropDownUser
+        },
+        async mounted() {
+            this.nickname = await get('lb/user/getUserName')
+        }
+    }
+</script>
+
+<style scoped>
+    .nav {
+        width: 100%;
+    }
+</style>