这一版本优化了很多

pages/hiddendanger/assignment.vue

@@ -1,6 +1,14 @@
 <template>
 	<view class="padding page">
 		<view class="padding radius bg-white">
+			<!-- 草稿恢复提示 -->
+			<view v-if="showRestoreBanner" class="bg-orange-light text-orange padding-sm radius margin-bottom flex justify-between align-center" style="font-size: 24rpx; background-color: #FFF7EB; border: 1rpx solid #FFE4CC; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 20rpx;">
+				<view class="flex align-center" style="display: flex; flex-direction: row; align-items: center;">
+					<text class="cuIcon-info margin-right-xs" style="margin-right: 10rpx;"></text>
+					<text>已自动恢复您上次未提交的内容</text>
+				</view>
+				<text class="text-blue text-bold" style="cursor: pointer; padding: 0 10rpx; color: #2667E9; font-weight: bold;" @click="clearDraft(true)">清空草稿</text>
+			</view>
 			<view class="flex margin-bottom">
 				<view class="text-gray">整改人员</view>
 				<view class="text-red">*</view>
@@ -41,7 +49,7 @@
 </template>
 
 <script setup>
-	import { ref, reactive } from 'vue';
+	import { ref, reactive, watch, nextTick } from 'vue';
 	import { onLoad } from '@dcloudio/uni-app';
 	import { getDepartmentPersonUsers,assignHiddenDanger } from '@/request/api.js';
 	
@@ -144,6 +152,7 @@
 		try {
 			const res = await assignHiddenDanger(params);
 			if (res.code === 0) {
+				clearDraft(false);
 				uni.showToast({ title: '交办成功', icon: 'success' });
 				setTimeout(() => {
 					uni.navigateBack();
@@ -157,10 +166,99 @@
 		}
 	};
 	
+	// 草稿缓存与恢复逻辑 (移至底部以确保 formData 等响应式状态已被正常定义)
+	const hasDraft = ref(false);
+	const showRestoreBanner = ref(false); // 独立控制提示 Banner，仅在初次确实从本地恢复了内容时才显示
+	const isRestoring = ref(false); // 正在恢复标志，避免触发冗余watch
+	const getDraftKey = () => `draft_assign_${hazardId.value || ''}`;
+
+	// 保存草稿 (排除选择器人员缓存，仅缓存整改期限日期值)
+	const saveDraft = () => {
+		if (isRestoring.value) return;
+		const key = getDraftKey();
+		const hasContent = selectedDate.value;
+		if (!hasContent) {
+			uni.removeStorageSync(key);
+			hasDraft.value = false;
+			return;
+		}
+
+		const data = {
+			selectedDate: selectedDate.value,
+			dateValue: dateValue.value
+		};
+		uni.setStorageSync(key, JSON.stringify(data));
+		hasDraft.value = true;
+	};
+
+	// 清空草稿
+	const clearDraft = (showToast = true) => {
+		const key = getDraftKey();
+		uni.removeStorageSync(key);
+		hasDraft.value = false;
+		showRestoreBanner.value = false;
+		
+		isRestoring.value = true;
+		selectedDate.value = '';
+		dateValue.value = Date.now();
+		
+		nextTick(() => {
+			isRestoring.value = false;
+		});
+		if (showToast) {
+			uni.showToast({ title: '草稿已清空', icon: 'none' });
+		}
+	};
+
+	// 恢复草稿
+	const restoreDraft = () => {
+		const key = getDraftKey();
+		const cached = uni.getStorageSync(key);
+		if (cached) {
+			try {
+				const data = JSON.parse(cached);
+				const hasContent = data.selectedDate;
+				if (!hasContent) return;
+
+				isRestoring.value = true;
+				selectedDate.value = data.selectedDate || '';
+				dateValue.value = data.dateValue || Date.now();
+				hasDraft.value = true;
+				showRestoreBanner.value = true; // 确实存在内容并恢复了，才亮起提示 Banner
+
+				nextTick(() => {
+					isRestoring.value = false;
+				});
+
+				uni.showToast({
+					title: '已自动恢复您上次未提交的内容',
+					icon: 'none',
+					duration: 2500
+				});
+			} catch (e) {
+				console.error('解析草稿失败:', e);
+				isRestoring.value = false;
+			}
+		}
+	};
+
+	// 监听变量变化，自动保存草稿
+	watch(
+		() => [selectedDate.value],
+		() => {
+			if (hazardId.value) {
+				saveDraft();
+			}
+		}
+	);
+
 	onLoad((options) => {
 		if (options.hazardId) hazardId.value = options.hazardId;
 		if (options.assignId) assignId.value = options.assignId;
 		fetchDeptUsers();
+		
+		// 恢复草稿 (不恢复任何人员选择器数据)
+		restoreDraft();
 	});
 </script>