From b229d7fcd8680f7674b2c767ffa06582b7758087 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=9D=A8?= <1711467488@qq.com>
Date: Thu, 8 Mar 2018 22:10:08 +0800
Subject: [PATCH] no message

Former-commit-id: d0b2365f079402451410424ed468fb1c4e24576c
Former-commit-id: 010d8b45561b74779c03f12b47a089eac5a06a04
Former-commit-id: 4393708426882f6fea510c3fd6290f4d396b950d
---
 src/assets/style/theme/default.scss           | 11 +++++++
 .../core/MainLayout/_headerRight.vue          | 32 +++++++++++++++++++
 src/components/core/MainLayout/index.vue      | 16 ++++------
 3 files changed, 49 insertions(+), 10 deletions(-)
 create mode 100644 src/components/core/MainLayout/_headerRight.vue

diff --git a/src/assets/style/theme/default.scss b/src/assets/style/theme/default.scss
index 984a6d90..6d54c3d1 100644
--- a/src/assets/style/theme/default.scss
+++ b/src/assets/style/theme/default.scss
@@ -45,6 +45,17 @@ $color: #409EFF;
           }
         }
       }
+      // 顶栏按钮
+      .btn-group {
+        float: right;
+        height: 60px;
+        display: flex;
+        // justify-content: center;
+        align-items: center;
+        .btn-text {
+          color: $color-text-normal;
+        }
+      }
     }
     // 顶栏下面
     .el-container {
diff --git a/src/components/core/MainLayout/_headerRight.vue b/src/components/core/MainLayout/_headerRight.vue
new file mode 100644
index 00000000..d93e0f08
--- /dev/null
+++ b/src/components/core/MainLayout/_headerRight.vue
@@ -0,0 +1,32 @@
+<template>
+  <div class="btn-group">
+    <el-button
+      class="dd-mr btn-text"
+      type="text"
+      @click="toggleFullScreen">
+      <Icon name="arrows-alt"></Icon>
+    </el-button>
+    <el-dropdown class="dd-mr">
+      <span class="el-dropdown-link">
+        用户
+        <i class="el-icon-arrow-down el-icon--right"></i>
+      </span>
+      <el-dropdown-menu slot="dropdown">
+        <el-dropdown-item>注销</el-dropdown-item>
+        <el-dropdown-item>个人中心</el-dropdown-item>
+      </el-dropdown-menu>
+    </el-dropdown>
+  </div>
+</template>
+
+<script>
+import { mapMutations } from 'vuex'
+export default {
+  methods: {
+    ...mapMutations([
+      'toggleFullScreen'
+    ])
+  }
+}
+</script>
+
diff --git a/src/components/core/MainLayout/index.vue b/src/components/core/MainLayout/index.vue
index e318c84e..4e7237f0 100644
--- a/src/components/core/MainLayout/index.vue
+++ b/src/components/core/MainLayout/index.vue
@@ -5,7 +5,7 @@
         <img src="@/assets/image/logo/header.png">
       </div>
       <HeaderMenu></HeaderMenu>
-      <span @click="toggleFullScreen">全屏</span>
+      <HeaderRight></HeaderRight>
     </el-header>
     <el-container>
       <el-aside style="width: 200px;">
@@ -19,23 +19,19 @@
 </template>
 
 <script>
-import { mapMutations } from 'vuex'
-import SiderMenu from '@/components/core/MainLayout/_siderMenu.vue'
-import HeaderMenu from '@/components/core/MainLayout/_headerMenu.vue'
+import SiderMenu from './_siderMenu'
+import HeaderMenu from './_headerMenu'
+import HeaderRight from './_headerRight'
 export default {
   components: {
     SiderMenu,
-    HeaderMenu
+    HeaderMenu,
+    HeaderRight
   },
   data () {
     return {
       theme: 'default'
     }
-  },
-  methods: {
-    ...mapMutations([
-      'toggleFullScreen'
-    ])
   }
 }
 </script>