diff --git a/front/src/app.d.ts b/front/src/app.d.ts
index 0506588..da08e6d 100644
--- a/front/src/app.d.ts
+++ b/front/src/app.d.ts
@@ -10,7 +10,4 @@ declare global {
 	}
 }
 
-
-
-
 export {};
diff --git a/front/src/lib/api.ts b/front/src/lib/api.ts
index 67c58c7..b3b3811 100644
--- a/front/src/lib/api.ts
+++ b/front/src/lib/api.ts
@@ -93,7 +93,7 @@ export async function GetTraces(r: string): Promise<GetTracesRes> {
 	return res.data;
 }
 
-export async function TicketOverview(): Promise<TicketOverviewRes>{
+export async function TicketOverview(): Promise<TicketOverviewRes> {
 	const res = await api.get('/api/v3/ticket_overview');
 	return res.data;
-}
\ No newline at end of file
+}
diff --git a/front/src/lib/components/Dock.svelte b/front/src/lib/components/Dock.svelte
index a86457e..89d0d1a 100644
--- a/front/src/lib/components/Dock.svelte
+++ b/front/src/lib/components/Dock.svelte
@@ -4,9 +4,9 @@
 	import Settings from 'carbon-icons-svelte/lib/Settings.svelte';
 	import Home from 'carbon-icons-svelte/lib/Home.svelte';
 	import Return from 'carbon-icons-svelte/lib/Return.svelte';
-	import SearchAdvanced from "carbon-icons-svelte/lib/SearchAdvanced.svelte";
-	import CarbonForIbmDotcom from "carbon-icons-svelte/lib/CarbonForIbmDotcom.svelte";
-	import EventSchedule from "carbon-icons-svelte/lib/EventSchedule.svelte";
+	import SearchAdvanced from 'carbon-icons-svelte/lib/SearchAdvanced.svelte';
+	import CarbonForIbmDotcom from 'carbon-icons-svelte/lib/CarbonForIbmDotcom.svelte';
+	import EventSchedule from 'carbon-icons-svelte/lib/EventSchedule.svelte';
 	import { page } from '$app/state';
 
 	let isAdminView = $derived(page.url.pathname.startsWith('/admin'));
@@ -45,12 +45,15 @@
 			<span>后台中心</span>
 		</a>
 
-		<a href="/op/ticket_search" class="nav-item" class:active={page.url.pathname === '/op/ticket_search'}>
+		<a
+			href="/op/ticket_search"
+			class="nav-item"
+			class:active={page.url.pathname === '/op/ticket_search'}
+		>
 			<SearchAdvanced />
 			<span>检索工单</span>
 		</a>
 		<a href="/op/scheduler" class="nav-item" class:active={page.url.pathname === '/op/scheduler'}>
-			
 			<EventSchedule />
 			<span>我的排班</span>
 		</a>
@@ -69,12 +72,19 @@
 			<span>管理中心</span>
 		</a>
 
-		<a href="/admin/add_ticket" class="nav-item" class:active={page.url.pathname === '/admin/add_ticket'}>
+		<a
+			href="/admin/add_ticket"
+			class="nav-item"
+			class:active={page.url.pathname === '/admin/add_ticket'}
+		>
 			<SearchAdvanced />
 			<span>增添工单</span>
 		</a>
-		<a href="/admin/scheduler" class="nav-item" class:active={page.url.pathname === '/admin/scheduler'}>
-			
+		<a
+			href="/admin/scheduler"
+			class="nav-item"
+			class:active={page.url.pathname === '/admin/scheduler'}
+		>
 			<EventSchedule />
 			<span>成员排班</span>
 		</a>
diff --git a/front/src/lib/components/RetroCard.svelte b/front/src/lib/components/RetroCard.svelte
index 1525b80..e87e6fe 100644
--- a/front/src/lib/components/RetroCard.svelte
+++ b/front/src/lib/components/RetroCard.svelte
@@ -1,5 +1,5 @@
 <script>
-	let { children,...rest } = $props();
+	let { children, ...rest } = $props();
 </script>
 
 <div class="card" {...rest}>
@@ -54,7 +54,7 @@
 		color: #4a4949;
 	}
 
-        .card :global(h2) {
-                font-size: 25px;
-        }
+	.card :global(h2) {
+		font-size: 25px;
+	}
 </style>
diff --git a/front/src/lib/components/Ticket/BlockRoom.svelte b/front/src/lib/components/Ticket/BlockRoom.svelte
index 4d74e3a..f94654b 100644
--- a/front/src/lib/components/Ticket/BlockRoom.svelte
+++ b/front/src/lib/components/Ticket/BlockRoom.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-        import { BlockMap } from '$lib/types/enum';
-        import type { WtsBlock } from '$lib/types/enum';
-        let { b,r }: { b: WtsBlock, r: string } = $props();
+	import { BlockMap } from '$lib/types/enum';
+	import type { WtsBlock } from '$lib/types/enum';
+	let { b, r }: { b: WtsBlock; r: string } = $props();
 </script>
 
 <span>
-        {BlockMap[b]}-{r}
-</span>
\ No newline at end of file
+	{BlockMap[b]}-{r}
+</span>
diff --git a/front/src/lib/components/Ticket/OperatorTicket.svelte b/front/src/lib/components/Ticket/OperatorTicket.svelte
index d7b2dbd..6f42847 100644
--- a/front/src/lib/components/Ticket/OperatorTicket.svelte
+++ b/front/src/lib/components/Ticket/OperatorTicket.svelte
@@ -31,7 +31,7 @@
 		{/if}
 		<div class="flex items-baseline" style="margin-top: 12.5px; font-size: 15.5px;">
 			<strong style="flex-shrink: 0;width: 7em;">状态</strong>
-			<div style="font-size: 15px;"><WtsStatus s={t.status} ap={t.appointed_at}/></div>
+			<div style="font-size: 15px;"><WtsStatus s={t.status} ap={t.appointed_at} /></div>
 		</div>
 		<div class="flex items-baseline" style="margin-top: 12.5px; font-size: 15.5px;">
 			<strong style="flex-shrink: 0;width: 7em;">报修时间</strong>
diff --git a/front/src/lib/components/Ticket/WtsAccess.svelte b/front/src/lib/components/Ticket/WtsAccess.svelte
index 02ef30e..e09f04b 100644
--- a/front/src/lib/components/Ticket/WtsAccess.svelte
+++ b/front/src/lib/components/Ticket/WtsAccess.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-        import { AccessMap } from '$lib/types/enum';
-        import type { WtsAccess } from '$lib/types/enum';
-        let { a }: { a: WtsAccess } = $props();
+	import { AccessMap } from '$lib/types/enum';
+	import type { WtsAccess } from '$lib/types/enum';
+	let { a }: { a: WtsAccess } = $props();
 </script>
 
-<span class="inline-block bg-gray-300 px-3 py-1 text-[15px] rounded-[19px]">
-        {AccessMap[a]}
+<span class="inline-block rounded-[19px] bg-gray-300 px-3 py-1 text-[15px]">
+	{AccessMap[a]}
 </span>
diff --git a/front/src/lib/components/Ticket/WtsCategory.svelte b/front/src/lib/components/Ticket/WtsCategory.svelte
index 09c0e08..e20fd57 100644
--- a/front/src/lib/components/Ticket/WtsCategory.svelte
+++ b/front/src/lib/components/Ticket/WtsCategory.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-        import { CategoryMap } from '$lib/types/enum';
-        import type { WtsCategory } from '$lib/types/enum';
-        let { c }: { c: WtsCategory } = $props();
+	import { CategoryMap } from '$lib/types/enum';
+	import type { WtsCategory } from '$lib/types/enum';
+	let { c }: { c: WtsCategory } = $props();
 </script>
 
 <span>
-        {CategoryMap[c]}
-</span>
\ No newline at end of file
+	{CategoryMap[c]}
+</span>
diff --git a/front/src/lib/components/Ticket/WtsISP.svelte b/front/src/lib/components/Ticket/WtsISP.svelte
index bf3f2ee..9ac0e26 100644
--- a/front/src/lib/components/Ticket/WtsISP.svelte
+++ b/front/src/lib/components/Ticket/WtsISP.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-        import { ISPMap } from '$lib/types/enum';
-        import type { WtsISP } from '$lib/types/enum';
-        let { i }: { i: WtsISP } = $props();
+	import { ISPMap } from '$lib/types/enum';
+	import type { WtsISP } from '$lib/types/enum';
+	let { i }: { i: WtsISP } = $props();
 </script>
 
 <span>
-        {ISPMap[i]}
+	{ISPMap[i]}
 </span>
diff --git a/front/src/lib/components/Ticket/WtsPriority.svelte b/front/src/lib/components/Ticket/WtsPriority.svelte
index a6a6b7d..f67c0c5 100644
--- a/front/src/lib/components/Ticket/WtsPriority.svelte
+++ b/front/src/lib/components/Ticket/WtsPriority.svelte
@@ -1,17 +1,17 @@
 <script lang="ts">
-        import { PriorityMap } from '$lib/types/enum';
-        import type { WtsPriority } from '$lib/types/enum';
-        let { p }: { p: WtsPriority } = $props();
+	import { PriorityMap } from '$lib/types/enum';
+	import type { WtsPriority } from '$lib/types/enum';
+	let { p }: { p: WtsPriority } = $props();
 </script>
 
