任务三

web/config/config.ts

@@ -24,6 +24,12 @@ export default defineConfig({
    */
   hash: true,
 
+  /**
+   * @name esbuild minify IIFE
+   * @description 解决 esbuild helpers 冲突问题
+   */
+  esbuildMinifyIIFE: true,
+
   publicPath: PUBLIC_PATH,
 
   /**
@@ -83,7 +89,7 @@ export default defineConfig({
    * @name layout 插件
    * @doc https://umijs.org/docs/max/layout-menu
    */
-  title: "Ant Design Pro",
+  title: "KRA Admin",
   layout: {
     locale: true,
     ...defaultSettings,

web/config/defaultSettings.ts

@@ -1,27 +1,47 @@
 import type { ProLayoutProps } from '@ant-design/pro-components';
 
 /**
- * @name
+ * @name KRA 后台管理系统布局配置
+ * @description 参考 GVA 的布局配置，适配 Ant Design Pro
  */
 const Settings: ProLayoutProps & {
   pwa?: boolean;
   logo?: string;
+  showWatermark?: boolean;
 } = {
   navTheme: 'light',
-  // 拂晓蓝
-  colorPrimary: '#1890ff',
+  // 主题色 - 与 GVA 保持一致的蓝色
+  colorPrimary: '#3b82f6',
+  // 布局模式: side | top | mix
   layout: 'mix',
   contentWidth: 'Fluid',
-  fixedHeader: false,
+  // 固定头部
+  fixedHeader: true,
+  // 固定侧边栏
   fixSiderbar: true,
+  // 色弱模式
   colorWeak: false,
-  title: 'Ant Design Pro',
+  // 应用标题
+  title: 'KRA Admin',
   pwa: true,
-  logo: 'https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg',
+  // Logo
+  logo: '/logo.svg',
   iconfontUrl: '',
+  // 显示水印
+  showWatermark: true,
+  // 侧边栏宽度配置
+  siderWidth: 256,
   token: {
-    // 参见ts声明，demo 见文档，通过token 修改样式
-    //https://procomponents.ant.design/components/layout#%E9%80%9A%E8%BF%87-token-%E4%BF%AE%E6%94%B9%E6%A0%B7%E5%BC%8F
+    // 头部高度
+    header: {
+      heightLayoutHeader: 64,
+    },
+    // 侧边栏配置
+    sider: {
+      colorMenuBackground: '#fff',
+      colorTextMenuSelected: '#3b82f6',
+      colorBgMenuItemSelected: '#e6f4ff',
+    },
   },
 };