隐患详情重新设计，检查计划重新设计成做题排查式

pages/hiddendanger/assignment.vue

@@ -91,9 +91,11 @@
 </template>
 
 <script setup>
-	import { ref, computed, watch, nextTick } from 'vue';
+	import { ref, computed } from 'vue';
 	import { onLoad } from '@dcloudio/uni-app';
 	import { getDepartmentPersonUsers,assignHiddenDanger } from '@/request/api.js';
+	import { buildDraftKey, DRAFT_NS } from '@/utils/draftCache.js';
+	import { useDraftCache } from '@/utils/useDraftCache.js';
 	
 	// 页面参数
 	const hazardId = ref('');
@@ -162,6 +164,32 @@
 	const showDatePicker = ref(false);
 	const dateValue = ref(Date.now());
 	const selectedDate = ref('');
+
+	// 草稿（仅缓存整改期限，不缓存人员选择）
+	const {
+		showRestoreBanner,
+		clear: clearDraft,
+		restore: restoreDraft,
+		bindAutoSave
+	} = useDraftCache({
+		getKey: () => buildDraftKey(DRAFT_NS.ASSIGN, hazardId.value),
+		getPayload: () => ({
+			selectedDate: selectedDate.value,
+			dateValue: dateValue.value
+		}),
+		hasContent: (payload) => !!payload.selectedDate,
+		applyPayload: (payload) => {
+			selectedDate.value = payload.selectedDate || '';
+			dateValue.value = payload.dateValue || Date.now();
+		},
+		clearForm: () => {
+			selectedDate.value = '';
+			dateValue.value = Date.now();
+		},
+		canSave: () => !!hazardId.value
+	});
+
+	bindAutoSave(() => [selectedDate.value]);
 	
 	// 获取部门人员列表
 	const fetchDeptUsers = async () => {
@@ -233,92 +261,6 @@
 		}
 	};
 	
-	// 草稿缓存与恢复逻辑 (移至底部以确保 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;