-{#if p === 'highest' || p==='assigned'}
-<span class="text-red-600" style="font-size: 15px;">
-        <strong>{PriorityMap[p]}</strong>
-</span>
+{#if p === 'highest' || p === 'assigned'}
+	<span class="text-red-600" style="font-size: 15px;">
+		<strong>{PriorityMap[p]}</strong>
+	</span>
 {/if}
 
-{#if p!== 'highest' && p!=='assigned'}
-<span class="text-gray-600" style="font-size: 15px;">
-        <strong>{PriorityMap[p]}</strong>
-</span>
-{/if}
\ No newline at end of file
+{#if p !== 'highest' && p !== 'assigned'}
+	<span class="text-gray-600" style="font-size: 15px;">
+		<strong>{PriorityMap[p]}</strong>
+	</span>
+{/if}
diff --git a/front/src/lib/components/Ticket/WtsStatus.svelte b/front/src/lib/components/Ticket/WtsStatus.svelte
index 62c9aad..24f4e64 100644
--- a/front/src/lib/components/Ticket/WtsStatus.svelte
+++ b/front/src/lib/components/Ticket/WtsStatus.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { StatusMap } from '$lib/types/enum';
 	import type { WtsStatus } from '$lib/types/enum';
-        import { DateRFC3339, type RFC3339 } from '$lib/types/RFC3339';
-	import { isSameDay} from 'date-fns';
+	import { DateRFC3339, type RFC3339 } from '$lib/types/RFC3339';
+	import { isSameDay } from 'date-fns';
 	let { s, ap }: { s: WtsStatus; ap: RFC3339 } = $props();
 
 	const colorMap: Record<WtsStatus, string> = {
@@ -14,15 +14,16 @@
 		canceled: 'text-gray-500'
 	};
 </script>
+
 {#if s === 'scheduled' && isSameDay(ap, new Date())}
-        <span>
-                <strong class="text-blue-600">已预约</strong>
-                <strong class="text-red-600">(今天)</strong>
-        </span>
+	<span>
+		<strong class="text-blue-600">已预约</strong>
+		<strong class="text-red-600">(今天)</strong>
+	</span>
 {:else}
-<span class={colorMap[s]}>
-	<strong>{StatusMap[s]}</strong>
-</span>
+	<span class={colorMap[s]}>
+		<strong>{StatusMap[s]}</strong>
+	</span>
 {/if}
 
 <style>
diff --git a/front/src/lib/components/TraceDetail/ModalButton.svelte b/front/src/lib/components/TraceDetail/ModalButton.svelte
index 3486c22..848145c 100644
--- a/front/src/lib/components/TraceDetail/ModalButton.svelte
+++ b/front/src/lib/components/TraceDetail/ModalButton.svelte
@@ -32,7 +32,7 @@
 {:else if src === 'operator'}
 	<!-- 后台工单记录视图下的下方按钮 -->
 	<ModalFooter>
-		<Button kind="secondary" on:click={() => ((open = false), (view = 'trace'))}>返回   </Button>
+		<Button kind="secondary" on:click={() => ((open = false), (view = 'trace'))}>返回</Button>
 		<Button kind="primary" on:click={() => (view = 'update')}>更新状态</Button>
 	</ModalFooter>
 {/if}
diff --git a/front/src/lib/components/TraceDetail/TicketDetail.svelte b/front/src/lib/components/TraceDetail/TicketDetail.svelte
index a0b7c4d..14e0baa 100644
--- a/front/src/lib/components/TraceDetail/TicketDetail.svelte
+++ b/front/src/lib/components/TraceDetail/TicketDetail.svelte
@@ -25,7 +25,12 @@
 		open = $bindable(TicketModal.Opened),
 		src = TicketModal.SRC,
 		onTicketChanged
-	}: { t?: Ticket | null; open?: boolean; src?: 'user' | 'operator'; onTicketChanged?: () => void | Promise<void>;} = $props();
+	}: {
+		t?: Ticket | null;
+		open?: boolean;
+		src?: 'user' | 'operator';
+		onTicketChanged?: () => void | Promise<void>;
+	} = $props();
 
 	let loading = $state(false);
 	let traces: Trace[] = $state([]);
@@ -129,7 +134,15 @@
 			<NotificationQueue bind:this={q1} />
 			<ModalHeader title="  🖋️请更新No.{getTid(t)}的状态" />
 			<ModalBody>
-				<TraceUpdateView {t} bind:view bind:open bind:isUpReady {q} {q1} onUpdated={onTicketChanged}  />
+				<TraceUpdateView
+					{t}
+					bind:view
+					bind:open
+					bind:isUpReady
+					{q}
+					{q1}
+					onUpdated={onTicketChanged}
+				/>
 			</ModalBody>
 			<UpViewButton bind:view bind:isUpReady />
 		</ComposedModal>
diff --git a/front/src/lib/components/TraceDetail/TraceTimeline.svelte b/front/src/lib/components/TraceDetail/TraceTimeline.svelte
index 2fd527f..78d0ae6 100644
--- a/front/src/lib/components/TraceDetail/TraceTimeline.svelte
+++ b/front/src/lib/components/TraceDetail/TraceTimeline.svelte
@@ -17,8 +17,8 @@
 		return ''; // 默认为蓝色
 	}
 
-	function userOPName(op: string):string {
-		if (op === '用户' && src === 'user'){
+	function userOPName(op: string): string {
+		if (op === '用户' && src === 'user') {
 			return '您';
 		}
 		return op;
diff --git a/front/src/lib/components/TraceDetail/UpViewButton.svelte b/front/src/lib/components/TraceDetail/UpViewButton.svelte
index 27b8757..4194229 100644
--- a/front/src/lib/components/TraceDetail/UpViewButton.svelte
+++ b/front/src/lib/components/TraceDetail/UpViewButton.svelte
@@ -2,16 +2,16 @@
 	import type { Ticket } from '$lib/types/apiResponse';
 	import { ModalFooter, Button } from 'carbon-components-svelte';
 
-        let{
-                view = $bindable<'trace' | 'cancel' | 'update'>(),
-                isUpReady = $bindable<boolean>(),
-        }:{
-                view: 'trace' | 'cancel' | 'update',
-                isUpReady: boolean,
-        } = $props();
+	let {
+		view = $bindable<'trace' | 'cancel' | 'update'>(),
+		isUpReady = $bindable<boolean>()
+	}: {
+		view: 'trace' | 'cancel' | 'update';
+		isUpReady: boolean;
+	} = $props();
 </script>
 
 <ModalFooter>
 	<Button kind="secondary" on:click={() => (view = 'trace')}>返回上一级</Button>
-	<Button kind="primary" on:click={() =>(isUpReady=true)}>确认</Button>
+	<Button kind="primary" on:click={() => (isUpReady = true)}>确认</Button>
 </ModalFooter>
diff --git a/front/src/lib/jwt.ts b/front/src/lib/jwt.ts
index 292fb33..f0249b6 100644
--- a/front/src/lib/jwt.ts
+++ b/front/src/lib/jwt.ts
@@ -91,7 +91,7 @@ export function Guard(a: (subject: WtsAccess) => boolean) {
 		return;
 	}
 	if (!a(jwt.access)) {
-		if(jwt.access === "unregistered"){
+		if (jwt.access === 'unregistered') {
 			goto('/register');
 			return;
 		}
diff --git a/front/src/lib/states/theLastPage.svelte.ts b/front/src/lib/states/theLastPage.svelte.ts
index a4df479..df64ce7 100644
--- a/front/src/lib/states/theLastPage.svelte.ts
+++ b/front/src/lib/states/theLastPage.svelte.ts
@@ -1,16 +1,30 @@
+import { browser } from '$app/environment';
+
 //全局状态，保存用户刚刚访问的页面以便JWT获取后跳转回来
 class theLastPage {
 	p = $state('/');
 
+	constructor() {
+		if (browser) {
+			this.p = sessionStorage.getItem('_the_last_page') || '/';
+		}
+	}
+
 	Write(p: string) {
 		this.p = p;
+		if (browser) {
+			sessionStorage.setItem('_the_last_page', p);
+		}
 	}
 
 	Read(): string {
 		const p1 = this.p;
 		this.p = '/';
+		if (browser) {
+			sessionStorage.removeItem('_the_last_page');
+		}
 		return p1;
 	}
 }
 
-export const TheLastPage = new theLastPage();
\ No newline at end of file
+export const TheLastPage = new theLastPage();
diff --git a/front/src/lib/states/ticketCriteriaSearch.svelte.ts b/front/src/lib/states/ticketCriteriaSearch.svelte.ts
index a894929..46bf39a 100644
--- a/front/src/lib/states/ticketCriteriaSearch.svelte.ts
+++ b/front/src/lib/states/ticketCriteriaSearch.svelte.ts
@@ -2,48 +2,47 @@ import type { FilterTicketsReq } from '$lib/types/apiRequest';
 import type { WtsZone } from '$lib/types/enum';
 
 export type Criteria = {
-        r: FilterTicketsReq;
-        _order: 'priority' | 'newest' | 'oldest';
-        _floor: number | null;
-        _blocks_in_zone: WtsZone[]; //需要和req.block保持一致，注意
-        _view_today_scheduled: boolean;
+	r: FilterTicketsReq;
+	_order: 'priority' | 'newest' | 'oldest';
+	_floor: number | null;
+	_blocks_in_zone: WtsZone[]; //需要和req.block保持一致，注意
+	_view_today_scheduled: boolean;
 };
 
 export let criteria: Criteria = {
-        r: {
-                scope: 'active',
-                issuer: undefined,
-                block: [],
-                status: [],
-                priority: [],
-                category: [],
-                isp: [],
-                newer_than: undefined,
-                older_than: undefined,
-        },
-        _order: 'priority',
-        _floor: null,
-        _blocks_in_zone: [],
-        _view_today_scheduled: false
+	r: {
+		scope: 'active',
+		issuer: undefined,
+		block: [],
+		status: [],
+		priority: [],
+		category: [],
+		isp: [],
+		newer_than: undefined,
+		older_than: undefined
+	},
+	_order: 'priority',
+	_floor: null,
+	_blocks_in_zone: [],
+	_view_today_scheduled: false
 } as Criteria;
 
 export function resetCriteria() {
-        criteria = {
-                r: {
-                        scope: 'active',
-                        issuer: undefined,
-                        block: [],
-                        status: [],
-                        priority: [],
-                        category: [],
-                        isp: [],
-                        newer_than: undefined,
-                        older_than: undefined,
-                },
-                _order: 'priority',
-                _floor: null,
-                _blocks_in_zone: [],
-                _view_today_scheduled: false
-        } as Criteria;
-
+	criteria = {
+		r: {
+			scope: 'active',
+			issuer: undefined,
+			block: [],
+			status: [],
+			priority: [],
+			category: [],
+			isp: [],
+			newer_than: undefined,
+			older_than: undefined
+		},
+		_order: 'priority',
+		_floor: null,
+		_blocks_in_zone: [],
+		_view_today_scheduled: false
+	} as Criteria;
 }
diff --git a/front/src/lib/states/ticketDetails.svelte.ts b/front/src/lib/states/ticketDetails.svelte.ts
index b432f6d..2fda074 100644
--- a/front/src/lib/states/ticketDetails.svelte.ts
+++ b/front/src/lib/states/ticketDetails.svelte.ts
@@ -12,7 +12,7 @@ class TicketDetailState {
 		this.NowTicket = t;
 		this.Opened = true;
 		this.SRC = s;
-	}	
+	}
 
 	// 关闭详情页
 	close() {
diff --git a/front/src/lib/testData/ticket.ts b/front/src/lib/testData/ticket.ts
index 81c4299..e32baf2 100644
--- a/front/src/lib/testData/ticket.ts
+++ b/front/src/lib/testData/ticket.ts
@@ -1,99 +1,99 @@
 import type { Ticket, UserProfile, Trace } from '$lib/types/apiResponse';
 import { NowRFC3339, RFC3339 } from '$lib/types/RFC3339';
 export const sample1issuer: UserProfile = {
-        sid: '2020123456',
-        name: '张三',
-        block: 'XHA',
-        access: 'user',
-        room: '123',
-        phone: '13800138000',
-        isp: 'mobile',
-        account: '12345678901@139.gd',
-        wx: 'zhangsan_wx',
+	sid: '2020123456',
+	name: '张三',
+	block: 'XHA',
+	access: 'user',
+	room: '123',
+	phone: '13800138000',
+	isp: 'mobile',
+	account: '12345678901@139.gd',
+	wx: 'zhangsan_wx'
 };
 
 export const sample1: Ticket = {
-        tid: 3,
-        issuer: sample1issuer,
-        description: '网络坏了啊啊啊，快来修！好像是网线被蟑螂咬坏了。',
-        occur_at: RFC3339('2023-12-31T23:59:59Z'),
-        submitted_at: RFC3339('2024-01-01T00:10:00Z'),
-        category: 'ip-or-device',
-        status: 'scheduled',
-        priority: 'assigned',
-        appointed_at: NowRFC3339(),
+	tid: 3,
+	issuer: sample1issuer,
+	description: '网络坏了啊啊啊，快来修！好像是网线被蟑螂咬坏了。',
+	occur_at: RFC3339('2023-12-31T23:59:59Z'),
+	submitted_at: RFC3339('2024-01-01T00:10:00Z'),
+	category: 'ip-or-device',
+	status: 'scheduled',
+	priority: 'assigned',
+	appointed_at: NowRFC3339()
 };
 
 export const sample2issuer: UserProfile = {
-        sid: '2020123456',
-        name: 'hajimi',
-        block: '17',
-        access: 'user',
-        room: '701',
-        phone: '13800138000',
-        isp: 'telecom',
-        account: '18923456789',
-        wx: 'zhangsan_wx',
+	sid: '2020123456',
+	name: 'hajimi',
+	block: '17',
+	access: 'user',
+	room: '701',
+	phone: '13800138000',
+	isp: 'telecom',
+	account: '18923456789',
+	wx: 'zhangsan_wx'
 };
 
 export const sample2: Ticket = {
-        tid: 2,
-        issuer: sample2issuer,
-        description: '才办的宽带，麻烦来装下，谢谢！',
-        occur_at: RFC3339('2023-12-31T23:59:59Z'),
-        submitted_at: RFC3339('2024-01-01T00:10:00Z'),
-        category: 'first-install',
-        status: 'fresh',
-        priority: 'mainline',
+	tid: 2,
+	issuer: sample2issuer,
+	description: '才办的宽带，麻烦来装下，谢谢！',
+	occur_at: RFC3339('2023-12-31T23:59:59Z'),
+	submitted_at: RFC3339('2024-01-01T00:10:00Z'),
+	category: 'first-install',
+	status: 'fresh',
+	priority: 'mainline'
 };
 
 export const sampleTrace: Trace[] = [
-        {
-                opid: 1,
-                tid: 10,
-                updated_at: RFC3339('2024-01-01T10:00:00Z'),
-                op: '2395',
-                op_name: '（用户操作）',
-                remark: '工单已提交',
-                new_status: 'fresh',
-                new_priority: 'mainline',
-        },
-        {
-                opid: 2,
-                tid: 10,
-                updated_at: RFC3339('2024-01-01T10:00:00Z'),
-                op: '2395',
-                op_name: '哈哈哈',
-                remark: '用户预约了时间',
-                new_status: 'scheduled',
-                new_appointment: RFC3339('2024-01-13T14:00:00Z'),
-        },
-        {
-                opid: 3,
-                tid: 10,
-                updated_at: RFC3339('2024-01-01T10:00:00Z'),
-                op: '2395',
-                op_name: '啊啊啊',
-                remark: '材料不足，改日修',
-                new_status: 'delay',
-        },
-        {
-                opid: 4,
-                tid: 10,
-                updated_at: RFC3339('2024-01-01T10:00:00Z'),
-                op: '2395',
-                op_name: '嘿嘿嘿',
-                remark: '与用户重新约定时间，预约在2024-01-21下午',
-                new_status: 'scheduled',
-                new_appointment: RFC3339('2024-01-21T15:00:00Z'),
-        },
-        {
-                opid: 5,
-                tid: 10,
-                updated_at: RFC3339('2024-01-01T10:00:00Z'),
-                op: '2395',
-                op_name: '喵喵喵',
-                remark: '问题解决：用户路由器线路接触不良，更换后恢复正常',
-                new_status: 'solved',
-        },
+	{
+		opid: 1,
+		tid: 10,
+		updated_at: RFC3339('2024-01-01T10:00:00Z'),
+		op: '2395',
+		op_name: '（用户操作）',
+		remark: '工单已提交',
+		new_status: 'fresh',
+		new_priority: 'mainline'
+	},
+	{
+		opid: 2,
+		tid: 10,
+		updated_at: RFC3339('2024-01-01T10:00:00Z'),
+		op: '2395',
+		op_name: '哈哈哈',
+		remark: '用户预约了时间',
+		new_status: 'scheduled',
+		new_appointment: RFC3339('2024-01-13T14:00:00Z')
+	},
+	{
+		opid: 3,
+		tid: 10,
+		updated_at: RFC3339('2024-01-01T10:00:00Z'),
+		op: '2395',
+		op_name: '啊啊啊',
+		remark: '材料不足，改日修',
+		new_status: 'delay'
+	},
+	{
+		opid: 4,
+		tid: 10,
+		updated_at: RFC3339('2024-01-01T10:00:00Z'),
+		op: '2395',
+		op_name: '嘿嘿嘿',
+		remark: '与用户重新约定时间，预约在2024-01-21下午',
+		new_status: 'scheduled',
+		new_appointment: RFC3339('2024-01-21T15:00:00Z')
+	},
+	{
+		opid: 5,
+		tid: 10,
+		updated_at: RFC3339('2024-01-01T10:00:00Z'),
+		op: '2395',
+		op_name: '喵喵喵',
+		remark: '问题解决：用户路由器线路接触不良，更换后恢复正常',
+		new_status: 'solved'
+	}
 ];
diff --git a/front/src/lib/types/enum.ts b/front/src/lib/types/enum.ts
index 8484b98..9c12df6 100644
--- a/front/src/lib/types/enum.ts
+++ b/front/src/lib/types/enum.ts
@@ -1,33 +1,81 @@
 export type WtsBlock =
-| '1'| '2'| '3'| '4'| '5'| '6' //凤翔
-| '7'| '8'| '9'| '10'| '11' //北门
-| '12'| '13'| '14'| '15'| '20'| '21'| '22' //东门
-| '16'| '17'| '18'| '19' //岐头
-| 'XHA'| 'XHB'| 'XHC'| 'XHD' //香晖
-| 'ZH' //朝晖
-| 'other';
+	| '1'
+	| '2'
+	| '3'
+	| '4'
+	| '5'
+	| '6' //凤翔
+	| '7'
+	| '8'
+	| '9'
+	| '10'
+	| '11' //北门
+	| '12'
+	| '13'
+	| '14'
+	| '15'
+	| '20'
+	| '21'
+	| '22' //东门
+	| '16'
+	| '17'
+	| '18'
+	| '19' //岐头
+	| 'XHA'
+	| 'XHB'
+	| 'XHC'
+	| 'XHD' //香晖
+	| 'ZH' //朝晖
+	| 'other';
 
 export const BlockMap: Record<WtsBlock, string> = {
-	'1':'1栋','2':'2栋','3':'3栋','4':'4栋','5':'5栋','6':'6栋',
-	'7':'7栋','8':'8栋','9':'9栋','10':'10栋','11':'11栋',
-	'12':'12栋','13':'13栋','14':'14栋','15':'15栋','20':'20栋','21':'21栋','22':'22栋',
-	'16':'16栋','17':'17栋','18':'18栋','19':'19栋',
-	'XHA':'香晖A','XHB':'香晖B','XHC':'香晖C','XHD':'香晖D',
-	'ZH':'朝晖',
-	'other':'其它',
-}
+	'1': '1栋',
+	'2': '2栋',
+	'3': '3栋',
+	'4': '4栋',
+	'5': '5栋',
+	'6': '6栋',
+	'7': '7栋',
+	'8': '8栋',
+	'9': '9栋',
+	'10': '10栋',
+	'11': '11栋',
+	'12': '12栋',
+	'13': '13栋',
+	'14': '14栋',
+	'15': '15栋',
+	'20': '20栋',
+	'21': '21栋',
+	'22': '22栋',
+	'16': '16栋',
+	'17': '17栋',
+	'18': '18栋',
+	'19': '19栋',
+	XHA: '香晖A',
+	XHB: '香晖B',
+	XHC: '香晖C',
+	XHD: '香晖D',
+	ZH: '朝晖',
+	other: '其它'
+};
 
 export type WtsAccess =
-| 'dev'
-| 'chief'| 'api'| 'group-leader'
-| 'formal-member'| 'informal-member'
-| 'pre-member'| 'user'
-| 'unregistered';
+	| 'dev'
+	| 'chief'
+	| 'api'
+	| 'group-leader'
+	| 'formal-member'
+	| 'informal-member'
+	| 'pre-member'
+	| 'user'
+	| 'unregistered';
+
+export const IsAccessIn =
+	(...targets: WtsAccess[]) =>
+	(subject: WtsAccess): boolean => {
+		return targets.includes(subject);
+	};
 
-export const IsAccessIn = (...targets: WtsAccess[]) => (subject: WtsAccess): boolean => {
-	return targets.includes(subject);
-}
-	
 export const IsOperator = IsAccessIn(
 	'api',
 	'chief',
@@ -36,14 +84,9 @@ export const IsOperator = IsAccessIn(
 	'formal-member',
 	'informal-member'
 );
-	
-export const IsAdmin = IsAccessIn(
-	'group-leader',
-	'api',
-	'chief',
-	'dev'
-);
-	
+
+export const IsAdmin = IsAccessIn('group-leader', 'api', 'chief', 'dev');
+
 export const IsUser = IsAccessIn(
 	'api',
 	'chief',
@@ -54,111 +97,132 @@ export const IsUser = IsAccessIn(
 	'pre-member',
 	'user'
 );
-	
+
 export const IsPreMember = IsAccessIn('pre-member');
-	
-export const IsFormalMember = IsAccessIn(
-	'group-leader',
-	'api',
-	'chief',
-	'dev',
-	'formal-member'
-);
-	
+
+export const IsFormalMember = IsAccessIn('group-leader', 'api', 'chief', 'dev', 'formal-member');
+
 export const IsUnregistered = IsAccessIn('unregistered');
 
 export const AccessMap: Record<WtsAccess, string> = {
-	'dev': '开发组','chief':'科长','api':'API','group-leader':'组长',
-	'formal-member':'正式成员','informal-member':'实习成员',
-	'pre-member':'前成员','user':'用户',
-	'unregistered':'未注册用户',
-}
-
+	dev: '开发组',
+	chief: '科长',
+	api: 'API',
+	'group-leader': '组长',
+	'formal-member': '正式成员',
+	'informal-member': '实习成员',
+	'pre-member': '前成员',
+	user: '用户',
+	unregistered: '未注册用户'
+};
 
 export type WtsISP = 'telecom' | 'unicom' | 'mobile' | 'broadnet' | 'others';
 
 export const ISPMap: Record<WtsISP, string> = {
-	'telecom': '电信',
-	'unicom': '联通',
-	'mobile': '移动',
-	'broadnet': '广电',
-	'others': '其它',
-}
+	telecom: '电信',
+	unicom: '联通',
+	mobile: '移动',
+	broadnet: '广电',
+	others: '其它'
+};
 
 export type WtsStatus = 'fresh' | 'scheduled' | 'delay' | 'escalated' | 'solved' | 'canceled';
 
 export const StatusMap: Record<WtsStatus, string> = {
-	'fresh': '待解决',
-	'scheduled': '已预约',
-	'delay': '改日修',
-	'escalated': '已上报',
-	'solved': '已解决',
-	'canceled': '已取消',
-}
+	fresh: '待解决',
+	scheduled: '已预约',
+	delay: '改日修',
+	escalated: '已上报',
+	solved: '已解决',
+	canceled: '已取消'
+};
 
 export type WtsPriority = 'highest' | 'assigned' | 'mainline' | 'normal' | 'in-passing' | 'least';
 
 export const PriorityMap: Record<WtsPriority, string> = {
-	'highest': '>>紧急派单！<<',
-	'assigned': '运营商工单',
-	'mainline': '主线任务',
-	'normal': '普通报修',
+	highest: '>>紧急派单！<<',
+	assigned: '运营商工单',
+	mainline: '主线任务',
+	normal: '普通报修',
 	'in-passing': '顺路看看',
-	'least': '最低',
-}
+	least: '最低'
+};
 
 export type WtsCategory =
-| 'first-install'| 'low-speed'| 'ip-or-device'| 'client-or-account'| 'others';
+	| 'first-install'
+	| 'low-speed'
+	| 'ip-or-device'
+	| 'client-or-account'
+	| 'others';
 
 export const CategoryMap: Record<WtsCategory, string> = {
 	'first-install': '新装',
 	'low-speed': '网速慢',
 	'ip-or-device': 'IP或设备问题',
 	'client-or-account': '客户端或账号问题',
-	'others': '其它问题',
-}
+	others: '其它问题'
+};
 
-export type WtsAPIErrorType = 
-| 1 | 2 | 3 | 4 | 5;
+export type WtsAPIErrorType = 1 | 2 | 3 | 4 | 5;
 
 export const APIErrorTypeMap: Record<WtsAPIErrorType, string> = {
 	1: '服务器内部错误，请联系我们的技术人员。',
 	2: '你的请求无效，可能是由于格式错误或不支持的操作。',
 	3: '您没有进行该操作的权限。',
 	4: '数据库出现错误。',
-	5: '您的请求在逻辑上不被允许。',
-}
+	5: '您的请求在逻辑上不被允许。'
+};
 export type WtsZone = 'FX' | 'BM' | 'DM' | 'QT' | 'XHAB' | 'XHCD' | 'ZH' | 'other' | 'all';
 
 export const ZoneMap: Record<WtsZone, string> = {
-	'FX':'凤翔',
-	'BM':'北门',
-	'DM':'东门',
-	'QT':'岐头',
-	'XHAB':'香晖AB',
-	'XHCD':'香晖CD',
-	'ZH':'朝晖',
-	'other':'其它',
-	'all':'全部',
-}
+	FX: '凤翔',
+	BM: '北门',
+	DM: '东门',
+	QT: '岐头',
+	XHAB: '香晖AB',
+	XHCD: '香晖CD',
+	ZH: '朝晖',
+	other: '其它',
+	all: '全部'
+};
 
 export const ZoneToBlock: Record<WtsZone, WtsBlock[]> = {
-	'FX':['1','2','3','4','5','6'],
-	'BM':['7','8','9','10','11'],
-	'DM':['12','13','14','15','20','21','22'],
-	'QT':['16','17','18','19'],
-	'XHAB':['XHA','XHB'],
-	'XHCD':['XHC','XHD'],
-	'ZH':['ZH'],
-	'other':['other'],
-	'all':[
-		'1','2','3','4','5','6',
-		'7','8','9','10','11',
-		'12','13','14','15','20','21','22',
-		'16','17','18','19',
-		'XHA','XHB',
-		'XHC','XHD',
+	FX: ['1', '2', '3', '4', '5', '6'],
+	BM: ['7', '8', '9', '10', '11'],
+	DM: ['12', '13', '14', '15', '20', '21', '22'],
+	QT: ['16', '17', '18', '19'],
+	XHAB: ['XHA', 'XHB'],
+	XHCD: ['XHC', 'XHD'],
+	ZH: ['ZH'],
+	other: ['other'],
+	all: [
+		'1',
+		'2',
+		'3',
+		'4',
+		'5',
+		'6',
+		'7',
+		'8',
+		'9',
+		'10',
+		'11',
+		'12',
+		'13',
+		'14',
+		'15',
+		'20',
+		'21',
+		'22',
+		'16',
+		'17',
+		'18',
+		'19',
+		'XHA',
+		'XHB',
+		'XHC',
+		'XHD',
 		'ZH',
 		'other'
-	],
-}
\ No newline at end of file
+	]
+};
diff --git a/front/src/lib/types/invalidState.svelte.ts b/front/src/lib/types/invalidState.svelte.ts
index a346f89..6edccfe 100644
--- a/front/src/lib/types/invalidState.svelte.ts
+++ b/front/src/lib/types/invalidState.svelte.ts
@@ -1,16 +1,16 @@
 // 用于表单提交时的校验方便
 export class invalidState {
-        notOK = $state(false);
-        txt = $state('');
-        assert(x: boolean, e: string) {
-                if (!x && !this.notOK) {
-                        this.notOK = true;
-                        this.txt = e;
-                }
-        }
+	notOK = $state(false);
+	txt = $state('');
+	assert(x: boolean, e: string) {
+		if (!x && !this.notOK) {
+			this.notOK = true;
+			this.txt = e;
+		}
+	}
 
-        reset() {
-                this.notOK = false;
-                this.txt = '';
-        }
-}
\ No newline at end of file
+	reset() {
+		this.notOK = false;
+		this.txt = '';
+	}
+}
diff --git a/front/src/routes/+layout.ts b/front/src/routes/+layout.ts
index f8df2ac..ae705bd 100644
--- a/front/src/routes/+layout.ts
+++ b/front/src/routes/+layout.ts
@@ -1,7 +1,7 @@
 import type { LayoutLoad } from './$types';
 
 export const load = (async () => {
-    return {};
+	return {};
 }) satisfies LayoutLoad;
 
 export const prerender = true;
