From d2fc22d5f2b0f095b4c49c618ef03ae2f0f41b5d Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期一, 21 十月 2024 11:21:36 +0800
Subject: [PATCH] 江西空管发版

---
 src/views/exam/components/answer-main/answer-single/index.vue |   20 ++++++++++++++------
 1 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/views/exam/components/answer-main/answer-single/index.vue b/src/views/exam/components/answer-main/answer-single/index.vue
index 705d1d0..1efa61d 100644
--- a/src/views/exam/components/answer-main/answer-single/index.vue
+++ b/src/views/exam/components/answer-main/answer-single/index.vue
@@ -1,13 +1,14 @@
+<!-- 鍗曢�夐 -->
 <template>
   <div class="answer-container w-full h-full">
     <el-scrollbar>
       <ExamInfo class="mb-5" :questionIndex="currentIndex" :activeQuestion="activeQuestion"></ExamInfo>
 
       <div class="answer-content">
-        <div class="answer-item flex" v-for="item, index in activeQuestion.items" @click="answerClick(item)"
+        <div class="answer-item flex" v-for="item, index in activeQuestion.questionItemList" @click="answerClick(item)"
           :class="answerState(item)">
           <div class="answer-icon flex flex-col justify-center items-center flex-shrink-0">{{ item.prefix }}</div>
-          <div class="answer-text text-gray-700">{{ item.content }}</div>
+          <div class="answer-text text-gray-700" v-html="item.content"></div>
         </div>
       </div>
 
@@ -35,22 +36,29 @@
       item.isActive = true;
     }
     const answerList = filterAnswer();
-    examStore.setQuestionAnswer(currentType.value, currentIndex.value, answerList.join(','));
+    let temp = '';
+    if(answerList) {
+      temp = answerList.prefix;
+    }
+    examStore.setQuestionAnswer(currentType.value, currentIndex.value, temp);
   }
 };
 
 const answerState = (item) => {
+  if(activeQuestion.value.answer === item.prefix) {
+    item.isActive = true;
+  }
   return {
-    active: item.isActive
+    active: item.isActive || item.prefix === activeQuestion.value.answer
   };
 };
 
 const resetAnswer = () => {
-  activeQuestion.value.items.forEach(item => item.isActive = false);
+  activeQuestion.value.questionItemList.forEach(item => item.isActive = false);
 };
 
 const filterAnswer = () => {
-  return activeQuestion.value.items.filter(item => item.isActive);
+  return activeQuestion.value.questionItemList.find(item => item.isActive);
 }
 
 

--
Gitblit v1.8.0