From da2f959b7f5e0ec28dc29b638dffad8eae305152 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期三, 19 六月 2024 11:52:35 +0800
Subject: [PATCH] fix:限制图片大小
---
src/views/exam/index.vue | 35 +++++++++++++++++++++++++----------
1 files changed, 25 insertions(+), 10 deletions(-)
diff --git a/src/views/exam/index.vue b/src/views/exam/index.vue
index 65c156c..585a0ec 100644
--- a/src/views/exam/index.vue
+++ b/src/views/exam/index.vue
@@ -50,7 +50,7 @@
<div class="answer-wrapper answer-right grow shadow-xl p-4">
<div class="wrapper h-full flex flex-col">
<div class="title-wrapper w-full flex mb-5">
- <div class="title text-xl font-semibold ">鍗曢�夐 (3鍒�)</div>
+ <div class="title text-xl font-semibold ">{{ examType[currentType] }} ({{ examStore.getActiveQuestion.score}}鍒�)</div>
</div>
<div class="main-wrapper w-full grow relative my-5">
@@ -78,11 +78,11 @@
</div>
- <!-- 鎻愮ず寮圭獥 -->
+ <!-- 閫�鍑鸿�冭瘯鎻愮ず寮圭獥 -->
<el-dialog v-model="dialogVisible" title="娉ㄦ剰" width="500">
<div class="dialog-container">
<p>璇风‘璁ゆ槸鍚﹂��鍑哄綋鍓嶈�冭瘯</p>
- <p>褰撳墠鑰冭瘯璇曞嵎浼氳嚜鍔ㄦ彁浜�,鍚庣画鏃犳硶缁х画浣滅瓟</p>
+ <p>褰撳墠鑰冭瘯璇曞嵎浼氳嚜鍔ㄦ彁浜�,鍚庣画灏嗘棤娉曠户缁綔绛�</p>
</div>
<template #footer>
<div class="dialog-footer">
@@ -97,7 +97,7 @@
</template>
<script setup>
-import { ref, toRefs } from 'vue';
+import { ref, watchEffect } from 'vue';
import { storeToRefs } from 'pinia';
import { Close } from '@element-plus/icons-vue';
import AnswerTag from './components/answer-tag/index.vue';
@@ -107,15 +107,17 @@
import AnswerMultiple from './components/answer-main/answer-multiple/index.vue';
import AnswerTime from './components/answer-time/index.vue';
import { useExamStore } from '@/store/index.js';
+import { useRouter } from 'vue-router';
+
+const router = useRouter();
const examStore = useExamStore();
-const { currentType, currentIndex, activeQuestion, examDetail } = storeToRefs(examStore);
+const { currentType, currentIndex, examDetail, examType } = storeToRefs(examStore);
const typeComponent = {
1: AnswerSingle,
2: AnswerMultiple,
};
-examStore.setActiveQuestion(examDetail.value[0].questionList[0]);
const dialogVisible = ref(false);
@@ -142,17 +144,17 @@
if (typeQuestion) {
if (currentIndex.value >= typeQuestion.questionList.length) {
tempIndex++;
- if(examDetail.value[tempIndex]) {
+ if (examDetail.value[tempIndex]) {
currentType.value = examDetail.value[tempIndex].questionType;
currentIndex.value = 0;
} else {
currentType.value = typeQuestion.questionType;
currentIndex.value = typeQuestion.questionList.length - 1;
}
-
+
} else if (currentIndex.value < 0) {
tempIndex--;
- if(examDetail.value[tempIndex]) {
+ if (examDetail.value[tempIndex]) {
currentType.value = examDetail.value[tempIndex].questionType;
currentIndex.value = examDetail.value[tempIndex].questionList.length - 1;
} else {
@@ -160,7 +162,7 @@
currentIndex.value = 0;
}
}
- findQuestion(currentType.value, currentIndex.value);
+ // findQuestion(currentType.value, currentIndex.value);
}
};
@@ -181,7 +183,20 @@
const confirmCancel = () => {
dialogVisible.value = false;
+ router.back();
};
+
+watchEffect(() => {
+ let progress = 0;
+ examDetail.value.forEach(item => {
+ item.questionList.forEach(question => {
+ if (question.correct) {
+ progress += 1;
+ }
+ });
+ });
+ examStore.setProgress(progress);
+});
</script>
<style lang="scss" scoped>
--
Gitblit v1.8.0