diff --git a/front/src/routes/+page.svelte b/front/src/routes/+page.svelte
index 1fcb640..f2b126e 100644
--- a/front/src/routes/+page.svelte
+++ b/front/src/routes/+page.svelte
@@ -1,9 +1,9 @@
 <script>
 	import RetroCard from '$lib/components/RetroCard.svelte';
 	import { Button } from 'carbon-components-svelte';
-        import group from '$lib/assets/picture/girl-using-computer.svg';
-        import help from '$lib/assets/picture/help.svg';
-        import outlook from '$lib/assets/picture/two-people-credit-card.svg';
+	import group from '$lib/assets/picture/girl-using-computer.svg';
+	import help from '$lib/assets/picture/help.svg';
+	import outlook from '$lib/assets/picture/two-people-credit-card.svg';
 </script>
 
 <h1 style="font-size: 25px">欢迎使用ZSC网维报修系统</h1>
@@ -13,18 +13,18 @@
 <br />
 
 <RetroCard>
-        <div style="display: flex; align-items: center; gap: 0.5rem;">
-                <div>
-                        <h2>😵网络遇到了问题？</h2>
-                        <p>点击下方按钮，向我们提交报修。</p>
-                        <Button href="/repair/new">我要报修！</Button>
-                </div>
-                <img
-                        src={help}
-                        alt="Need help with network?"
-                        style="width: 120px; height: 120px; object-fit: contain; margin-left: auto; align-self: flex-end;"
-                />
-        </div>
+	<div style="display: flex; align-items: center; gap: 0.5rem;">
+		<div>
+			<h2>😵网络遇到了问题？</h2>
+			<p>点击下方按钮，向我们提交报修。</p>
+			<Button href="/repair/new">我要报修！</Button>
+		</div>
+		<img
+			src={help}
+			alt="Need help with network?"
+			style="width: 120px; height: 120px; object-fit: contain; margin-left: auto; align-self: flex-end;"
+		/>
+	</div>
 </RetroCard>
 
 <br />
