fix: ref写法优化 路由跳转逻辑优化 部分样式优化

src/hooks/useAuth.ts

@@ -3,6 +3,7 @@ import { useState } from './useState';
 import { useEffect } from './useEffect';
 import { useMenuStore } from '@/stores/menuStore';
 import { usePermissionStore } from '@/stores/permissionStore';
+import { useTabsStore } from '@/stores/tabsStore';
 import router from '@/router';
 
 const TOKEN_KEY = 'MY_APP_AUTH_TOKEN';
@@ -24,17 +25,20 @@ function createAuth() {
   /**
    * 登录:保存 token → 拉取菜单+权限 → 动态注册路由 → 跳转首页
    */
-  const login = async (newToken: string) => {
+  const login = async (newToken: string, targetPath?: string) => {
     setToken(newToken);
 
-    const { loadMenu, homePath } = useMenuStore();
+    const { loadMenu, homePath, isRoutePathAvailable } = useMenuStore();
     const { loadPermissions } = usePermissionStore();
 
     // 并行拉取菜单和权限
     await Promise.all([loadMenu(), loadPermissions()]);
 
-    // 跳转到首页(动态路由已注册完成)
-    router.push(homePath.value);
+    const nextPath =
+      targetPath && isRoutePathAvailable(targetPath) ? targetPath : homePath.value || '/404';
+
+    // 动态路由注册完成后，再跳转到有效目标页
+    router.push(nextPath);
   };
 
   /**
@@ -45,7 +49,9 @@ function createAuth() {
 
     const { clearMenu } = useMenuStore();
     const { clearPermissions } = usePermissionStore();
+    const { clearTabs } = useTabsStore();
 
+    clearTabs();
     clearMenu();
     clearPermissions();