From 7383a145b4a4a6b9e0dffd9d37c19c236eb2e1e0 Mon Sep 17 00:00:00 2001
From: xinjie <>
Date: Tue, 15 Nov 2022 14:18:24 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E6=B7=BB=E5=8A=A0=E9=9D=A2?=
 =?UTF-8?q?=E5=8C=85=E5=B1=91=EF=BC=8Clogo=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 admin/src/config/setting.ts                   |  2 +
 .../default/components/header/index.vue       |  2 +-
 .../default/components/setting/drawer.vue     | 44 +++++++++++++++++--
 .../default/components/sidebar/side.vue       |  2 +-
 4 files changed, 45 insertions(+), 5 deletions(-)

diff --git a/admin/src/config/setting.ts b/admin/src/config/setting.ts
index c92a5ea1..39254337 100644
--- a/admin/src/config/setting.ts
+++ b/admin/src/config/setting.ts
@@ -1,4 +1,6 @@
 const defaultSetting = {
+    showCrumb: true, // 是否显示面包屑
+    showLogo: true, // 是否显示logo
     isUniqueOpened: false, //只展开一个一级菜单
     sideWidth: 200, //侧边栏宽度
     sideTheme: 'light', //侧边栏主题
diff --git a/admin/src/layout/default/components/header/index.vue b/admin/src/layout/default/components/header/index.vue
index 8aacd7fa..3f6d8394 100644
--- a/admin/src/layout/default/components/header/index.vue
+++ b/admin/src/layout/default/components/header/index.vue
@@ -8,7 +8,7 @@
                 <div class="navbar-item">
                     <refresh />
                 </div>
-                <div class="flex items-center px-2" v-if="!isMobile">
+                <div class="flex items-center px-2" v-if="!isMobile && settingStore.showCrumb">
                     <breadcrumb />
                 </div>
             </div>
diff --git a/admin/src/layout/default/components/setting/drawer.vue b/admin/src/layout/default/components/setting/drawer.vue
index 82ed4e5d..efd08fd2 100644
--- a/admin/src/layout/default/components/setting/drawer.vue
+++ b/admin/src/layout/default/components/setting/drawer.vue
@@ -57,9 +57,23 @@
                     />
                 </div>
             </div>
-            <div class="setting-item mb-5">
-                <div class="text-tx-secondary mb-4">菜单栏宽度</div>
-                <div><el-input-number v-model="sideWidth" :min="180" :max="250" /></div>
+            <div class="setting-item mb-5 flex justify-between items-center">
+                <div class="text-tx-secondary flex-none mr-3">菜单栏宽度</div>
+                <div>
+                    <el-input-number v-model="sideWidth" :min="180" :max="250" />
+                </div>
+            </div>
+            <div class="setting-item mb-5 flex justify-between items-center">
+                <div class="text-tx-secondary flex-none mr-3">显示LOGO</div>
+                <div>
+                    <el-switch v-model="showLogo" :active-value="true" :inactive-value="false" />
+                </div>
+            </div>
+            <div class="setting-item mb-5 flex justify-between items-center">
+                <div class="text-tx-secondary flex-none mr-3">显示面包屑</div>
+                <div>
+                    <el-switch v-model="showCrumb" :active-value="true" :inactive-value="false" />
+                </div>
             </div>
             <div class="setting-item mb-5 flex justify-between items-center">
                 <el-button @click="resetTheme">重置主题</el-button>
@@ -158,6 +172,30 @@ const theme = computed({
     }
 })
 
+const showLogo = computed({
+    get() {
+        return settingStore.showLogo
+    },
+    set(value) {
+        settingStore.setSetting({
+            key: 'showLogo',
+            value
+        })
+    }
+})
+
+const showCrumb = computed({
+    get() {
+        return settingStore.showCrumb
+    },
+    set(value) {
+        settingStore.setSetting({
+            key: 'showCrumb',
+            value
+        })
+    }
+})
+
 const isDark = useDark()
 const themeChange = () => {
     settingStore.setTheme(isDark.value)
diff --git a/admin/src/layout/default/components/sidebar/side.vue b/admin/src/layout/default/components/sidebar/side.vue
index d90134df..974dfef9 100644
--- a/admin/src/layout/default/components/sidebar/side.vue
+++ b/admin/src/layout/default/components/sidebar/side.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="side" :style="sideStyle">
-        <side-logo :show-title="!isCollapsed" :theme="sideTheme" />
+        <side-logo v-if="settingStore.showLogo" :show-title="!isCollapsed" :theme="sideTheme" />
         <side-menu
             :routes="routes"
             :isCollapsed="isCollapsed"