@@ -32,40 +32,43 @@
 <br />
 
 <RetroCard>
-        <div style="display: flex; align-items: center; gap: 0.5rem;">
-                <img
-                        src={outlook}
-                        alt="how to use campus network"
-                        style="width: 120px; height: 120px; object-fit: contain; margin-right: 0.5rem;"
-                />
-                <div style="display: flex; flex-direction: column; gap: 0.25rem;">
-                        <h2>🥺不会使用校园网？</h2>
-                        <p>点击下方按钮，我们准备了校园网方方面面的攻略！</p>
-                        <Button href="/help" kind="secondary" style="align-self: flex-end;transform: translate(-25px,0px);">网络攻略</Button>
-                </div>
-        </div>
+	<div style="display: flex; align-items: center; gap: 0.5rem;">
+		<img
+			src={outlook}
+			alt="how to use campus network"
+			style="width: 120px; height: 120px; object-fit: contain; margin-right: 0.5rem;"
+		/>
+		<div style="display: flex; flex-direction: column; gap: 0.25rem;">
+			<h2>🥺不会使用校园网？</h2>
+			<p>点击下方按钮，我们准备了校园网方方面面的攻略！</p>
+			<Button
+				href="/help"
+				kind="secondary"
+				style="align-self: flex-end;transform: translate(-25px,0px);">网络攻略</Button
+			>
+		</div>
+	</div>
 </RetroCard>
 
