From 706fc58eea8b31ecd2e5003615a4874bf0200d76 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期三, 19 六月 2024 10:58:50 +0800
Subject: [PATCH] feat:答题进度
---
src/views/exam/components/answer-progress/index.vue | 22 +++++++++++++++++-----
1 files changed, 17 insertions(+), 5 deletions(-)
diff --git a/src/views/exam/components/answer-progress/index.vue b/src/views/exam/components/answer-progress/index.vue
index 73b94b7..41ca1cb 100644
--- a/src/views/exam/components/answer-progress/index.vue
+++ b/src/views/exam/components/answer-progress/index.vue
@@ -2,23 +2,35 @@
<div class="progress-container w-full px-3 py-4 bg-slate-50">
<div class="title-container flex justify-between items-center mb-3">
<div class="title text-gray-600 text-base">绛旈杩涘害</div>
- <div class="title-num text-sm text-gray-500">10/30</div>
+ <div class="title-num text-sm text-gray-500">{{ answerProgress }} / {{ total }}</div>
</div>
<div class="progress-content mb-3">
- <el-progress :percentage="progress" :stroke-width="10" :show-text="false" />
+ <el-progress :percentage="percent" :stroke-width="10" :show-text="false" />
</div>
<div class="exam-info text-sm text-gray-600">
- 鍏�30棰橈紝婊″垎100鍒�
+ 鍏眥{ total }}棰橈紝婊″垎{{grade}}鍒�
</div>
</div>
</template>
<script setup>
-import {ref} from 'vue';
-const progress = ref(10);
+import { ref, computed } from 'vue';
+import {storeToRefs} from 'pinia';
+import { useExamStore } from '@/store/index.js';
+const examStore = useExamStore();
+
+const {answerProgress} = storeToRefs(examStore);
+
+
+const total = ref(examStore.getAnswerInfo.total);
+const grade = ref(examStore.getAnswerInfo.grade);
+
+const percent = computed(() => {
+ return Number((answerProgress.value / total.value * 100).toFixed(0));
+});
</script>
--
Gitblit v1.8.0