init

2017-04-18 15:09:13 +08:00
parent 304b17520c
commit d10370086e
145 changed files with 61322 additions and 0 deletions
--- a/src/views/layout/Navbar.vue
+++ b/src/views/layout/Navbar.vue
@@ -0,0 +1,107 @@
+<template>
+    <el-menu class="navbar" mode="horizontal">
+        <Hamburger class="hamburger-container" :toggleClick="toggleSideBar" :isActive="sidebar.opened"></Hamburger>
+        <levelbar></levelbar>
+        <ErrLog v-if="log.length>0" class="errLog-container" :logsList="log"></ErrLog>
+        <el-dropdown class="avatar-container" trigger="click">
+            <div class="avatar-wrapper">
+                <img class="user-avatar" :src="avatar+'?imageView2/1/w/80/h/80'">
+                <i class="el-icon-caret-bottom"/>
+            </div>
+            <el-dropdown-menu class="user-dropdown" slot="dropdown">
+                <router-link  class='inlineBlock' to="/">
+                    <el-dropdown-item>
+                        首页
+                    </el-dropdown-item>
+                </router-link>
+                <router-link  class='inlineBlock' to="/admin/profile">
+                    <el-dropdown-item>
+                        设置
+                    </el-dropdown-item>
+                </router-link>
+                <el-dropdown-item divided><span @click="logout" style="display:block;">退出登录</span></el-dropdown-item>
+            </el-dropdown-menu>
+        </el-dropdown>
+    </el-menu>
+</template>
+
+<script>
+    import { mapGetters } from 'vuex'
+    import Levelbar from './Levelbar';
+    import Hamburger from 'components/Hamburger';
+    import ErrLog from 'components/ErrLog';
+    import errLogStore from 'store/errLog';
+
+    export default {
+      components: {
+        Levelbar,
+        Hamburger,
+        ErrLog
+      },
+      data() {
+        return {
+          log: errLogStore.state.errLog
+        }
+      },
+      computed: {
+        ...mapGetters([
+          'sidebar',
+          'name',
+          'avatar'
+        ])
+      },
+      methods: {
+        toggleSideBar() {
+          this.$store.dispatch('ToggleSideBar')
+        },
+        logout() {
+          this.$store.dispatch('LogOut').then(() => {
+            this.$router.push({ path: '/login' })
+          });
+        }
+      }
+    }
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+    .navbar {
+        height: 50px;
+        line-height: 50px;
+        border-radius: 0px !important;
+        .hamburger-container {
+            line-height: 58px;
+            height: 50px;
+            float: left;
+            padding: 0 10px;
+        }
+        .errLog-container {
+            display: inline-block;
+            position: absolute;
+            right: 150px;
+        }
+        .avatar-container {
+            height: 50px;
+            display: inline-block;
+            position: absolute;
+            right: 35px;
+            .avatar-wrapper {
+                cursor: pointer;
+                margin-top:5px;
+                position: relative;
+                .user-avatar {
+                    width: 40px;
+                    height: 40px;
+                    border-radius: 10px;
+                }
+                .el-icon-caret-bottom {
+                    position: absolute;
+                    right: -20px;
+                    top: 25px;
+                    font-size: 12px;
+                }
+            }
+        }
+    }
+</style>
+
+
+