From f48462268d9ee532170658bd8906dab7fcb25419 Mon Sep 17 00:00:00 2001
From: hooray <304327508@qq.com>
Date: Sun, 29 Aug 2021 15:16:32 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E4=BE=A7=E8=BE=B9=E6=A0=8F?=
 =?UTF-8?q?=E5=AF=BC=E8=88=AA=E6=98=AF=E5=90=A6=E4=BF=9D=E6=8C=81=E5=B1=95?=
 =?UTF-8?q?=E5=BC=80=E4=B8=80=E4=B8=AA=E5=AD=90=E9=A1=B9=E7=9A=84=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/SubSidebar/index.vue   |  2 +-
 src/layout/components/ThemeSetting/index.vue | 21 +++++++++++++++++++-
 src/settings.js                              |  2 ++
 3 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/layout/components/SubSidebar/index.vue b/src/layout/components/SubSidebar/index.vue
index 7bf70128..675a102c 100644
--- a/src/layout/components/SubSidebar/index.vue
+++ b/src/layout/components/SubSidebar/index.vue
@@ -7,7 +7,7 @@
         }"
         />
         <!-- 侧边栏模式（无主导航） -->
-        <el-menu unique-opened :default-active="$route.meta.activeMenu || $route.path" :collapse="$store.state.settings.mode === 'pc' && $store.state.settings.sidebarCollapse" :collapse-transition="false" :class="{
+        <el-menu :unique-opened="$store.state.settings.sidebarUniqueOpened" :default-active="$route.meta.activeMenu || $route.path" :collapse="$store.state.settings.mode === 'pc' && $store.state.settings.sidebarCollapse" :collapse-transition="false" :class="{
             'is-collapse-without-logo': $store.state.settings.menuMode !== 'single' && $store.state.settings.mode === 'pc' && $store.state.settings.sidebarCollapse
         }"
         >
diff --git a/src/layout/components/ThemeSetting/index.vue b/src/layout/components/ThemeSetting/index.vue
index 62a4ec82..6a5820fc 100644
--- a/src/layout/components/ThemeSetting/index.vue
+++ b/src/layout/components/ThemeSetting/index.vue
@@ -36,7 +36,16 @@
                         <svg-icon name="el-icon-question" />
                     </el-tooltip>
                 </div>
-                <el-switch v-model="switchSidebarAndPageJump" />
+                <el-switch v-model="switchSidebarAndPageJump" :disabled="['single'].includes($store.state.settings.menuMode)" />
+            </div>
+            <div class="setting-item">
+                <div class="label">
+                    保持展开一个
+                    <el-tooltip content="开启该功能后，侧边栏只保持一个子菜单的展开" placement="top" :append-to-body="false">
+                        <svg-icon name="ri-question-line" />
+                    </el-tooltip>
+                </div>
+                <el-switch v-model="sidebarUniqueOpened" />
             </div>
             <el-divider>顶栏</el-divider>
             <div class="setting-item">
@@ -195,6 +204,16 @@ export default {
                 })
             }
         },
+        sidebarUniqueOpened: {
+            get: function() {
+                return this.$store.state.settings.sidebarUniqueOpened
+            },
+            set: function(newValue) {
+                this.$store.commit('settings/updateThemeSetting', {
+                    'sidebarUniqueOpened': newValue
+                })
+            }
+        },
         topbarFixed: {
             get: function() {
                 return this.$store.state.settings.topbarFixed
diff --git a/src/settings.js b/src/settings.js
index f20a9ad7..7964761d 100644
--- a/src/settings.js
+++ b/src/settings.js
@@ -22,6 +22,8 @@ let globalSettings = {
     sidebarCollapse: false,
     // 切换侧边栏同时跳转页面
     switchSidebarAndPageJump: false,
+    // 侧边栏只保持一个子菜单的展开
+    sidebarUniqueOpened: true,
     // 顶栏（顶部导航栏和标签栏）是否固定
     topbarFixed: true,
     // 是否开启面包屑导航