From 68fcf9e66c01e78d9d6d6f0dc09d8dac3cb31672 Mon Sep 17 00:00:00 2001 From: ZhangXianQiang <1135831638@qq.com> Date: 星期二, 18 六月 2024 13:33:48 +0800 Subject: [PATCH] feat:添加登录页 --- src/views/exam/components/answer-sheet/index.vue | 11 ++++++----- 1 files changed, 6 insertions(+), 5 deletions(-) diff --git a/src/views/exam/components/answer-sheet/index.vue b/src/views/exam/components/answer-sheet/index.vue index b25642b..4c44045 100644 --- a/src/views/exam/components/answer-sheet/index.vue +++ b/src/views/exam/components/answer-sheet/index.vue @@ -5,7 +5,7 @@ <template v-for="item in examDetail"> <el-collapse-item :title="examType[item.questionType]" :name="item.questionType"> <div class="sheet-list grid grid-cols-5 gap-4 justify-items-center"> - <div class="sheet-item cursor-pointer flex justify-center items-center" v-for="question,index in item.questionList" @click="sheetClick(question,index)" :class="itemClass(item.questionType, index)"> + <div class="sheet-item cursor-pointer flex justify-center items-center" v-for="question,index in item.questionList" @click="sheetClick(item.questionType,index,question)" :class="itemClass(item,item.questionType, index)"> {{ index + 1 }} </div> </div> @@ -24,18 +24,19 @@ const {examType, examDetail,currentType,currentIndex} = storeToRefs(examStore); -const itemClass = (type,index) => { +const itemClass = (question,type,index) => { return { + answer: question.correct, active: currentType.value === type && currentIndex.value === index } } const activeNames = ref(examDetail.value.map(item => item.questionType)); -const sheetClick = (item, index) => { - currentType.value = item.questionType; +const sheetClick = (type,index,question) => { + currentType.value = type; currentIndex.value = index; - examStore.setActiveQuestion(item); + examStore.setActiveQuestion(question); } </script> -- Gitblit v1.8.0