From 70fd9528e6e00a12ed9b70c253c557aa5055ce8e Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期一, 26 二月 2024 09:38:48 +0800
Subject: [PATCH] #

---
 zy-asrs-flow/src/App.jsx |   59 ++++++++++++++++++++++++++++++++++++++++++++---------------
 1 files changed, 44 insertions(+), 15 deletions(-)

diff --git a/zy-asrs-flow/src/App.jsx b/zy-asrs-flow/src/App.jsx
index d3ce935..f9725c3 100644
--- a/zy-asrs-flow/src/App.jsx
+++ b/zy-asrs-flow/src/App.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Footer, Question, SelectLang, AvatarDropdown, AvatarName } from '@/components';
+import { Footer, Question, SelectLang, AvatarDropdown, AvatarName, Brightness } from '@/components';
 import { LinkOutlined } from '@ant-design/icons';
 import { SettingDrawer } from '@ant-design/pro-components';
 import { history, Link } from '@umijs/max';
@@ -14,6 +14,7 @@
 const isDev = process.env.NODE_ENV === 'development';
 const loginPath = '/user/login';
 const defaultAvatar = 'https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png'
+import logo from '../public/img/logo.png'
 
 // https://xflow.antv.vision/zh-CN/docs/tutorial/solutions/dag DAG 娴佺▼鍥�
 export function render(oldRender) {
@@ -79,9 +80,22 @@
 }
 
 // ProLayout 鏀寔鐨刟pi https://procomponents.ant.design/components/layout
+// 浼樺厛绾� layout > config > defaultSetting
 export const layout = ({ initialState, setInitialState }) => {
+  const [darkMode, setDarkMode] = React.useState(() => {
+    return JSON.parse(localStorage.getItem('darkMode')) || false;
+  });
+
+  React.useEffect(() => {
+    localStorage.setItem('darkMode', JSON.stringify(darkMode));
+  }, [darkMode]);
+
   return {
-    actionsRender: () => [<Question key="doc" />, <SelectLang key="SelectLang" />],
+    actionsRender: () => [
+      <Brightness darkMode={darkMode} setDarkMode={setDarkMode} />,
+      // <Question key="doc" />,
+      // <SelectLang key="SelectLang" />
+    ],
     avatarProps: {
       src: initialState?.currentUser?.avatar,
       title: <AvatarName />,
@@ -102,9 +116,6 @@
         return getRemoteMenu();
       },
     },
-    waterMarkProps: {
-      content: initialState?.currentUser?.nickname,
-    },
     footerRender: () => <Footer />,
     onPageChange: () => {
       const { location } = history;
@@ -113,6 +124,18 @@
         history.push(loginPath);
       }
     },
+    // token: {
+    //   bgLayout: '#fff',
+    //   header: {
+    //     colorBgHeader: '#fff',
+    //   },
+    //   sider: {
+    //     colorMenuBackground: '#fff',
+    //   },
+    //   pageContainer: {
+    //     colorBgPageContainer: '#fff',
+    //   },
+    // },
     bgLayoutImgList: [
       {
         src: 'https://mdn.alipayobjects.com/yuyan_qk0oxh/afts/img/D2LWSqNny4sAAAAAAAAAAAAAFl94AQBr',
@@ -133,14 +156,8 @@
         width: '331px',
       },
     ],
-    links: isDev
-      ? [
-        <Link key="openapi" to="/umi/plugin/openapi" target="_blank">
-          <LinkOutlined />
-          <span>OpenAPI 鏂囨。</span>
-        </Link>,
-      ]
-      : [],
+    // 鏄剧ず鍦ㄨ彍鍗曞彸涓嬭鐨勫揩鎹锋搷浣�
+    links: [],
     menuHeaderRender: undefined,
     // 鑷畾涔� 403 椤甸潰
     // unAccessible: <div>unAccessible</div>,
@@ -156,6 +173,7 @@
               enableDarkTheme
               settings={initialState?.settings}
               onSettingChange={(settings) => {
+                console.log(settings);
                 setInitialState((preInitialState) => ({
                   ...preInitialState,
                   settings,
@@ -167,6 +185,19 @@
       );
     },
     ...initialState?.settings,
+    layout: 'mix',  // layout 鐨勮彍鍗曟ā寮忥紝side锛氬彸渚у鑸紝top锛氶《閮ㄥ鑸�
+    // contentStyle: () => {  // 	layout 鐨勫唴瀹瑰尯 style
+    //   return 
+    // },
+    contentWidth: 'Fluid', // layout 鐨勫唴瀹规ā寮忥紝Fluid锛氳嚜閫傚簲锛堝叏灞忥級锛孎ixed锛氬畾瀹� 锛堝皬锛� 1200px
+    fixedHeader: true,  // 鍥哄畾 header
+    fixSiderbar: true,  // 鍥哄畾瀵艰埅
+    // settings: defaultSettings, // layout 鐨勮缃�
+    // waterMarkProps: { content: initialState?.currentUser?.nickname }, //姘村嵃
+    // navTheme: 'realDark', // 榛樿涓婚棰滆壊  "realDark" | "light" | undef...
+    navTheme: darkMode ? 'realDark' : 'light',
+    footerRender: false,  // 椤佃剼 鍚敤璇锋敞閲婏紝涓嶆槸璁剧疆涓簍rue
+    logo: logo,
   };
 };
 
@@ -183,7 +214,6 @@
   // 鍓嶇疆瀹堝崼
   requestInterceptors: [
     (url, options) => {
-      console.log('request ====>:', url);
       const token = getToken();
       if (token && options.headers) {
         options.headers[TOKEN_HEADER_NAME] = token;
@@ -205,7 +235,6 @@
       if (token) {
         setToken(token);
       }
-      console.log(response);
       return response;
     }
   ]

--
Gitblit v1.9.1