【V3.2.0】1、左侧菜单Logo和标题固定；2、Excel导出添加水印；3、长时间不在线自动返回登录页；4、移除sa-token的 token-prefix 配置；5、升级 ant deign vue到最新版4.2；6、登录页面引入登录类型图标方式；7、文件预览组件的文件下载方式为接口方式下载；

smart-admin-web/javascript-ant-design-vue3/src/layout/components/side-menu/index.vue

@@ -1,11 +1,11 @@
 <!--
   * 传统菜单
-  * 
-  * @Author:    1024创新实验室-主任：卓大 
-  * @Date:      2022-09-06 20:29:12 
-  * @Wechat:    zhuda1024 
-  * @Email:     lab1024@163.com 
-  * @Copyright  1024创新实验室 （ https://1024lab.net ），Since 2012 
+  *
+  * @Author:    1024创新实验室-主任：卓大
+  * @Date:      2022-09-06 20:29:12
+  * @Wechat:    zhuda1024
+  * @Email:     lab1024@163.com
+  * @Copyright  1024创新实验室 （ https://1024lab.net ），Since 2012
 -->
 <template>
   <!--左侧菜单分为两部分：1、顶部logo区域，包含 logo和名称;2、下方菜单区域-->
@@ -21,7 +21,9 @@
   </div>
 
   <!-- 2、下方菜单区域： 这里使用一个递归菜单解决 -->
-  <RecursionMenu :collapsed="collapsed" ref="menuRef" />
+  <div class="menu">
+    <RecursionMenu :collapsed="collapsed" ref="menuRef" />
+  </div>
 </template>
 
 <script setup>
@@ -60,6 +62,13 @@
   function onGoHome() {
     router.push({ name: HOME_PAGE_NAME });
   }
+
+  const color = computed(() => {
+    let isLight = useAppConfigStore().$state.sideMenuTheme === 'light';
+    return {
+      background: isLight ? '#FFFFFF' : '#001529',
+    };
+  });
 </script>
 
 <style lang="less" scoped>
@@ -75,7 +84,9 @@
       height: @header-user-height;
       line-height: @header-user-height;
       padding: 0px 15px 0px 15px;
-      width: 100%;
+      background-color: v-bind('color.background');
+      position: fixed;
+      width: 80px;
       z-index: 21;
       display: flex;
       justify-content: center;
@@ -89,7 +100,9 @@
     .logo {
       height: @header-user-height;
       line-height: @header-user-height;
+      background-color: v-bind('color.background');
       padding: 0px 15px 0px 15px;
+      position: fixed;
       z-index: 21;
       display: flex;
       cursor: pointer;
@@ -115,6 +128,6 @@
     }
   }
   .menu {
-    padding: 16px 0;
+    margin-top: @header-user-height;
   }
 </style>