From fa81e34f3173dd9545d3d79d14ec4deaf09cf846 Mon Sep 17 00:00:00 2001 From: ZhangXianQiang <1135831638@qq.com> Date: 星期一, 01 七月 2024 11:22:23 +0800 Subject: [PATCH] fix:修改多选题回显问题 --- src/views/grade/index.vue | 26 ++++++++++++++++---------- 1 files changed, 16 insertions(+), 10 deletions(-) diff --git a/src/views/grade/index.vue b/src/views/grade/index.vue index aa2f2dc..e3ef142 100644 --- a/src/views/grade/index.vue +++ b/src/views/grade/index.vue @@ -7,7 +7,8 @@ <div class="title-container text-3xl font-semibold text-white mr-8"> {{ examInfo.examName }} </div> - + <AnswerGrade></AnswerGrade> + <div class="return-container grow flex justify-end"> <el-button type="danger" size="large" circle @click="closeClick"> <template #icon> @@ -30,7 +31,7 @@ <div class="sheet-wrapper w-full grow relative my-5"> <div class="sheet-content absolute top-0 bottom-0 w-full"> - <!-- <AnswerSheet></AnswerSheet> --> + <AnswerSheet></AnswerSheet> </div> </div> @@ -49,6 +50,7 @@ <div class="main-wrapper w-full grow relative my-5"> <div class="main-content absolute top-0 bottom-0 w-full"> <Transition appear name="fade-transform" mode="out-in"> + <component :is="typeComponent[currentType]" :key="currentIndex"></component> </Transition> </div> </div> @@ -73,12 +75,16 @@ </template> <script setup> -import { ref, watchEffect } from 'vue'; import { storeToRefs } from 'pinia'; -import { Close,Timer } from '@element-plus/icons-vue'; +import { Close } from '@element-plus/icons-vue'; import AnswerTag from './components/answer-tag/index.vue'; -// import AnswerSheet from './components/answer-sheet/index.vue'; +import AnswerSheet from './components/answer-sheet/index.vue'; +import AnswerGrade from './components/answer-grade/index.vue'; + +import AnswerSingle from './components/answer-main/answer-single/index.vue'; +import AnswerMultiple from './components/answer-main/answer-multiple/index.vue'; +import AnswerAudio from './components/answer-main/answer-audio/index.vue'; import { useGradeStore } from '@/store/index.js'; import { useRouter } from 'vue-router'; @@ -88,11 +94,11 @@ const gradeStore = useGradeStore(); const { currentType, currentIndex, examDetail, examType, examInfo } = storeToRefs(gradeStore); -// const typeComponent = { -// 1: AnswerSingle, -// 2: AnswerMultiple, -// 3: AnswerAudio, -// }; +const typeComponent = { + 1: AnswerSingle, + 2: AnswerMultiple, + 3: AnswerAudio, +}; const prevQuestion = () => { -- Gitblit v1.8.0