From 7a314663ca9c1c4d1af965659f355e97a5524696 Mon Sep 17 00:00:00 2001
From: hly <2783385703@qq.com>
Date: Tue, 19 Aug 2025 11:43:34 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E8=80=83=E8=AF=95):=20=E5=AE=9E=E7=8E=B0?=
 =?UTF-8?q?=E7=AD=94=E9=A2=98=E6=9C=AC=E5=9C=B0=E5=AD=98=E5=82=A8=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增examStorage工具类用于保存、获取和清除答题数据
- 在考试页面和组件中集成本地存储功能，实现答案自动保存和回显
- 添加本地存储功能测试文件
- 修改二维码图片显示逻辑，优先使用配置中的图片
---
 .../authentication/components/questionCard.vue     | 50 +++++++++--
 otherPages/authentication/examination/base.vue     | 14 ++++
 otherPages/authentication/examination/train.vue    | 12 +++
 otherPages/orderTakingManage/detail/index.vue      |  4 +-
 utils/examStorage.js                               | 98 ++++++++++++++++++++++
 5 files changed, 172 insertions(+), 6 deletions(-)
 create mode 100644 utils/examStorage.js

diff --git a/otherPages/authentication/components/questionCard.vue b/otherPages/authentication/components/questionCard.vue
index a35da54..775e555 100644
--- a/otherPages/authentication/components/questionCard.vue
+++ b/otherPages/authentication/components/questionCard.vue
@@ -22,7 +22,7 @@
 			<template v-else>
 				<view class="textarea">
 					<textarea v-model="value" :placeholder="`请输入您的答案，不得低于${props.data.numberWords || 0}个字`" :rows="10"
-						@blur="onChange($event.detail.value)" :maxlength="2000"></textarea>
+						@input="onChange($event.detail.value)" @blur="onChange($event.detail.value)" :maxlength="2000"></textarea>
 				</view>
 			</template>
 		</template>
