From 4e2ffa38f5fd586557ecdf69b917127bf0c94a8b Mon Sep 17 00:00:00 2001
From: pany <939630029@qq.com>
Date: Mon, 31 Oct 2022 15:35:51 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=B6=88=E6=81=AF?=
 =?UTF-8?q?=E9=80=9A=E7=9F=A5=E5=9B=BE=E6=A0=87=E9=9A=90=E8=97=8F=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/config/layout.ts                          | 3 +++
 src/layout/components/NavigationBar/index.vue | 5 ++++-
 src/layout/components/Settings/index.vue      | 4 ++++
 src/store/modules/settings.ts                 | 3 ++-
 4 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/config/layout.ts b/src/config/layout.ts
index 9b281f9..2046c3d 100644
--- a/src/config/layout.ts
+++ b/src/config/layout.ts
@@ -8,6 +8,8 @@ interface ILayoutSettings {
   showSidebarLogo: boolean
   /** 是否固定 Header */
   fixedHeader: boolean
+  /** 是否显示消息通知 */
+  showNotify: boolean
   /** 是否显示切换主题按钮 */
   showThemeSwitch: boolean
   /** 是否显示全屏按钮 */
@@ -19,6 +21,7 @@ const layoutSettings: ILayoutSettings = {
   showTagsView: true,
   fixedHeader: true,
   showSidebarLogo: true,
+  showNotify: true,
   showThemeSwitch: true,
   showScreenfull: true
 }
diff --git a/src/layout/components/NavigationBar/index.vue b/src/layout/components/NavigationBar/index.vue
index ec29915..22a73c2 100644
--- a/src/layout/components/NavigationBar/index.vue
+++ b/src/layout/components/NavigationBar/index.vue
@@ -19,6 +19,9 @@ const userStore = useUserStore()
 const sidebar = computed(() => {
   return appStore.sidebar
 })
+const showNotify = computed(() => {
+  return settingsStore.showNotify
+})
 const showThemeSwitch = computed(() => {
   return settingsStore.showThemeSwitch
 })
@@ -42,7 +45,7 @@ const logout = () => {
     <div class="right-menu">
       <Screenfull v-if="showScreenfull" class="right-menu-item" />
       <ThemeSwitch v-if="showThemeSwitch" class="right-menu-item" />
-      <Notify class="right-menu-item" />
+      <Notify v-if="showNotify" class="right-menu-item" />
       <el-dropdown class="right-menu-item">
         <el-avatar :icon="UserFilled" :size="34" />
         <template #dropdown>
diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue
index b218672..4b7a2ba 100644
--- a/src/layout/components/Settings/index.vue
+++ b/src/layout/components/Settings/index.vue
@@ -20,6 +20,10 @@ const settingsStore = useSettingsStore()
         <span>固定 Header</span>
         <el-switch v-model="settingsStore.fixedHeader" class="drawer-switch" />
       </div>
+      <div class="drawer-item">
+        <span>显示消息通知</span>
+        <el-switch v-model="settingsStore.showNotify" class="drawer-switch" />
+      </div>
       <div class="drawer-item">
         <span>显示切换主题按钮</span>
         <el-switch v-model="settingsStore.showThemeSwitch" class="drawer-switch" />
diff --git a/src/store/modules/settings.ts b/src/store/modules/settings.ts
index d3769bc..55a75cc 100644
--- a/src/store/modules/settings.ts
+++ b/src/store/modules/settings.ts
@@ -7,8 +7,9 @@ export const useSettingsStore = defineStore("settings", () => {
   const showSettings = ref<boolean>(layoutSettings.showSettings)
   const showTagsView = ref<boolean>(layoutSettings.showTagsView)
   const showSidebarLogo = ref<boolean>(layoutSettings.showSidebarLogo)
+  const showNotify = ref<boolean>(layoutSettings.showNotify)
   const showThemeSwitch = ref<boolean>(layoutSettings.showThemeSwitch)
   const showScreenfull = ref<boolean>(layoutSettings.showScreenfull)
 
-  return { fixedHeader, showSettings, showTagsView, showSidebarLogo, showThemeSwitch, showScreenfull }
+  return { fixedHeader, showSettings, showTagsView, showSidebarLogo, showNotify, showThemeSwitch, showScreenfull }
 })