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

Former-commit-id: 5969ca450d30978cc805ed09dc41946398b36eab
Former-commit-id: 1d94428fb701106a0a4b2ea208d12f5d8ceb0a41
Former-commit-id: fcceb0bbdc4e00d2fa82284a6c690241d189d532
---
 src/assets/style/theme/default.scss           |  9 +++
 .../components/HeaderMenu/index.vue           |  4 +-
 .../MainLayout/components/SideMenu/index.vue  | 70 ++++++++++---------
 3 files changed, 50 insertions(+), 33 deletions(-)

diff --git a/src/assets/style/theme/default.scss b/src/assets/style/theme/default.scss
index 9f78bca0..513a6e2f 100644
--- a/src/assets/style/theme/default.scss
+++ b/src/assets/style/theme/default.scss
@@ -64,6 +64,15 @@ $color: #409EFF;
     .el-container {
       // 侧边栏
       .el-aside {
+        .dd-side-menu-empty {
+          background-color: rgba(#000, .03);
+          margin: $margin;
+          margin-top: 0px;
+          border-radius: 4px;
+          line-height: 100px;
+          text-align: center;
+          color: $color-text-sub;
+        }
         .el-menu {
           background-color: transparent;
           .el-menu-item {
diff --git a/src/components/core/MainLayout/components/HeaderMenu/index.vue b/src/components/core/MainLayout/components/HeaderMenu/index.vue
index 7ab47fcb..db3c6941 100644
--- a/src/components/core/MainLayout/components/HeaderMenu/index.vue
+++ b/src/components/core/MainLayout/components/HeaderMenu/index.vue
@@ -1,5 +1,7 @@
 <template>
-  <el-menu class="el-menu-demo" mode="horizontal">
+  <el-menu
+    class="el-menu-demo"
+    mode="horizontal">
     <el-menu-item index="index" @click.native="active({name: 'index'})">首页</el-menu-item>
     <el-menu-item
       v-for="(item, index) in menu"
diff --git a/src/components/core/MainLayout/components/SideMenu/index.vue b/src/components/core/MainLayout/components/SideMenu/index.vue
index 571a8e4a..88a57ef1 100644
--- a/src/components/core/MainLayout/components/SideMenu/index.vue
+++ b/src/components/core/MainLayout/components/SideMenu/index.vue
@@ -1,33 +1,42 @@
 <template>
-  <el-menu class="el-menu-vertical-demo" v-bind="elMenu">
-    <template v-for="(menu, index) in sideMenu">
-      <el-menu-item
-        v-if="!menu.children"
-        :key="index"
-        :index="`${menu.title}${index}`"
-        @click.native="$router.push({name: menu.name})">
-        <i v-if="menu.icon" :class="'fa fa-' + menu.icon"></i>
-        {{menu.title}}
-      </el-menu-item>
-      <el-submenu
-        v-if="menu.children"
-        :key="index"
-        :index="`${menu.title}${index}`">
-        <template slot="title">
-          <i v-if="menu.icon" :class="'fa fa-' + menu.icon"></i>
-          <span slot="title">{{menu.title}}</span>
-        </template>
+  <div>
+    <el-menu
+      v-if="sideMenu.length > 0"
+      class="dd-side-menu"
+      :collapse="collapse"
+      :unique-opened="true">
+      <template v-for="(menu, index) in sideMenu">
         <el-menu-item
-          v-for="(menuItem, menuItemIndex) in menu.children"
-          :key="menuItemIndex"
-          :index="`${menuItem.name}${menuItemIndex}`"
-          @click.native="$router.push({name: menuItem.name})">
-          <i v-if="menuItem.icon" :class="'fa fa-' + menuItem.icon"></i>
-          {{menuItem.title}}
+          v-if="!menu.children"
+          :key="index"
+          :index="`${menu.title}${index}`"
+          @click.native="$router.push({name: menu.name})">
+          <i v-if="menu.icon" :class="'fa fa-' + menu.icon"></i>
+          {{menu.title}}
         </el-menu-item>
-      </el-submenu>
-    </template>
-  </el-menu>
+        <el-submenu
+          v-if="menu.children"
+          :key="index"
+          :index="`${menu.title}${index}`">
+          <template slot="title">
+            <i v-if="menu.icon" :class="'fa fa-' + menu.icon"></i>
+            <span slot="title">{{menu.title}}</span>
+          </template>
+          <el-menu-item
+            v-for="(menuItem, menuItemIndex) in menu.children"
+            :key="menuItemIndex"
+            :index="`${menuItem.name}${menuItemIndex}`"
+            @click.native="$router.push({name: menuItem.name})">
+            <i v-if="menuItem.icon" :class="'fa fa-' + menuItem.icon"></i>
+            {{menuItem.title}}
+          </el-menu-item>
+        </el-submenu>
+      </template>
+    </el-menu>
+    <div v-else class="dd-side-menu-empty">
+      没有菜单
+    </div>
+  </div>
 </template>
 
 <script>
@@ -38,10 +47,7 @@ export default {
     return {
       menu,
       router,
-      elMenu: {
-        collapse: false,
-        uniqueOpened: true
-      }
+      collapse: false
     }
   },
   computed: {
@@ -53,7 +59,7 @@ export default {
 </script>
 
 <style lang="scss">
-.el-menu-vertical-demo:not(.el-menu--collapse) {
+.dd-side-menu:not(.el-menu--collapse) {
   width: 200px;
   min-height: 400px;
 }