@@ -69,7 +69,8 @@
 <script setup>
 	import {
 		computed,
-		watch
+		watch,
+		onMounted
 	} from 'vue'
 	import {
 		addBaseAnswer,
@@ -78,6 +79,7 @@
 	import {
 		store
 	} from '@/store'
+	import examStorage from '@/utils/examStorage'
 
 	const userId = computed(() => {
 		return store.state.user.userInfo.userId
@@ -173,10 +175,30 @@
 		return false
 	}
 
+	// 从本地存储加载答案数据
+	const loadAnswerFromStorage = () => {
+		if (props.mode === 'edit' && props.type && props.data.id) {
+			const savedAnswer = examStorage.getAnswer(props.type, props.data.id)
+			if (savedAnswer !== null) {
+				// 如果有保存的答案，直接更新父组件的值
+				emit('update:modelValue', savedAnswer)
+			}
+		}
+	}
+
+	// 保存答案到本地存储
+	const saveAnswerToStorage = (answer) => {
+		if (props.mode === 'edit' && props.type && props.data.id) {
+			examStorage.saveAnswer(props.type, props.data.id, answer)
+		}
+	}
+
 	const onChange = (val) => {
+		let newValue
+		
 		if (props.data.typeAnswer == 1) {
 			// 填空题处理
-			value.value = val
+			newValue = val
 		} else if (props.data.typeAnswer == 0) {
 			// 选择题处理
 			if (isMultipleChoice.value) {
@@ -192,13 +214,19 @@
 					currentValue.push(val)
 				}
 				
-				value.value = currentValue
+				newValue = currentValue
 			} else {
 				// 单选题处理
-				value.value = val
+				newValue = val
 			}
 		}
 
+		// 更新组件值
+		value.value = newValue
+		
+		// 立即保存答案到本地存储
+		saveAnswerToStorage(newValue)
+
 		// const data = {
 		// 	userId: userId.value,
 		// 	questionId: props.data.id,
@@ -212,6 +240,18 @@
 		// 	addTrainAnswer(data)
 		// }
 	}
+
+	// 监听题目数据变化，当题目ID存在时加载本地存储的答案
+	watch(() => props.data.id, (newId) => {
+		if (newId) {
+			loadAnswerFromStorage()
+		}
+	}, { immediate: true })
+
+	// 组件挂载时加载本地存储的答案
+	onMounted(() => {
+		loadAnswerFromStorage()
+	})
 </script>
 
 <style lang="scss" scoped>
diff --git a/otherPages/authentication/examination/base.vue b/otherPages/authentication/examination/base.vue
index 5a36f42..6ef284e 100644
--- a/otherPages/authentication/examination/base.vue
+++ b/otherPages/authentication/examination/base.vue
@@ -50,6 +50,7 @@ import { isSuccessPrecision } from '@/utils/exam.js'
 	import {
 		store
 	} from '@/store'
+import examStorage from '@/utils/examStorage'
 
 	const userId = computed(() => {
 		return store.state.user.userInfo.userId
@@ -94,6 +95,14 @@ const initQuestion = async () => {
 			}
 		}
 
+		// 从本地存储回显答案数据
+		questions.forEach(question => {
+			const savedAnswer = examStorage.getAnswer(TYPE, question.id)
+			if (savedAnswer !== null) {
+				question.value = savedAnswer
+			}
+		})
+		
 		list.value = questions
 		total.value = questions.length
 		
@@ -191,6 +200,8 @@ const toNext = async () => {
     const res = await getAnswerBuildData(userId.value)
 
     if(!isSuccessPrecision(res.answerList.filter(item => item.type === '基本'))){
+        uni.hideLoading()
+        
         uni.showToast({
             title: '考试未通过',
             icon: 'none'
@@ -205,6 +216,9 @@ const toNext = async () => {
 	
 	uni.hideLoading()
 	
+	// 提交成功后清除本地存储的答题数据
+	examStorage.clearExamAnswers(TYPE)
+	
 	uni.navigateTo({
 		url: "/otherPages/authentication/examination/baseCompleted"
 	})
diff --git a/otherPages/authentication/examination/train.vue b/otherPages/authentication/examination/train.vue
index 855e91a..2a92fb1 100644
--- a/otherPages/authentication/examination/train.vue
+++ b/otherPages/authentication/examination/train.vue
@@ -53,6 +53,7 @@
 	import {
 		store
 	} from '@/store'
+import examStorage from '@/utils/examStorage'
 
 	const userId = computed(() => {
 		return store.state.user.userInfo.userId
@@ -95,6 +96,14 @@
 				}
 			}
 
+			// 从本地存储回显答案数据
+			questions.forEach(question => {
+				const savedAnswer = examStorage.getAnswer(TYPE, question.id)
+				if (savedAnswer !== null) {
+					question.value = savedAnswer
+				}
+			})
+			
 			list.value = questions
 			total.value = questions.length
 
@@ -188,6 +197,9 @@
 		
 		await addBaseAnswer(submitData)
 		
+		// 提交成功后清除本地存储的答题数据
+		examStorage.clearExamAnswers(TYPE)
+		
 		uni.navigateTo({
 			url: "/otherPages/authentication/examination/trainCompleted/index"
 		})
diff --git a/otherPages/orderTakingManage/detail/index.vue b/otherPages/orderTakingManage/detail/index.vue
index 5ca8230..9973f92 100644
--- a/otherPages/orderTakingManage/detail/index.vue
+++ b/otherPages/orderTakingManage/detail/index.vue
@@ -238,7 +238,9 @@
 				{{ configList?.order_success?.paramValueText || '请立即添加服务顾问，并提供订单编码' }}
 			</view>
 			<view style="position: relative;z-index: 999;" class="qr-code">
-				<image class="code-img" src="https://img.xjishu.com/img/zl/2018/6/30/1241359458913.gif"
+				<image class="code-img" :src="
+				configList?.pet_qrcode?.paramValueImage ||
+				'https://img.xjishu.com/img/zl/2018/6/30/1241359458913.gif'"
 					mode="aspectFill"></image>
 			</view>
 			<view class="input">
diff --git a/utils/examStorage.js b/utils/examStorage.js
new file mode 100644
index 0000000..ae2e5ee
--- /dev/null
+++ b/utils/examStorage.js
@@ -0,0 +1,98 @@
+// 答题数据本地存储工具
+const EXAM_STORAGE_KEY = 'exam_answers_data'
+
+const examStorage = {
+  // 保存答题数据
+  saveAnswer: function(examType, questionId, value) {
+    try {
+      let examData = uni.getStorageSync(EXAM_STORAGE_KEY) || {}
+      
+      // 确保examType存在
+      if (!examData[examType]) {
+        examData[examType] = {}
+      }
+      
+      // 保存答案
+      examData[examType][questionId] = {
+        value: value,
+        timestamp: Date.now()
+      }
+      
+      uni.setStorageSync(EXAM_STORAGE_KEY, examData)
+    } catch (error) {
+      console.error('保存答题数据失败:', error)
+    }
+  },
+  
+  // 获取答题数据
+  getAnswer: function(examType, questionId) {
+    try {
+      let examData = uni.getStorageSync(EXAM_STORAGE_KEY) || {}
+      
+      if (examData[examType] && examData[examType][questionId]) {
+        return examData[examType][questionId].value
+      }
+      
+      return null
+    } catch (error) {
+      console.error('获取答题数据失败:', error)
+      return null
+    }
+  },
+  
+  // 获取某个考试类型的所有答题数据
+  getAllAnswers: function(examType) {
+    try {
+      let examData = uni.getStorageSync(EXAM_STORAGE_KEY) || {}
+      return examData[examType] || {}
+    } catch (error) {
+      console.error('获取所有答题数据失败:', error)
+      return {}
+    }
+  },
+  
+  // 清除某个考试类型的答题数据
+  clearExamAnswers: function(examType) {
+    try {
+      let examData = uni.getStorageSync(EXAM_STORAGE_KEY) || {}
+      
+      if (examData[examType]) {
+        delete examData[examType]
+        uni.setStorageSync(EXAM_STORAGE_KEY, examData)
+      }
+    } catch (error) {
+      console.error('清除答题数据失败:', error)
+    }
+  },
+  
+  // 清除所有答题数据
+  clearAllAnswers: function() {
+    try {
+      uni.removeStorageSync(EXAM_STORAGE_KEY)
+    } catch (error) {
+      console.error('清除所有答题数据失败:', error)
+    }
+  },
+  
+  // 检查答题数据是否过期（可选功能，比如24小时后过期）
+  isAnswerExpired: function(examType, questionId, expireHours = 24) {
+    try {
+      let examData = uni.getStorageSync(EXAM_STORAGE_KEY) || {}
+      
+      if (examData[examType] && examData[examType][questionId]) {
+        const timestamp = examData[examType][questionId].timestamp
+        const now = Date.now()
+        const expireTime = expireHours * 60 * 60 * 1000 // 转换为毫秒
+        
+        return (now - timestamp) > expireTime
+      }
+      
+      return true // 没有数据视为过期
+    } catch (error) {
+      console.error('检查答题数据过期失败:', error)
+      return true
+    }
+  }
+}
+
+export default examStorage
\ No newline at end of file