修改JWT在构建时的行为，尝试减少错误的出现

front/src/lib/jwt.ts

@@ -30,20 +30,7 @@ export function CheckAndGetJWT(tx: 'raw'): string | null;
 
 export function CheckAndGetJWT(tx: 'raw' | 'parsed'): WtsJWT | string | null {
 	if (!browser) {
-		if (tx === 'parsed') {
-			return {
-				openid: '',
-				access: 'unregistered',
-				sid: '',
-				username: '',
-				avatar: '',
-				name: '',
-
-			} as WtsJWT;
-		}
-		if (tx === 'raw') {
-			return "aaaaa";
-		}
+		return null;
 	}
 	let token: string;
 	token = localStorage.getItem('jwt');
@@ -105,6 +92,10 @@ export function Guard(a: (subject: WtsAccess) => boolean) {
 		return;
 	}
 	if (!a(jwt.access)) {
+		if(jwt.access === "unregistered"){
+			goto('/register');
+			return;
+		}
 		console.log('Guard():权限不足，跳转到首页');
 		goto('/forbidden');
 		return;

front/src/routes/op/ticket_search/+page.svelte

@@ -29,9 +29,14 @@
 	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');})
+
 	let req = $state(criteria.r as FilterTicketsReq);
 
 	let zoneSelected: WtsZone[] = $state(criteria._blocks_in_zone ?? []);
@@ -77,7 +82,7 @@
 	}
 
 	const allZones = Object.keys(ZoneMap) as WtsZone[];
-	const allStatuses = IsAdmin(CheckAndGetJWT('parsed').access)
+	const allStatuses = IsAdmin(token.access)
 		? (Object.keys(StatusMap) as WtsStatus[])
 		: (Object.keys(StatusMap).filter(
 			(status) => status !== 'solved' && status !== 'canceled'
@@ -111,7 +116,7 @@
 		'delay',
 		'escalated'
 	] as const satisfies readonly WtsStatus[];
-	const statusOptions: readonly WtsStatus[] = IsAdmin(CheckAndGetJWT('parsed').access)
+	const statusOptions: readonly WtsStatus[] = IsAdmin(token.access)
 		? statusOptionsAdmin
 		: statusOptionsUser;
 
@@ -190,7 +195,7 @@
 <br />
 <p>选择您需要检索报修工单的条件</p>
 
-{#if IsAdmin(CheckAndGetJWT('parsed').access)}
+{#if IsAdmin(token.access)}
 <br />
 <RadioButtonGroup id="scope" legendText="范围" bind:selected={req.scope} required={true}>
 	<RadioButton labelText="只看活跃的" value="active" />
@@ -213,22 +218,35 @@
 <CheckboxGroup legendText="片区" id="block" bind:selected={zoneSelected} required={true}>
 	<Grid narrow>
 		<Row>
-			<Column sm={2} md={2} lg={4}><Checkbox value="FX" labelText={ZoneMap['FX']} /></Column>
-			<Column sm={2} md={2} lg={4}><Checkbox value="BM" labelText={ZoneMap['BM']} /></Column>
-			<Column sm={2} md={2} lg={4}><Checkbox value="DM" labelText={ZoneMap['DM']} /></Column>
-			<Column sm={2} md={2} lg={4}><Checkbox value="QT" labelText={ZoneMap['QT']} /></Column>
-			<Column sm={2} md={2} lg={4}><Checkbox value="XHAB" labelText={ZoneMap['XHAB']} /></Column>
-			<Column sm={2} md={2} lg={4}><Checkbox value="XHCD" labelText={ZoneMap['XHCD']} /></Column>
-			<Column sm={2} md={2} lg={4}><Checkbox value="ZH" labelText={ZoneMap['ZH']} /></Column>
-			<Column sm={2} md={2} lg={4}><Checkbox value="other" labelText={ZoneMap['other']} /></Column>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="FX" labelText={ZoneMap['FX']} />
+			</Column>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="BM" labelText={ZoneMap['BM']} />
+			</Column>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="DM" labelText={ZoneMap['DM']} />
+			</Column>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="QT" labelText={ZoneMap['QT']} />
+			</Column>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="XHAB" labelText={ZoneMap['XHAB']} />
+			</Column>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="XHCD" labelText={ZoneMap['XHCD']} />
+			</Column>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="ZH" labelText={ZoneMap['ZH']} />
+			</Column>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="other" labelText={ZoneMap['other']} />
+			</Column>
 		</Row>
 	</Grid>
 </CheckboxGroup>
 <div class="toggle">
-	<Toggle
-		size="sm"
-		toggled={allSelected(zoneSelected, zoneOptions)}
-		on:toggle={(e) => {
+	<Toggle size="sm" toggled={allSelected(zoneSelected, zoneOptions)} on:toggle={(e)=> {
 		const { toggled } = e.detail as { toggled: boolean };
 		zoneSelected = toggled ? [...zoneOptions] : [];
 		}}
@@ -243,32 +261,31 @@
 <CheckboxGroup legendText="状态" id="status" bind:selected={req.status} required={true}>
 	<Grid narrow>
 		<Row>
-			<Column sm={2} md={2} lg={4}><Checkbox value="fresh" labelText={StatusMap['fresh']} /></Column
-			>
-			<Column sm={2} md={2} lg={4}
-				><Checkbox value="scheduled" labelText={StatusMap['scheduled']} /></Column
-			>
-			<Column sm={2} md={2} lg={4}><Checkbox value="delay" labelText={StatusMap['delay']} /></Column
-			>
-			<Column sm={2} md={2} lg={4}
-				><Checkbox value="escalated" labelText={StatusMap['escalated']} /></Column
-			>
-			{#if IsAdmin(CheckAndGetJWT('parsed').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="fresh" labelText={StatusMap['fresh']} />
+			</Column>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="scheduled" labelText={StatusMap['scheduled']} />
+			</Column>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="delay" labelText={StatusMap['delay']} />
+			</Column>
+			<Column sm={2} md={2} lg={4}>
+				<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>
 			{/if}
 		</Row>
 	</Grid>
 </CheckboxGroup>
 <div class="toggle">
-	<Toggle
-		size="sm"
-		toggled={allSelected(req.status, statusOptions)}
-		on:toggle={(e) => {
+	<Toggle size="sm" toggled={allSelected(req.status, statusOptions)} on:toggle={(e)=> {
 		const { toggled } = e.detail as { toggled: boolean };
 		req.status = toggled ? [...statusOptions] : [];
 		}}
@@ -283,30 +300,29 @@
 <CheckboxGroup legendText="优先级" id="priority" bind:selected={req.priority} required={true}>
 	<Grid narrow>
 		<Row>
-			<Column sm={2} md={2} lg={4}><Checkbox value="highest" labelText="最高" /></Column>
-			<Column sm={2} md={2} lg={4}
-				><Checkbox value="assigned" labelText={PriorityMap['assigned']} /></Column
-			>
-			<Column sm={2} md={2} lg={4}
-				><Checkbox value="mainline" labelText={PriorityMap['mainline']} /></Column
-			>
-			<Column sm={2} md={2} lg={4}
-				><Checkbox value="normal" labelText={PriorityMap['normal']} /></Column
-			>
-			<Column sm={2} md={2} lg={4}
-				><Checkbox value="in-passing" labelText={PriorityMap['in-passing']} /></Column
-			>
-			<Column sm={2} md={2} lg={4}
-				><Checkbox value="least" labelText={PriorityMap['least']} /></Column
-			>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="highest" labelText="最高" />
+			</Column>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="assigned" labelText={PriorityMap['assigned']} />
+			</Column>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="mainline" labelText={PriorityMap['mainline']} />
+			</Column>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="normal" labelText={PriorityMap['normal']} />
+			</Column>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="in-passing" labelText={PriorityMap['in-passing']} />
+			</Column>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="least" labelText={PriorityMap['least']} />
+			</Column>
 		</Row>
 	</Grid>
 </CheckboxGroup>
 <div class="toggle">
-	<Toggle
-		size="sm"
-		toggled={allSelected(req.priority, priorityOptions)}
-		on:toggle={(e) => {
+	<Toggle size="sm" toggled={allSelected(req.priority, priorityOptions)} on:toggle={(e)=> {
 		const { toggled } = e.detail as { toggled: boolean };
 		req.priority = toggled ? [...priorityOptions] : [];
 		}}
@@ -320,29 +336,26 @@
 <CheckboxGroup legendText="类型" id="category" bind:selected={req.category} required={true}>
 	<Grid narrow>
 		<Row>
-			<Column sm={2} md={2} lg={4}
-				><Checkbox value="first-install" labelText={CategoryMap['first-install']} /></Column
-			>
-			<Column sm={2} md={2} lg={4}
-				><Checkbox value="client-or-account" labelText={CategoryMap['client-or-account']} /></Column
-			>
-			<Column sm={2} md={2} lg={4}
-				><Checkbox value="ip-or-device" labelText={CategoryMap['ip-or-device']} /></Column
-			>
-			<Column sm={2} md={2} lg={4}
-				><Checkbox value="low-speed" labelText={CategoryMap['low-speed']} /></Column
-			>
-			<Column sm={2} md={2} lg={4}
-				><Checkbox value="others" labelText={CategoryMap['others']} /></Column
-			>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="first-install" labelText={CategoryMap['first-install']} />
+			</Column>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="client-or-account" labelText={CategoryMap['client-or-account']} />
+			</Column>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="ip-or-device" labelText={CategoryMap['ip-or-device']} />
+			</Column>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="low-speed" labelText={CategoryMap['low-speed']} />
+			</Column>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="others" labelText={CategoryMap['others']} />
+			</Column>
 		</Row>
 	</Grid>
 </CheckboxGroup>
 <div class="toggle">
-	<Toggle
-		size="sm"
-		toggled={allSelected(req.category, categoryOptions)}
-		on:toggle={(e) => {
+	<Toggle size="sm" toggled={allSelected(req.category, categoryOptions)} on:toggle={(e)=> {
 		const { toggled } = e.detail as { toggled: boolean };
 		req.category = toggled ? [...categoryOptions] : [];
 		}}
@@ -357,24 +370,27 @@
 <CheckboxGroup legendText="运营商" id="isp" bind:selected={req.isp} required={true}>
 	<Grid narrow>
 		<Row>
-			<Column sm={2} md={2} lg={4}
-				><Checkbox value="telecom" labelText={ISPMap['telecom']} /></Column
-			>
-			<Column sm={2} md={2} lg={4}><Checkbox value="unicom" labelText={ISPMap['unicom']} /></Column>
-			<Column sm={2} md={2} lg={4}><Checkbox value="mobile" labelText={ISPMap['mobile']} /></Column>
-			<Column sm={2} md={2} lg={4}><Checkbox value="others" labelText={ISPMap['others']} /></Column>
-			<Column sm={2} md={2} lg={4}
-				><Checkbox value="broadnet" labelText={ISPMap['broadnet']} hidden /></Column
-			>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="telecom" labelText={ISPMap['telecom']} />
+			</Column>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="unicom" labelText={ISPMap['unicom']} />
+			</Column>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="mobile" labelText={ISPMap['mobile']} />
+			</Column>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="others" labelText={ISPMap['others']} />
+			</Column>
+			<Column sm={2} md={2} lg={4}>
+				<Checkbox value="broadnet" labelText={ISPMap['broadnet']} hidden />
+			</Column>
 			<!--暂时藏起来-->
 		</Row>
 	</Grid>
 </CheckboxGroup>
 <div class="toggle">
-	<Toggle
-		size="sm"
-		toggled={allSelected(req.isp, ispOptions)}
-		on:toggle={(e) => {
+	<Toggle size="sm" toggled={allSelected(req.isp, ispOptions)} on:toggle={(e)=> {
 		const { toggled } = e.detail as { toggled: boolean };
 		req.isp = toggled ? [...ispOptions] : [];
 		}}
@@ -396,15 +412,8 @@
 
 <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 />