错题详情

luohairen

2024-11-11 b8977710b6d7463a8f68ad0c86a4bbd02841493f

 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">
@@ -74,16 +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';
@@ -92,11 +97,15 @@

const gradeStore = useGradeStore();
const { currentType, currentIndex, examDetail, examType, examInfo } = storeToRefs(gradeStore);

const typeComponent = {
  1: AnswerSingle,
  2: AnswerMultiple,
  3: AnswerAudio,
  3: AnswerDetermine,
  4: AnswerFill,
  5: AnswerShort,
  6: AnswerAudio,
  7: AnswerCount,
  8: AnswerShort,
};


@@ -212,4 +221,4 @@
  background-color: rgba($color: #3680fa, $alpha: 0.2);
  margin-bottom: 20px;
}
</style>
</style>