From 84659b2d8d9c839903988b59905c6e6c338c5e71 Mon Sep 17 00:00:00 2001
From: luohairen <3399054449@qq.com>
Date: 星期四, 07 十一月 2024 09:16:38 +0800
Subject: [PATCH] 错题展示
---
src/views/grade/index.vue | 32 +++++++++++++++++++++++---------
1 files changed, 23 insertions(+), 9 deletions(-)
diff --git a/src/views/grade/index.vue b/src/views/grade/index.vue
index c528c4a..190abac 100644
--- a/src/views/grade/index.vue
+++ b/src/views/grade/index.vue
@@ -7,6 +7,7 @@
<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">
@@ -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,20 @@
</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 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 AnswerFill from './components/answer-main/answer-fill/index.vue';
+import AnswerDetermine from './components/answer-main/answer-determine/index.vue';
+import AnswerShort from './components/answer-main/answer-short/index.vue';
+import AnswerCount from './components/answer-main/answer-count/index.vue';
import { useGradeStore } from '@/store/index.js';
import { useRouter } from 'vue-router';
@@ -87,12 +97,16 @@
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: AnswerDetermine,
+ 4: AnswerFill,
+ 5: AnswerShort,
+ 6: AnswerAudio,
+ 7: AnswerCount,
+ 8: AnswerShort,
+};
const prevQuestion = () => {
@@ -207,4 +221,4 @@
background-color: rgba($color: #3680fa, $alpha: 0.2);
margin-bottom: 20px;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0