add sidebarUniqueOpened option

PanJiaChen · PanJiaChen · commit 24783ac214d0 · 2018-10-10T18:29:38.000+08:00
diff --git a/src/settings.js b/src/settings.js
@@ -42,7 +42,13 @@ export default {
    * @description Set some pages, you can go in without logging in.
    * Detail logic in permission.js
    */
-  whiteList: ['/login', '/auth-redirect']
+  whiteList: ['/login', '/auth-redirect'],
+
+  /**
+   * @type {boolean} true | false
+   * @description Whether only one sub-menu can be active
+   */
+  sidebarUniqueOpened: false
 
   // permission: true,
   // i18n: true
diff --git a/src/store/modules/app.js b/src/store/modules/app.js
@@ -11,7 +11,8 @@ const app = {
     language: Cookies.get('language') || settings.language,
     size: Cookies.get('size') || settings.size,
     viewsTransition: Cookies.get('viewsTransition') || settings.viewsTransition,
-    needTagsView: Cookies.get('needTagsView') || settings.tagsView
+    needTagsView: Cookies.get('needTagsView') || settings.tagsView,
+    sidebarUniqueOpened: Cookies.get('sidebarUniqueOpened') || settings.sidebarUniqueOpened
   },
   mutations: {
     TOGGLE_SIDEBAR: state => {
@@ -46,6 +47,10 @@ const app = {
     SET_TAGS_VIEW: (state, needTagsView) => {
       state.needTagsView = needTagsView
       Cookies.set('needTagsView', needTagsView)
+    },
+    SET_SIDEBAR_UNIQUE_OPENED: (state, sidebarUniqueOpened) => {
+      state.sidebarUniqueOpened = sidebarUniqueOpened
+      Cookies.set('sidebarUniqueOpened', sidebarUniqueOpened)
     }
   },
   actions: {
@@ -69,6 +74,9 @@ const app = {
     },
     setTagsView({ commit }, needTagsView) {
       commit('SET_TAGS_VIEW', needTagsView)
+    },
+    setSidebarUniqueOpened({ commit }, sidebarUniqueOpened) {
+      commit('SET_SIDEBAR_UNIQUE_OPENED', sidebarUniqueOpened)
     }
   }
 }
diff --git a/src/views/layout/components/Sidebar/index.vue b/src/views/layout/components/Sidebar/index.vue
@@ -4,6 +4,7 @@
       :show-timeout="200"
       :default-active="$route.path"
       :collapse="isCollapse"
+      :unique-opened="uniqueOpened"
       mode="vertical"
       background-color="#304156"
       text-color="#bfcbd9"
@@ -27,6 +28,9 @@ export default {
     ]),
     isCollapse() {
       return !this.sidebar.opened
+    },
+    uniqueOpened() {
+      return this.$store.state.app.sidebarUniqueOpened
     }
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,7 @@`
`4`	`4`	`:show-timeout="200"`
`5`	`5`	`:default-active="$route.path"`
`6`	`6`	`:collapse="isCollapse"`
	`7`	`+ :unique-opened="uniqueOpened"`
`7`	`8`	`mode="vertical"`
`8`	`9`	`background-color="#304156"`
`9`	`10`	`text-color="#bfcbd9"`
`@@ -27,6 +28,9 @@ export default {`
`27`	`28`	`]),`
`28`	`29`	`isCollapse() {`
`29`	`30`	`return !this.sidebar.opened`
	`31`	`+ },`
	`32`	`+ uniqueOpened() {`
	`33`	`+ return this.$store.state.app.sidebarUniqueOpened`
`30`	`34`	`}`
`31`	`35`	`}`
`32`	`36`	`}`