-
 <br />
 <br />
 <br />
 
 <RetroCard>
-        <div style="display: flex; align-items: center; gap: 0.5rem;">
-                <div>
-                        <h2>🧑‍🤝‍🧑网络支持群</h2>
-                        <p style="display: inline-block; margin: 0 0 0.5rem 0;">
-                                如果有其它问题，您可以加入我们的网络支持QQ群，我们的工作人员会详细解答任何问题。
-                        </p>
-                        <p style="display: inline-block; margin: 0;">
-                                群号：<strong>123123123</strong>
-                        </p>
-                </div>
-                <img
-                        src={group}
-                        alt="Join our support group"
-                        style="width: 120px; height: 120px; object-fit: contain;"
-                />
-        </div>
+	<div style="display: flex; align-items: center; gap: 0.5rem;">
+		<div>
+			<h2>🧑‍🤝‍🧑网络支持群</h2>
+			<p style="display: inline-block; margin: 0 0 0.5rem 0;">
+				如果有其它问题，您可以加入我们的网络支持QQ群，我们的工作人员会详细解答任何问题。
+			</p>
+			<p style="display: inline-block; margin: 0;">
+				群号：<strong>123123123</strong>
+			</p>
+		</div>
+		<img
+			src={group}
+			alt="Join our support group"
+			style="width: 120px; height: 120px; object-fit: contain;"
+		/>
+	</div>
 </RetroCard>
diff --git a/front/src/routes/about/+page.svelte b/front/src/routes/about/+page.svelte
index ce60095..c69d751 100644
--- a/front/src/routes/about/+page.svelte
+++ b/front/src/routes/about/+page.svelte
@@ -2,7 +2,10 @@
 <br />
 <hr />
 <br />
-<p>中山学院网络维护科是一个独立的<strong>学生组织</strong>，成立于2005年，接受校信息中心的指导和管理。</p>
+<p>
+	中山学院网络维护科是一个独立的<strong>学生组织</strong
+	>，成立于2005年，接受校信息中心的指导和管理。
+</p>
 <p>
 	网维的主要任务是保证校园宿舍网络的正常运行，处理解决在校学生所报修的有线校园网问题，这项业务主要通过依托于微信的网络报修系统来运行。
 </p>
@@ -11,7 +14,8 @@
 	目前，我们与三大运营商建立了良好的合作关系，承接运营商在校园内的装维业务；在信息中心的关怀下，我们也承担学校部分IT后勤工作。
 </p>
 <p>
-	对于学生校园网报修，我们的成员会在<strong>每天16:30~18:00</strong>统一上门解决问题，用户在这个时间段必须本人在宿舍。
+	对于学生校园网报修，我们的成员会在<strong>每天16:30~18:00</strong
+	>统一上门解决问题，用户在这个时间段必须本人在宿舍。
 </p>
 <p>
 	网维一般会在每年的9~10月招新，对象为当年新生，要求有基础的计算机知识。具体招新事宜，请以实际通告为准。
diff --git a/front/src/routes/about/privacy/+page.svelte b/front/src/routes/about/privacy/+page.svelte
index 4b7c6dc..6596fc4 100644
--- a/front/src/routes/about/privacy/+page.svelte
+++ b/front/src/routes/about/privacy/+page.svelte
@@ -1,7 +1,7 @@
 <script>
-	import RetroCard from "$lib/components/RetroCard.svelte";
-
+	import RetroCard from '$lib/components/RetroCard.svelte';
 </script>
+
 <h1>隐私权条款</h1>
 <br />
 <hr />
@@ -9,56 +9,55 @@
 <p>
 	网维在向您提供服务时，需要和您的个人信息打交道。我们非常注重用户的数字个人隐私，对于有关问题，我们做出以下承诺：
 </p>
-<br/>
+<br />
 <h2>我们需要您的什么信息？</h2>
 <p>为了派遣成员上门为您维修网络问题，在您注册报修系统时，我们需要获取您的：</p>
-<br/>
+<br />
 <ul>
 	<li>宿舍住址</li>
 	<li>联系电话</li>
 	<li>校园卡账号</li>
 </ul>
-<br/>
+<br />
 <p>此外，为了确认您身份的真实性，我们还需要您的学号和真实姓名。</p>
 <p>
 	在初次注册时，您的微信账户与您提交的学号和真实姓名绑定，原则上无法改动，而其余个人信息皆可以随时修改。
 </p>
-<br/>
+<br />
 <h2>我们如何保管您的信息？</h2>
 <p>
 	我们使用妥善的措施，将您的个人信息保护在多项安全机制之内。除非根据下文所描述的信息使用条款合规将您的信息提供给有关人员之外，您提交给我们的个人信息绝不会被任何个人与集体知晓。
 </p>
-<br/>
+<br />
 <p>
 	当您修改您的个人信息，提交成功后，您的旧信息将在现有数据库中被永久删除。但是我们会定期备份我们的数据库，其中可能包含了旧的个人信息。不过，这些备份会被加密妥善保存，除非报修系统数据库遇到了损坏的情况，需要恢复备份的，否则任何人都无权访问这些数据。
 </p>
-<br/>
+<br />
 <h2>我们如何使用您的信息？</h2>
 <p>
 	为了为您进行上门维修服务，当您在报修系统中有未解决的工单时，您的姓名，联系电话，宿舍住址和校园网账号将会在报修系统后台中被展示给有关的网维成员，以便它们进行上门维修或联系您进行其它相关事宜。当工单完成或被取消时，您的个人信息也将对普通网维成员不可见，但是您的信息会随着工单处理记录在管理层后台中保留一段时间，以供网维的管理层来进行审计工作。
 </p>
