From 98f494cf633e3acf5c20f3e9de0d708f2a6c2045 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期五, 05 七月 2024 09:39:59 +0800
Subject: [PATCH] feat:视频浏览
---
src/views/grade/index.vue | 31 +++++++++++++++++++++++--------
1 files changed, 23 insertions(+), 8 deletions(-)
diff --git a/src/views/grade/index.vue b/src/views/grade/index.vue
index c528c4a..b7ad27e 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>
@@ -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';
@@ -88,11 +98,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 = () => {
--
Gitblit v1.8.0