From 7a10b95baa89fab63f0d029a0e371c85c5b9346b Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Mon, 25 Mar 2019 14:42:08 +0800
Subject: [PATCH] add settings

---
 src/layout/components/Settings/index.vue | 18 +++++++++++++++++-
 src/layout/components/Sidebar/index.vue  |  5 ++++-
 src/settings.js                          |  6 ++++++
 src/store/modules/settings.js            |  5 +++--
 4 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue
index 96e8bb5c..912fb71a 100644
--- a/src/layout/components/Settings/index.vue
+++ b/src/layout/components/Settings/index.vue
@@ -20,6 +20,11 @@
         <el-switch v-model="fixedHeader" class="drawer-switch" />
       </div>
 
+      <div class="drawer-item">
+        <span>侧边栏 Logo</span>
+        <el-switch v-model="sidebarLogo" class="drawer-switch" />
+      </div>
+
     </div>
   </div>
 </template>
@@ -31,7 +36,7 @@ export default {
   components: { ThemePicker },
   data() {
     return {
-      sidebarLogo: true
+
     }
   },
   computed: {
@@ -56,6 +61,17 @@ export default {
           value: val
         })
       }
+    },
+    sidebarLogo: {
+      get() {
+        return this.$store.state.settings.sidebarLogo
+      },
+      set(val) {
+        this.$store.dispatch('settings/changeSetting', {
+          key: 'sidebarLogo',
+          value: val
+        })
+      }
     }
   }
 }
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index ff19dcd0..93f5e5af 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -1,6 +1,6 @@
 <template>
   <el-scrollbar wrap-class="scrollbar-wrapper">
-    <logo :collapse="isCollapse" />
+    <logo v-if="showLogo" :collapse="isCollapse" />
     <el-menu
       :default-active="$route.path"
       :collapse="isCollapse"
@@ -28,6 +28,9 @@ export default {
       'permission_routes',
       'sidebar'
     ]),
+    showLogo() {
+      return this.$store.state.settings.sidebarLogo
+    },
     variables() {
       return variables
     },
diff --git a/src/settings.js b/src/settings.js
index 4b1a57d3..ce570903 100644
--- a/src/settings.js
+++ b/src/settings.js
@@ -19,6 +19,12 @@ export default {
    */
   fixedHeader: true,
 
+  /**
+   * @type {boolean} true | false
+   * @description Whether show the logo in sidebar
+   */
+  sidebarLogo: true,
+
   /**
    * @type {string | array} 'production' | ['production','development']
    * @description Need show err logs component.
diff --git a/src/store/modules/settings.js b/src/store/modules/settings.js
index b17b987f..0107e9c6 100644
--- a/src/store/modules/settings.js
+++ b/src/store/modules/settings.js
@@ -1,10 +1,11 @@
 import defaultSettings from '@/settings'
-const { showSettings, tagsView, fixedHeader } = defaultSettings
+const { showSettings, tagsView, fixedHeader, sidebarLogo } = defaultSettings
 
 const state = {
   showSettings: showSettings,
   tagsView: tagsView,
-  fixedHeader: fixedHeader
+  fixedHeader: fixedHeader,
+  sidebarLogo: sidebarLogo
 }
 
 const mutations = {