-<br/>
+<br />
 <p>
 	当遇到网维无法解决的问题，我们将启动上报程序，将您的网络问题告知运营商方面的有关工程师。此时，您的姓名，住址，学号等个人信息将会通过网维和运营商的对接机制，妥善地随着工单一并发送给您校园卡所在的运营商。
 </p>
-<br/>
+<br />
 <p>
 	除此之外，<strong
 		>我们不会将您的个人信息以任何方式泄露给任何个人或集体，尤其不会将您的信息用于商业营销或广告方面</strong
 	>。
 </p>
-<br/>
+<br />
 <p>
 	如果您发现有网维成员或者运营商方面有关人员使用您提供给网维的个人信息，进行除了网络维修及其有关事宜之外的活动的，您可以通过多种方式进行投诉：
 </p>
-<br/>
+<br />
 <ul>
 	<li>在我们的报修系统后台聊天栏进行留言</li>
 	<li>加入我们的网络支持QQ群，私聊群管理反馈问题。</li>
 </ul>
-<br/>
+<br />
 <br />
 <hr />
 <br />
 <p>本条款最后更新于2025年12月27日，最终解释权归网维所有。</p>
-
diff --git a/front/src/routes/admin/+page.svelte b/front/src/routes/admin/+page.svelte
index 77870df..41b5ea1 100644
--- a/front/src/routes/admin/+page.svelte
+++ b/front/src/routes/admin/+page.svelte
@@ -14,4 +14,4 @@
 <br />
 <hr />
 <br />
-<p>正在开发中</p>
\ No newline at end of file
+<p>正在开发中</p>
diff --git a/front/src/routes/admin/add_ticket/+page.svelte b/front/src/routes/admin/add_ticket/+page.svelte
index cfdf7b5..1e4942d 100644
--- a/front/src/routes/admin/add_ticket/+page.svelte
+++ b/front/src/routes/admin/add_ticket/+page.svelte
@@ -16,9 +16,9 @@
 		Button,
 		NotificationQueue,
 		Loading,
-                TextInput,
-                Select,
-                SelectItem
+		TextInput,
+		Select,
+		SelectItem
 	} from 'carbon-components-svelte';
 	import { IsRFC3339 } from '$lib/types/RFC3339';
 	import { invalidState } from '$lib/types/invalidState.svelte';
@@ -30,8 +30,8 @@
 	let q: NotificationQueue;
 
 	let r = $state({
-                priority: 'normal',
-        } as NewTicketReq);
+		priority: 'normal'
+	} as NewTicketReq);
 
 	function onOccurDateChange(event: CustomEvent) {
 		const { dateStr } = event.detail;
@@ -145,9 +145,9 @@
 <p>为他人增添报修，注意，首先需要知道他人的学号。单独的工单增添正在开发中...</p>
 <br />
 
-<TextInput labelText="用户的学号" placeholder="请输入用户学号" bind:value={r.issuer_sid}/>
-<br/>
-<br/>
+<TextInput labelText="用户的学号" placeholder="请输入用户学号" bind:value={r.issuer_sid} />
+<br />
+<br />
 
 <DatePicker datePickerType="single" on:change={onOccurDateChange}>
 	<DatePickerInput
@@ -205,22 +205,21 @@
 <br />
 <br />
 <Select
-labelText="工单优先级"
-bind:selected={r.priority}
-helperText="选择工单的优先级类型，更高优先级会在系统中优先显示"
+	labelText="工单优先级"
+	bind:selected={r.priority}
+	helperText="选择工单的优先级类型，更高优先级会在系统中优先显示"
 >
-<SelectItem value="highest" text="十万火急" style="color: var(--color-red-600);" />
-<SelectItem value="assigned" text="运营商工单" style="color: #2563eb;" />
-<SelectItem value="mainline" text="主线任务" />
-<SelectItem value="normal" text="一般报修" />
-<SelectItem value="in-passing" text="顺路看看" />
-<SelectItem value="least" text="不紧急" />
+	<SelectItem value="highest" text="十万火急" style="color: var(--color-red-600);" />
+	<SelectItem value="assigned" text="运营商工单" style="color: #2563eb;" />
+	<SelectItem value="mainline" text="主线任务" />
+	<SelectItem value="normal" text="一般报修" />
+	<SelectItem value="in-passing" text="顺路看看" />
+	<SelectItem value="least" text="不紧急" />
 </Select>
-<br/>
-<br/>
+<br />
+<br />
 <Button on:click={handleSubmit}>提交</Button>
 
 <NotificationQueue bind:this={q} />
 
 <Loading active={!notLoading} />
-
diff --git a/front/src/routes/admin/scheduler/+page.svelte b/front/src/routes/admin/scheduler/+page.svelte
index 2009d67..a27f31f 100644
--- a/front/src/routes/admin/scheduler/+page.svelte
+++ b/front/src/routes/admin/scheduler/+page.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-    import type { PageProps } from './$types';
+	import type { PageProps } from './$types';
 
-    let { data }: PageProps = $props();
+	let { data }: PageProps = $props();
 </script>
 
 <h1>管理排班</h1>
 <br />
 <hr />
 <br />
-<p>正在开发中</p>
\ No newline at end of file
+<p>正在开发中</p>
diff --git a/front/src/routes/forbidden/+page.svelte b/front/src/routes/forbidden/+page.svelte
index a3e7d71..96cd002 100644
--- a/front/src/routes/forbidden/+page.svelte
+++ b/front/src/routes/forbidden/+page.svelte
@@ -1,7 +1,8 @@
 <script lang="ts">
-    import type { PageProps } from './$types';
+	import type { PageProps } from './$types';
 
-    let { data }: PageProps = $props();
+	let { data }: PageProps = $props();
 </script>
+
 <h1>Forbidden</h1>
-<p>对不起，您没有权限访问这个页面。</p>
\ No newline at end of file
+<p>对不起，您没有权限访问这个页面。</p>
diff --git a/front/src/routes/help/+page.svelte b/front/src/routes/help/+page.svelte
index 46cfdcc..5dfbb22 100644
--- a/front/src/routes/help/+page.svelte
+++ b/front/src/routes/help/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Accordion, AccordionItem } from 'carbon-components-svelte';
- 	import RetroCard from '$lib/components/RetroCard.svelte';
+	import RetroCard from '$lib/components/RetroCard.svelte';
 </script>
 
 <h1>校园网使用攻略</h1>
@@ -13,7 +13,7 @@
 <br />
 <RetroCard>
 	<h3 style="font-size: 25px; ">⚙️ 常见问题</h3>
-	<br/>
+	<br />
 	<Accordion size="xl">
 		<AccordionItem title="电脑获取不到IP地址">
 			<p>
@@ -54,7 +54,7 @@
 
 <RetroCard>
 	<h3 style="font-size: 25px; ">🤔 新生相关</h3>
-	<br/>
+	<br />
 	<Accordion size="xl">
 		<AccordionItem title="去哪里办校园网？">
 			<p>
@@ -88,7 +88,7 @@
 <br />
 <RetroCard>
 	<h3 style="font-size: 25px; ">🧐 关于报修</h3>
-	<br/>
+	<br />
 	<Accordion size="xl">
 		<AccordionItem title="如何报修我的网络故障？">
 			<p>
@@ -125,4 +125,4 @@
 </RetroCard>
 
 <br />
-<br />
\ No newline at end of file
+<br />
diff --git a/front/src/routes/layout.css b/front/src/routes/layout.css
index a2a544a..c937aae 100644
--- a/front/src/routes/layout.css
+++ b/front/src/routes/layout.css
@@ -3,44 +3,42 @@
 @plugin '@tailwindcss/typography';
 @plugin 'daisyui';
 
