From a4b207df29301d5f471ed66618a347c8c5bc2d0f Mon Sep 17 00:00:00 2001
From: Chaos <chaos@nopj.cn>
Date: Sat, 6 Dec 2025 20:01:24 +0800
Subject: [PATCH] =?UTF-8?q?fix(auth):=20=E4=BF=AE=E5=A4=8D=E7=99=BB?=
 =?UTF-8?q?=E5=BD=95=E8=B7=B3=E8=BD=AC=E5=92=8C=E5=9B=BE=E6=A0=87=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=B1=9E=E6=80=A7=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除调试日志和冗余类型断言
- 修复图标组件属性名从 Cid 到 id
- 更新登录成功后的页面跳转逻辑
- 优化侧边栏用户卡片渲染逻辑
- 调整侧边栏样式和布局结构
- 添加用户信息下拉菜单占位内容
---
 .../components/layout/app/AppSidebar.svelte   | 42 +++++++++++++++----
 src/routes/auth/login/+page.svelte            |  8 +---
 2 files changed, 35 insertions(+), 15 deletions(-)

diff --git a/src/lib/components/layout/app/AppSidebar.svelte b/src/lib/components/layout/app/AppSidebar.svelte
index c16768a..656e334 100644
--- a/src/lib/components/layout/app/AppSidebar.svelte
+++ b/src/lib/components/layout/app/AppSidebar.svelte
@@ -6,7 +6,9 @@
 	import Icon from '$lib/components/icon/Icon.svelte';
 	import { TOAST_KEY, type ToastState } from '$lib/stores/toast.svelte.ts';
 	import type { RouteId } from '$app/types';
-	import { page } from '$app/state';
+	import { page  } from '$app/state';
+
+
 
 	const rawNavItems: NavItem[] = [
 		{
@@ -118,20 +120,21 @@
 	};
 
 
-
-
 	let menuItems = $derived(computeNavState(rawNavItems, page.url.pathname, expandedIds));
+
+	let userProfileOpen = $state(false);
+
 </script>
 
 
-<aside class="custom-scrollbar h-screen  bg-base-200 flex flex-col rounded-r-box overflow-hidden">
-	<div class="flex items-center  h-18  w-full">
+<aside class="custom-scrollbar h-screen  bg-base-200 flex flex-col rounded-r-box overflow-hidden w-64">
+	<div class="flex items-center  h-18  w-full bg-base-200">
 		<div class="space-x-4  pl-6 w-full">
 			<Icon  id="logo" className="inline" size="36"/><h1 class="font-mono font-bold text-[0.85rem] inline align-bottom">IT Management System</h1>
 		</div>
 	</div>
 	<div class="overflow-y-auto flex-1  ">
-		<ul class="menu bg-base-200  w-64 px-4 pb-4 pt-0 text-base-content  flex-nowrap ">
+		<ul class="menu bg-base-200  w-full px-4 pb-4 pt-0 text-base-content  flex-nowrap ">
 			{#each menuItems as item (item.id)}
 				<li class="{item.isActive ? 'menu-active' : ''} w-full rounded-box ">
 					{#if item.subItems && item.subItems.length > 0}
@@ -191,8 +194,8 @@
 		</ul>
 
 	</div>
-	<div class="h-24 w-full shadow-2xl ">
-		12312
+	<div class="h-24 w-full bg-base-200 ">
+		{@render UserCard( )}
 	</div>
 </aside>
 
@@ -208,4 +211,25 @@
         background-color: rgba(156, 163, 175, 0.3);
         border-radius: 20px;
     }
-</style>
\ No newline at end of file
+</style>
+
+
+
+{#snippet UserCard()}
+	{#if page.data.user}
+		<div class="flex items-center px-4 h-full select-none w-full overflow-hidden hover:bg-base-100 cursor-pointer transition-all dropdown dropdown-top dropdown-end">
+			<div class="flex gap-4 w-full" tabindex="0" role="button" >
+				<div class="w-12 h-12 rounded-box overflow-hidden flex-shrink-0"> <img src={page.data.user.avatar} alt="avatar" class="w-full h-full object-cover">
+				</div>
+				<div class="flex-1 min-w-0">
+					<p class="truncate font-medium">{page.data.user.nickname}</p>
+					<p class="text-xs mt-2 truncate text-base-content/60">@{page.data.user.username}</p>
+				</div>
+			</div>
+		</div>
+		<ul tabindex="-1" class="dropdown-contents menu bg-base-100 rounded-box z-1 w-52 p-2 shadow-sm">
+			<li><a>Item 1</a></li>
+			<li><a>Item 2</a></li>
+		</ul>
+	{/if}
+{/snippet}
\ No newline at end of file
diff --git a/src/routes/auth/login/+page.svelte b/src/routes/auth/login/+page.svelte
index 439814e..764e4df 100644
--- a/src/routes/auth/login/+page.svelte
+++ b/src/routes/auth/login/+page.svelte
@@ -28,17 +28,13 @@
 
 			}else if (result.type === 'success') {
 
-
 				console.log('result', result)
-
-				const { userProfile } = result.data as AuthResponse;
-
-
 				if (typeof result.data?.message  === 'string' ){
 					toast.success(result.data?.message || '登录成功')
 				}
 
 				if (result.data?.redirectTo && typeof result.data?.redirectTo === 'string') {
+					// @ts-expect-error  : 设计
 					await goto(resolve(result.data.redirectTo  as RouteId ));
 				}
 			}
@@ -55,7 +51,7 @@
 
 			<div class="text-center mb-4">
 				<h2 class="text-2xl font-bold flex justify-center items-center gap-2">
-					<Icon Cid="logo" size="40" className="inline-block"></Icon>
+					<Icon id="logo" size="40" className="inline-block"></Icon>
 					<span>IT DTMS登录</span>
 				</h2>
 			</div>