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