-@plugin "daisyui/theme" {
-  name: "wireframe";
-  default: true;
-  prefersdark: false;
-  color-scheme: "light";
-  --color-base-100: #f4f4f4;
-  --color-base-200: #e6e6e6;
-  --color-base-300: #d5d5d5;
-  --color-base-content: #000000;
-  --color-primary: #0f62fe;
-  --color-primary-content: oklch(100% 0 360);
-  --color-secondary: #393939;
-  --color-secondary-content: oklch(100% 0 360);
-  --color-accent: #0f62fe;
-  --color-accent-content: oklch(100% 0 0);
-  --color-neutral: #0f62fe;
-  --color-neutral-content: oklch(100% 0 0);
-  --color-info: #0f62fe;
-  --color-info-content: oklch(100% 0 360);
-  --color-success: #006d44;
-  --color-success-content: oklch(100% 0 360);
-  --color-warning: oklch(68% 0.162 75.834);
-  --color-warning-content: #ffffff;
-  --color-error: #da1e28;
-  --color-error-content: oklch(100% 0 360);
-  --radius-selector: 2rem;
-  --radius-field: 0rem;
-  --radius-box: 0rem;
-  --size-selector: 0.25rem;
-  --size-field: 0.21875rem;
-  --border: 0.5px;
-  --depth: 1;
-  --noise: 1;
+@plugin 'daisyui/theme' {
+	name: 'wireframe';
+	default: true;
+	prefersdark: false;
+	color-scheme: 'light';
+	--color-base-100: #f4f4f4;
+	--color-base-200: #e6e6e6;
+	--color-base-300: #d5d5d5;
+	--color-base-content: #000000;
+	--color-primary: #0f62fe;
+	--color-primary-content: oklch(100% 0 360);
+	--color-secondary: #393939;
+	--color-secondary-content: oklch(100% 0 360);
+	--color-accent: #0f62fe;
+	--color-accent-content: oklch(100% 0 0);
+	--color-neutral: #0f62fe;
+	--color-neutral-content: oklch(100% 0 0);
+	--color-info: #0f62fe;
+	--color-info-content: oklch(100% 0 360);
+	--color-success: #006d44;
+	--color-success-content: oklch(100% 0 360);
+	--color-warning: oklch(68% 0.162 75.834);
+	--color-warning-content: #ffffff;
+	--color-error: #da1e28;
+	--color-error-content: oklch(100% 0 360);
+	--radius-selector: 2rem;
+	--radius-field: 0rem;
+	--radius-box: 0rem;
+	--size-selector: 0.25rem;
+	--size-field: 0.21875rem;
+	--border: 0.5px;
+	--depth: 1;
+	--noise: 1;
 }
 
-
 @layer base {
-
 	html {
 		/* 移动端优化：防止点击高亮 */
 		-webkit-tap-highlight-color: transparent;
@@ -55,5 +53,4 @@
 		/* 移动端优化：防止水平溢出 */
 		@apply min-h-screen overflow-x-hidden bg-base-100 text-base-content;
 	}
-	
-}
\ No newline at end of file
+}
diff --git a/front/src/routes/login/+page.svelte b/front/src/routes/login/+page.svelte
index bca9a6d..9afd287 100644
--- a/front/src/routes/login/+page.svelte
+++ b/front/src/routes/login/+page.svelte
@@ -11,7 +11,7 @@
 
 	function gotoAuthAPI() {
 		if (!env.PUBLIC_JWT) {
-			console.log("未找到PUBLIC_JWT")
+			console.log('未找到PUBLIC_JWT');
 		}
 		if (dev && env.PUBLIC_JWT) {
 			docCookies.setItem('jwt', env.PUBLIC_JWT, Infinity, '/');
diff --git a/front/src/routes/me/+page.svelte b/front/src/routes/me/+page.svelte
index 31dcb7b..89fa87a 100644
--- a/front/src/routes/me/+page.svelte
+++ b/front/src/routes/me/+page.svelte
@@ -67,7 +67,12 @@
 		<RetroCard>
 			<span style="display: flex; align-items: center;">
 				<h2 style="margin-right: 0.5rem;">个人信息</h2>
-				<Renew onclick={() => {TheLastPage.Write('/me'),goto('/login')}} style="cursor: pointer;" />
+				<Renew
+					onclick={() => {
+						(TheLastPage.Write('/me'), goto('/login'));
+					}}
+					style="cursor: pointer;"
+				/>
 			</span>
 			<StructuredList style="margin-bottom: 1rem;">
 				<StructuredListBody>
diff --git a/front/src/routes/op/+page.svelte b/front/src/routes/op/+page.svelte
index 7e6a955..6aefd88 100644
--- a/front/src/routes/op/+page.svelte
+++ b/front/src/routes/op/+page.svelte
@@ -77,7 +77,7 @@
 				scope: 'active',
 				issuer: undefined,
 				block: ZoneToBlock[zone],
-				status: ['fresh','scheduled','escalated','delay'],
+				status: ['fresh', 'scheduled', 'escalated', 'delay'],
 				priority: Object.keys(PriorityMap) as WtsPriority[],
 				category: Object.keys(CategoryMap) as WtsCategory[],
 				isp: Object.keys(ISPMap) as WtsISP[],
@@ -91,7 +91,7 @@
 		} as Criteria;
 	}
 
