From 01498d7b7661fc9b0bca67f14ebf925cbb4712ed Mon Sep 17 00:00:00 2001
From: crlang <crlang@163.com>
Date: Wed, 24 Aug 2022 22:24:32 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E5=8F=AF=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE=E5=8A=A8=E6=80=81=E5=A4=B4=E9=83=A8=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/default/setting/SettingDrawer.tsx | 59 +++++++++++++++----
 src/layouts/default/setting/enum.ts           |  2 +
 src/layouts/default/setting/handler.ts        |  6 ++
 3 files changed, 54 insertions(+), 13 deletions(-)

diff --git a/src/layouts/default/setting/SettingDrawer.tsx b/src/layouts/default/setting/SettingDrawer.tsx
index 2d81b2fc..934c6a0e 100644
--- a/src/layouts/default/setting/SettingDrawer.tsx
+++ b/src/layouts/default/setting/SettingDrawer.tsx
@@ -43,6 +43,7 @@ export default defineComponent({
       getShowDarkModeToggle,
       getThemeColor,
       getShowSettingButton,
+      getUseErrorHandle,
     } = useRootSetting()
 
     const { getOpenPageLoading, getBasicTransition, getEnableTransition, getOpenNProgress } = useTransitionSetting()
@@ -68,7 +69,13 @@ export default defineComponent({
       getMixSideFixed,
     } = useMenuSetting()
 
-    const { getShowHeader, getFixed: getHeaderFixed, getHeaderBgColor, getShowSearch } = useHeaderSetting()
+    const {
+      getShowHeader,
+      getFixed: getHeaderFixed,
+      getHeaderBgColor,
+      getShowSearch,
+      getShowNotice,
+    } = useHeaderSetting()
 
     const { getShowMultipleTab, getShowQuick, getShowRedo, getShowFold } = useMultipleTabSetting()
 
@@ -124,6 +131,41 @@ export default defineComponent({
       )
     }
 
+    function renderHeader() {
+      return (
+        <>
+          <SwitchItem
+            title={'项目配置入口'}
+            event={HandlerEnum.THEME_SETTING}
+            def={unref(getShowSettingButton)}
+            disabled={!unref(getShowHeader)}
+          />
+
+          <SwitchItem
+            title={'菜单搜索'}
+            event={HandlerEnum.HEADER_SEARCH}
+            def={unref(getShowSearch)}
+            disabled={!unref(getShowHeader)}
+          />
+
+          <SwitchItem
+            title={'错误日志'}
+            event={HandlerEnum.HEADER_ERROR_LOG}
+            def={unref(getUseErrorHandle)}
+            disabled={!unref(getShowHeader)}
+          />
+
+          <SwitchItem
+            title={'通知中心'}
+            event={HandlerEnum.HEADER_NOTICE}
+            def={unref(getShowNotice)}
+            disabled={!unref(getShowHeader)}
+          />
+
+        </>
+      )
+    }
+
     function renderFeatures() {
       let triggerDef = unref(getTrigger)
 
@@ -135,11 +177,6 @@ export default defineComponent({
 
       return (
         <>
-          <SwitchItem
-            title={'项目配置入口'}
-            event={HandlerEnum.THEME_SETTING}
-            def={unref(getShowSettingButton)}
-          />
           <SwitchItem
             title={'分割菜单'}
             event={HandlerEnum.MENU_SPLIT}
@@ -172,12 +209,6 @@ export default defineComponent({
             def={unref(getCanDrag)}
             disabled={!unref(getShowMenuRef)}
           />
-          <SwitchItem
-            title={'菜单搜索'}
-            event={HandlerEnum.HEADER_SEARCH}
-            def={unref(getShowSearch)}
-            disabled={!unref(getShowHeader)}
-          />
           <SwitchItem
             title={'侧边菜单手风琴模式'}
             event={HandlerEnum.MENU_ACCORDION}
@@ -383,7 +414,7 @@ export default defineComponent({
         {{
           default: () => (
             <>
-              {unref(getShowDarkModeToggle) && <ElDivider>{() => '主题'}</ElDivider>}
+              {unref(getShowDarkModeToggle) && <ElDivider>{() => '暗黑主题'}</ElDivider>}
               {unref(getShowDarkModeToggle) && <AppDarkModeToggle class='mx-auto' />}
               <ElDivider>{() => '导航栏模式'}</ElDivider>
               {renderSidebar()}
@@ -393,6 +424,8 @@ export default defineComponent({
               {renderHeaderTheme()}
               <ElDivider>{() => '菜单主题'}</ElDivider>
               {renderSiderTheme()}
+              <ElDivider>{() => '界面头部'}</ElDivider>
+              {renderHeader()}
               <ElDivider>{() => '界面功能'}</ElDivider>
               {renderFeatures()}
               <ElDivider>{() => '界面显示'}</ElDivider>
diff --git a/src/layouts/default/setting/enum.ts b/src/layouts/default/setting/enum.ts
index f7eb9526..eec3cb95 100644
--- a/src/layouts/default/setting/enum.ts
+++ b/src/layouts/default/setting/enum.ts
@@ -49,6 +49,8 @@ export enum HandlerEnum {
   OPEN_ROUTE_TRANSITION,
 
   THEME_SETTING,
+  HEADER_ERROR_LOG,
+  HEADER_NOTICE,
 }
 
 export const contentModeOptions = [
diff --git a/src/layouts/default/setting/handler.ts b/src/layouts/default/setting/handler.ts
index e01c523f..333ba71a 100644
--- a/src/layouts/default/setting/handler.ts
+++ b/src/layouts/default/setting/handler.ts
@@ -110,6 +110,9 @@ export function handler(event: HandlerEnum, value: any): DeepPartial<ProjectConf
   case HandlerEnum.THEME_SETTING:
     return { showSettingButton: value }
 
+  case HandlerEnum.HEADER_ERROR_LOG:
+    return { useErrorHandle: value }
+
   case HandlerEnum.LOCK_TIME:
     return { lockTime: value }
 
@@ -160,6 +163,9 @@ export function handler(event: HandlerEnum, value: any): DeepPartial<ProjectConf
   case HandlerEnum.HEADER_SEARCH:
     return { headerSetting: { showSearch: value } }
 
+  case HandlerEnum.HEADER_NOTICE:
+    return { headerSetting: { showNotice: value } }
+
   case HandlerEnum.HEADER_FIXED:
     return { headerSetting: { fixed: value } }