feat(auth): 重构登录页面并添加忘记密码路由

- 重构登录表单 UI，使用 DaisyUI 组件美化界面
- 添加记住我功能和加载状态提示
- 集成 Toast 提示组件用于显示登录结果
- 新增忘记密码页面路由
- 实现全局 Toast 消息提醒功能
- 在根布局中引入 ToastContainer 组件

src/routes/auth/login/+page.svelte

@@ -1,43 +1,119 @@
 <script lang="ts">
+	import { authService } from '$lib/api/services/authService.ts';
+	import type { LoginPayload } from '$lib/types/auth.ts';
+	import { goto } from '$app/navigation';
+	import { resolve } from '$app/paths';
+	import { get } from 'svelte/store';
+	import { authStore } from '$lib/stores/authStore.ts';
+	import Icon from '$lib/components/icon/Icon.svelte';
+	import { toast } from '$lib/stores/toastStore.ts';
 
-import { authService } from '$lib/api/services/authService.ts';
-import type { LoginPayload } from '$lib/types/auth.ts';
-import { goto } from '$app/navigation';
-import { resolve } from '$app/paths';
-import { get } from 'svelte/store';
-import { authStore } from '$lib/stores/authStore.ts';
+	// 使用 bind:value 直接绑定，不需要手动写 handleChange
+	let loginPayload: LoginPayload = {
+		username: '',
+		password: ''
+	};
 
-const loginPayload:LoginPayload = {
-	username: '',
-	password: ''
-}
-const handleSubmit = async (e: Event) => {
-	e.preventDefault();
-	try{
-		await authService.login(loginPayload);
-		if(get(authStore).isAuthenticated){
-			await goto(resolve('/'));
+	let rememberMe = false; // 变量名语义更清晰，原 isSaving 容易歧义
+	let isLoading = false;  // 新增：控制按钮加载状态
+
+	const handleSubmit = async () => {
+		if (isLoading) return;
+		isLoading = true;
+
+		try {
+			// 模拟延时效果，让用户感觉到正在处理 (可选)
+			// await new Promise(r => setTimeout(r, 500));
+
+			await authService.login(loginPayload);
+			if (get(authStore).isAuthenticated) {
+				toast.success('登录成功,正在跳转到首页')
+				setTimeout( async () => {
+
+					await goto(resolve('/app/dashboard'));
+				}, 1000)
+
+			}
+		} catch (e) {
+			console.error(e);
+			// 这里建议加上一个 Toast 提示错误，比如 daisyUI 的 alert
+		} finally {
+			isLoading = false;
 		}
-	}catch (e){
-		console.error(e);
-	}
-}
-const handleChange = (e: Event) => {
-	const target = e.target as HTMLInputElement;
-	loginPayload[target.name] = target.value;
-}
+	};
 </script>
 
-<div class="h-screen w-screen bg-base-300 flex justify-center items-center">
-	<form id="loginForm" class="flex flex-col gap-4">
+<div class="min-h-screen bg-base-200 flex items-center justify-center p-4">
 
-			<label class="" for="username" >用户名</label>
-			<input class="input" type="text" name="username" on:change={handleChange} >
+	<div class="card w-full max-w-sm bg-base-100 shadow-2xl">
+		<div class="card-body">
 
+			<div class="text-center mb-4">
+				<h2 class="text-2xl font-bold flex justify-center items-center gap-2">
+					<Icon id="logo" size="40" className="inline-block"></Icon>
+					<span>IT DTMS登录</span>
+				</h2>
+			</div>
 
-			<label class="" for="password" >密码</label>
-			<input class="input " type="password" name="password" on:change={handleChange} >
+			<form on:submit|preventDefault={handleSubmit} class="space-y-4">
 
-			<button class="btn btn-wide" type="submit" on:click="{handleSubmit}" > 登录</button>
-	</form>
+				<div class="form-control">
+					<label class="label">
+						<span class="label-text">用户名</span>
+					</label>
+					<div class="relative">
+						<input
+							type="text"
+							placeholder="username"
+							class="input input-bordered w-full pl-10"
+							bind:value={loginPayload.username}
+						/>
+						<span class="absolute left-3 top-1/2 -translate-y-1/2 text-base-content/50">
+               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="w-4 h-4 opacity-70"><path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM12.735 14c.618 0 1.093-.561.872-1.139a6.002 6.002 0 0 0-11.215 0c-.22.578.254 1.139.872 1.139h9.47Z" /></svg>
+            </span>
+					</div>
+				</div>
+
+				<div class="form-control">
+					<label class="label">
+						<span class="label-text">密码</span>
+					</label>
+					<div class="relative">
+						<input
+							type="password"
+							placeholder="password"
+							class="input input-bordered w-full pl-10"
+							bind:value={loginPayload.password}
+						/>
+						<span class="absolute left-3 top-1/2 -translate-y-1/2 text-base-content/50">
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="w-4 h-4 opacity-70"><path fill-rule="evenodd" d="M14 6a4 4 0 0 1-4.899 3.899l-1.955 1.955a.5.5 0 0 1-.353.146H5v1.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2.293a.5.5 0 0 1 .146-.353l3.955-3.955A4 4 0 1 1 14 6Zm-4-2a.75.75 0 0 0 0 1.5.5.5 0 0 1 .5.5.75.75 0 0 0 1.5 0 2 2 0 0 0-2-2Z" clip-rule="evenodd" /></svg>
+            </span>
+					</div>
+
+				</div>
+
+				<div class="form-control mt-6 flex justify-between">
+					<label class="label cursor-pointer justify-start gap-2">
+						<input type="checkbox" bind:checked={rememberMe} class="checkbox checkbox-sm checkbox-primary" />
+						<span class="label-text">记住我</span>
+					</label>
+					<div class="label" >
+						<a href={resolve('/auth/forgetPassword')} class="label-text-alt link link-hover">忘记密码?</a>
+					</div>
+				</div>
+
+				<div class="form-control mt-2">
+					<button class="btn btn-primary w-full" disabled={isLoading}>
+						{#if isLoading}
+							<span class="loading loading-spinner loading-sm"></span>
+							登录中...
+						{:else}
+							登录
+						{/if}
+					</button>
+				</div>
+
+			</form>
+		</div>
+	</div>
 </div>