From 11f5ed9647f3425a4fbaac0350cada8d0dca69e6 Mon Sep 17 00:00:00 2001 From: ZhangXianQiang <1135831638@qq.com> Date: 星期四, 04 七月 2024 15:19:55 +0800 Subject: [PATCH] fix:成绩列表 --- src/views/exam/components/answer-main/answer-multiple/index.vue | 18 +++++++++++------- 1 files changed, 11 insertions(+), 7 deletions(-) diff --git a/src/views/exam/components/answer-main/answer-multiple/index.vue b/src/views/exam/components/answer-main/answer-multiple/index.vue index e925454..2ba7860 100644 --- a/src/views/exam/components/answer-main/answer-multiple/index.vue +++ b/src/views/exam/components/answer-main/answer-multiple/index.vue @@ -1,13 +1,14 @@ +<!-- 澶氶�夐 --> <template> <div class="answer-container w-full h-full"> <el-scrollbar> - <ExamInfo class="mb-5" :questionIndex="currentIndex" :title="activeQuestion.title"></ExamInfo> + <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> @@ -29,25 +30,28 @@ const answerClick = (item) => { if (item) { - // resetAnswer(); item.isActive = !item.isActive; const answerList = filterAnswer(); - examStore.setQuestionAnswer(currentType.value, currentIndex.value, answerList.join(',')); - + examStore.setQuestionAnswerList(currentType.value, currentIndex.value, answerList); } }; const answerState = (item) => { + if(Array.isArray(activeQuestion.value.answerList) && activeQuestion.value.answerList.includes(item.prefix)) { + item.isActive = true; + } return { active: item.isActive }; }; const filterAnswer = () => { - return activeQuestion.value.items.filter(item => item.isActive); + return activeQuestion.value.questionItemList.filter(item => item.isActive).map(item => item.prefix); } + + </script> <style lang="scss" scoped> -- Gitblit v1.8.0