From cf87d6fd9a43139a10e0b6bf10a233cbde66820f Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期三, 19 六月 2024 16:22:41 +0800
Subject: [PATCH] feat(考试):考试收卷提示
---
src/views/exam/components/answer-time/index.vue | 17 +++++++++++++++--
1 files changed, 15 insertions(+), 2 deletions(-)
diff --git a/src/views/exam/components/answer-time/index.vue b/src/views/exam/components/answer-time/index.vue
index b37e18b..629137d 100644
--- a/src/views/exam/components/answer-time/index.vue
+++ b/src/views/exam/components/answer-time/index.vue
@@ -2,15 +2,28 @@
<div class="time-container flex justify-center text-white items-center shadow-md">
<el-icon class="mr-1 text-xl" size="24"><Timer /></el-icon>
<div class="label mr-1">鍓╀綑鏃堕棿:</div>
- <el-countdown :value="time" />
+ <el-countdown :value="time" @finish="timeFinish" />
</div>
</template>
<script setup>
import {ref} from 'vue';
+import dayjs from 'dayjs';
+import { storeToRefs } from 'pinia';
import { Timer } from '@element-plus/icons-vue';
+import { useExamStore } from '@/store/index.js';
-const time = ref(1000);
+const examStore = useExamStore();
+const { examInfo } = storeToRefs(examStore);
+
+const emit = defineEmits(['timeOut']);
+
+const time = ref(dayjs().valueOf() + examInfo.value.examTime * 1000);
+
+const timeFinish = () => {
+ emit('timeOut');
+}
+
</script>
<style lang="scss" scoped>
--
Gitblit v1.8.0