-	function jumpSearch(zone: WtsZone){
+	function jumpSearch(zone: WtsZone) {
 		Object.assign(criteria, search(zone));
 		goto('/op/tickets');
 	}
@@ -115,7 +115,10 @@
 <div class="zone-tiles">
 	{#each zoneDisplayOrder as zone}
 		{#if typeof countByZone?.[zone] !== 'undefined'}
-			<Tile class={`zone-tile zone-${zoneTone(countByZone?.[zone])}`} on:click={() => jumpSearch(zone)}>
+			<Tile
+				class={`zone-tile zone-${zoneTone(countByZone?.[zone])}`}
+				on:click={() => jumpSearch(zone)}
+			>
 				<span class="zone-name">{ZoneMap[zone]}</span>
 				<span class="zone-count">{countByZone?.[zone] ?? 0}</span>
 			</Tile>
diff --git a/front/src/routes/op/scheduler/+page.svelte b/front/src/routes/op/scheduler/+page.svelte
index 2c254fd..bf0bfa5 100644
--- a/front/src/routes/op/scheduler/+page.svelte
+++ b/front/src/routes/op/scheduler/+page.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-    import type { PageProps } from './$types';
+	import type { PageProps } from './$types';
 
-    let { data }: PageProps = $props();
+	let { data }: PageProps = $props();
 </script>
 
 <h1>我的排班</h1>
-<br/>
-<hr/>
-<br/>
+<br />
+<hr />
+<br />
 <p>正在开发中</p>
diff --git a/front/src/routes/op/ticket_search/+page.svelte b/front/src/routes/op/ticket_search/+page.svelte
index dbc6ac9..1ef0bc0 100644
--- a/front/src/routes/op/ticket_search/+page.svelte
+++ b/front/src/routes/op/ticket_search/+page.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-	import type {PageProps} from './$types';
+	import type { PageProps } from './$types';
 
-	let {data}: PageProps = $props();
+	let { data }: PageProps = $props();
 
-	import {CheckAndGetJWT, Guard} from '$lib/jwt';
-	import {IsAdmin, IsOperator, PriorityMap, CategoryMap, ISPMap} from '$lib/types/enum';
-	import {onMount} from 'svelte';
+	import { CheckAndGetJWT, Guard } from '$lib/jwt';
+	import { IsAdmin, IsOperator, PriorityMap, CategoryMap, ISPMap } from '$lib/types/enum';
+	import { onMount } from 'svelte';
 	import {
 		RadioButtonGroup,
 		RadioButton,
@@ -22,20 +22,22 @@
 		NotificationQueue,
 		Toggle
 	} from 'carbon-components-svelte';
-	import type {FilterTicketsReq} from '$lib/types/apiRequest';
-	import {ZoneMap, ZoneToBlock, StatusMap, type WtsZone} from '$lib/types/enum';
-	import {RFC3339} from '$lib/types/RFC3339';
-	import {startOfDay, endOfDay} from 'date-fns';
-	import {criteria} from '$lib/states/ticketCriteriaSearch.svelte';
-	import {goto} from '$app/navigation';
-	import type {WtsStatus, WtsPriority, WtsCategory, WtsISP} from '$lib/types/enum';
-	import {WtsJWT} from '$lib/jwt'
+	import type { FilterTicketsReq } from '$lib/types/apiRequest';
+	import { ZoneMap, ZoneToBlock, StatusMap, type WtsZone } from '$lib/types/enum';
+	import { RFC3339 } from '$lib/types/RFC3339';
+	import { startOfDay, endOfDay } from 'date-fns';
+	import { criteria } from '$lib/states/ticketCriteriaSearch.svelte';
+	import { goto } from '$app/navigation';
+	import type { WtsStatus, WtsPriority, WtsCategory, WtsISP } from '$lib/types/enum';
+	import { WtsJWT } from '$lib/jwt';
 
 	onMount(() => Guard(IsOperator));
 
 	let token: WtsJWT = $state({} as WtsJWT);
 
-	onMount(()=>{token =CheckAndGetJWT('parsed');})
+	onMount(() => {
+		token = CheckAndGetJWT('parsed');
+	});
 
 	let req = $state(criteria.r as FilterTicketsReq);
 
@@ -55,7 +57,7 @@
 	// });
 
 	let onDateChange = (which: 'newer' | 'older') => (event: CustomEvent) => {
-		const {dateStr} = event.detail;
+		const { dateStr } = event.detail;
 		if (dateStr) {
 			const date = new Date(dateStr);
 			const adjustedDate = which === 'newer' ? startOfDay(date) : endOfDay(date);
@@ -85,8 +87,8 @@
 	const allStatuses = IsAdmin(token.access)
 		? (Object.keys(StatusMap) as WtsStatus[])
 		: (Object.keys(StatusMap).filter(
-			(status) => status !== 'solved' && status !== 'canceled'
-		) as WtsStatus[]);
+				(status) => status !== 'solved' && status !== 'canceled'
+			) as WtsStatus[]);
 	const allPriorities = Object.keys(PriorityMap) as WtsPriority[];
 	const allCategories = Object.keys(CategoryMap) as WtsCategory[];
 	const allISPs = Object.keys(ISPMap) as WtsISP[];
@@ -116,7 +118,7 @@
 		'delay',
 		'escalated'
 	] as const satisfies readonly WtsStatus[];
-	const statusOptions: readonly WtsStatus[] = statusOptionsAdmin //之前的区分没有意义，在后端会拦截的，在这里高花样，好像反而会破坏正常功能，感觉这个页面还是重写的样子。。
+	const statusOptions: readonly WtsStatus[] = statusOptionsAdmin; //之前的区分没有意义，在后端会拦截的，在这里高花样，好像反而会破坏正常功能，感觉这个页面还是重写的样子。。
 
 	const priorityOptions = [
 		'highest',
@@ -184,7 +186,7 @@
 
 	$effect(() => {
 		isScheduledSelected = req.status?.includes('scheduled') ?? false;
-	})
+	});
 </script>
 
 <h1>报修单检索</h1>
@@ -194,11 +196,11 @@
 <p>选择您需要检索报修工单的条件</p>
 
 {#if IsAdmin(token.access)}
-<br />
-<RadioButtonGroup id="scope" legendText="范围" bind:selected={req.scope} required={true}>
-	<RadioButton labelText="只看活跃的" value="active" />
-	<RadioButton labelText="所有报修单" value="all" />
-</RadioButtonGroup>
+	<br />
+	<RadioButtonGroup id="scope" legendText="范围" bind:selected={req.scope} required={true}>
+		<RadioButton labelText="只看活跃的" value="active" />
+		<RadioButton labelText="所有报修单" value="all" />
+	</RadioButtonGroup>
 {/if}
 
 <br />
@@ -244,11 +246,14 @@
 	</Grid>
 </CheckboxGroup>
 <div class="toggle">
-	<Toggle size="sm" toggled={allSelected(zoneSelected, zoneOptions)} on:toggle={(e)=> {
-		const { toggled } = e.detail as { toggled: boolean };
-		zoneSelected = toggled ? [...zoneOptions] : [];
+	<Toggle
+		size="sm"
+		toggled={allSelected(zoneSelected, zoneOptions)}
+		on:toggle={(e) => {
+			const { toggled } = e.detail as { toggled: boolean };
+			zoneSelected = toggled ? [...zoneOptions] : [];
 		}}
-		>
+	>
 		<span slot="labelA">全不选</span>
 		<span slot="labelB">全选</span>
 	</Toggle>
@@ -272,22 +277,25 @@
 				<Checkbox value="escalated" labelText={StatusMap['escalated']} />
 			</Column>
 			{#if IsAdmin(token.access)}
-			<Column sm={2} md={2} lg={4}>
-				<Checkbox value="solved" labelText={StatusMap['solved']} />
-			</Column>
-			<Column sm={2} md={2} lg={4}>
-				<Checkbox value="canceled" labelText={StatusMap['canceled']} />
-			</Column>
+				<Column sm={2} md={2} lg={4}>
+					<Checkbox value="solved" labelText={StatusMap['solved']} />
+				</Column>
+				<Column sm={2} md={2} lg={4}>
+					<Checkbox value="canceled" labelText={StatusMap['canceled']} />
+				</Column>
 			{/if}
 		</Row>
 	</Grid>
 </CheckboxGroup>
 <div class="toggle">
-	<Toggle size="sm" toggled={allSelected(req.status, statusOptions)} on:toggle={(e)=> {
-		const { toggled } = e.detail as { toggled: boolean };
-		req.status = toggled ? [...statusOptions] : [];
+	<Toggle
+		size="sm"
+		toggled={allSelected(req.status, statusOptions)}
+		on:toggle={(e) => {
+			const { toggled } = e.detail as { toggled: boolean };
+			req.status = toggled ? [...statusOptions] : [];
 		}}
-		>
+	>
 		<span slot="labelA">全不选</span>
 		<span slot="labelB">全选</span>
 	</Toggle>
@@ -320,11 +328,14 @@
 	</Grid>
 </CheckboxGroup>
 <div class="toggle">
-	<Toggle size="sm" toggled={allSelected(req.priority, priorityOptions)} on:toggle={(e)=> {
-		const { toggled } = e.detail as { toggled: boolean };
-		req.priority = toggled ? [...priorityOptions] : [];
+	<Toggle
+		size="sm"
+		toggled={allSelected(req.priority, priorityOptions)}
+		on:toggle={(e) => {
+			const { toggled } = e.detail as { toggled: boolean };
+			req.priority = toggled ? [...priorityOptions] : [];
 		}}
-		>
+	>
 		<span slot="labelA">全不选</span>
 		<span slot="labelB">全选</span>
 	</Toggle>
@@ -353,11 +364,14 @@
 	</Grid>
 </CheckboxGroup>
 <div class="toggle">
-	<Toggle size="sm" toggled={allSelected(req.category, categoryOptions)} on:toggle={(e)=> {
-		const { toggled } = e.detail as { toggled: boolean };
-		req.category = toggled ? [...categoryOptions] : [];
+	<Toggle
+		size="sm"
+		toggled={allSelected(req.category, categoryOptions)}
+		on:toggle={(e) => {
+			const { toggled } = e.detail as { toggled: boolean };
+			req.category = toggled ? [...categoryOptions] : [];
 		}}
-		>
+	>
 		<span slot="labelA">全不选</span>
 		<span slot="labelB">全选</span>
 	</Toggle>
@@ -388,11 +402,14 @@
 	</Grid>
 </CheckboxGroup>
 <div class="toggle">
-	<Toggle size="sm" toggled={allSelected(req.isp, ispOptions)} on:toggle={(e)=> {
-		const { toggled } = e.detail as { toggled: boolean };
-		req.isp = toggled ? [...ispOptions] : [];
+	<Toggle
+		size="sm"
+		toggled={allSelected(req.isp, ispOptions)}
+		on:toggle={(e) => {
+			const { toggled } = e.detail as { toggled: boolean };
+			req.isp = toggled ? [...ispOptions] : [];
 		}}
-		>
+	>
 		<span slot="labelA">全不选</span>
 		<span slot="labelB">全选</span>
 	</Toggle>
@@ -410,12 +427,23 @@
 
 <br />
 <br />
-<NumberInput min={1} max={20} step={1} bind:value={floor} allowEmpty={true} allowDecimal={false}
-	labelText="只看如下楼层(不填代表查看全部楼层)" />
+<NumberInput
+	min={1}
+	max={20}
+	step={1}
+	bind:value={floor}
+	allowEmpty={true}
+	allowDecimal={false}
+	labelText="只看如下楼层(不填代表查看全部楼层)"
+/>
 
 <br />
 <br />
-<Toggle labelText="只显示预约在今天的预约单" bind:toggled={viewTodayScheduled} disabled={!isScheduledSelected} />
+<Toggle
+	labelText="只显示预约在今天的预约单"
+	bind:toggled={viewTodayScheduled}
+	disabled={!isScheduledSelected}
+/>
 <br />
 <br />
 <Button on:click={search}>搜索</Button>
diff --git a/front/src/routes/op/tickets/+page.svelte b/front/src/routes/op/tickets/+page.svelte
index e64d986..8ce3d64 100644
--- a/front/src/routes/op/tickets/+page.svelte
+++ b/front/src/routes/op/tickets/+page.svelte
@@ -40,8 +40,6 @@
 		const roomNum = Number.parseInt(digits, 10);
 		if (!Number.isFinite(roomNum)) return null;
 
-
-
 		const floor = Math.floor(roomNum / 100);
 		//console.log('getFloorFromRoom', { room, digits, roomNum, floor });
 		return Number.isFinite(floor) ? floor : null;
@@ -60,11 +58,15 @@
 		if (criteria._floor !== null && criteria._floor !== undefined && criteria._floor !== 0) {
 			tickets = tickets.filter((t) => getFloorFromRoom(t?.issuer?.room) === criteria._floor);
 		}
-        if (criteria._view_today_scheduled) {
-            const todayStart = new Date().setHours(0, 0, 0, 0);
-            const todayEnd = new Date().setHours(23, 59, 59, 999);
-            tickets = tickets.filter((t) => t.status !== 'scheduled' || (toMs(t.appointed_at) >= todayStart && toMs(t.appointed_at) <= todayEnd));
-        }
+		if (criteria._view_today_scheduled) {
+			const todayStart = new Date().setHours(0, 0, 0, 0);
+			const todayEnd = new Date().setHours(23, 59, 59, 999);
+			tickets = tickets.filter(
+				(t) =>
+					t.status !== 'scheduled' ||
+					(toMs(t.appointed_at) >= todayStart && toMs(t.appointed_at) <= todayEnd)
+			);
+		}
 
 		ok = true;
 		ticketEmpty = tickets.length === 0;
@@ -97,7 +99,7 @@
 		}
 	}
 
-	async function refreshTickets(){
+	async function refreshTickets() {
 		await fetchTickets1();
 	}
 </script>
@@ -123,6 +125,11 @@
 {:else}
 	<span>没有找到符合条件的报修单。</span>
 {/if}
-<TicketDetail t={TicketModal.NowTicket} bind:open={TicketModal.Opened} src={TicketModal.SRC} onTicketChanged={refreshTickets}/>
+<TicketDetail
+	t={TicketModal.NowTicket}
+	bind:open={TicketModal.Opened}
+	src={TicketModal.SRC}
+	onTicketChanged={refreshTickets}
+/>
 
 <NotificationQueue bind:this={q} />
diff --git a/front/src/routes/repair/+page.svelte b/front/src/routes/repair/+page.svelte
index 28444e3..8482529 100644
--- a/front/src/routes/repair/+page.svelte
+++ b/front/src/routes/repair/+page.svelte
@@ -38,7 +38,7 @@
 		}
 	}
 
-	async function refreshTickets1(){
+	async function refreshTickets1() {
 		await fetchTickets();
 	}
 </script>
@@ -69,6 +69,11 @@
 	<UserTicket {t} />
 {/each}
 
-<TicketDetail t={TicketModal.NowTicket} bind:open={TicketModal.Opened} src={TicketModal.SRC} onTicketChanged={refreshTickets1}/>
+<TicketDetail
+	t={TicketModal.NowTicket}
+	bind:open={TicketModal.Opened}
+	src={TicketModal.SRC}
+	onTicketChanged={refreshTickets1}
+/>
 
 <NotificationQueue bind:this={q} />
diff --git a/front/tsconfig.json b/front/tsconfig.json
index a8a7e4b..f91881e 100644
--- a/front/tsconfig.json
+++ b/front/tsconfig.json
@@ -10,7 +10,7 @@
 		"sourceMap": true,
 		"strict": true,
 		"moduleResolution": "bundler",
-		"noImplicitAny": false,//暂时
+		"noImplicitAny": false, //暂时
 		"strictNullChecks": false
 	}
 	// Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias