fix：设置添加页面切换动画

web/src/pinia/modules/app.js

@@ -17,14 +17,16 @@ export const useAppStore = defineStore('app', () => {
     layout_side_collapsed_width: 80,
     layout_side_item_height: 48,
     show_watermark: true,
-    side_mode: 'normal'
+    side_mode: 'normal',
+    // 页面过渡动画配置
+    transition_type: 'slide'
   })
 
   const isDark = useDark({
     selector: 'html',
     attribute: 'class',
     valueDark: 'dark',
-    valueLight: 'light',
+    valueLight: 'light'
   })
 
   const preferredDark = usePreferredDark()
@@ -50,10 +52,10 @@ export const useAppStore = defineStore('app', () => {
   }
 
   const toggleDevice = (e) => {
-    if(e === 'mobile'){
+    if (e === 'mobile') {
       drawerSize.value = '100%'
       operateMinWith.value = '80'
-    }else {
+    } else {
       drawerSize.value = '800'
       operateMinWith.value = '240'
     }
@@ -93,7 +95,11 @@ export const useAppStore = defineStore('app', () => {
     config.side_mode = e
   }
 
-    // 监听色弱模式和灰色模式
+  const toggleTransition = (e) => {
+    config.transition_type = e
+  }
+
+  // 监听色弱模式和灰色模式
   watchEffect(() => {
     document.documentElement.classList.toggle('html-weakenss', config.weakness)
     document.documentElement.classList.toggle('html-grey', config.grey)
@@ -121,6 +127,7 @@ export const useAppStore = defineStore('app', () => {
     toggleConfigSideCollapsedWidth,
     toggleConfigSideItemHeight,
     toggleConfigWatermark,
-    toggleSideMode
+    toggleSideMode,
+    toggleTransition
   }
 })

web/src/pinia/modules/user.js

@@ -28,9 +28,12 @@ export const useUserStore = defineStore('user', () => {
     userInfo.value = val
     if (val.originSetting) {
       Object.keys(appStore.config).forEach((key) => {
-        appStore.config[key] = val.originSetting[key]
+        if (val.originSetting[key]) {
+          appStore.config[key] = val.originSetting[key]
+        }
       })
     }
+    console.log(appStore.config)
   }
 
   const setToken = (val) => {
@@ -66,7 +69,7 @@ export const useUserStore = defineStore('user', () => {
       })
 
       const res = await login(loginInfo)
-      
+
       if (res.code !== 0) {
         ElMessage.error(res.message || '登录失败')
         return false