考试操作加时和交卷

黄何裕

2024-07-12 a3cc0d240ee750fa23d6a7772346cc6bc1023bae

 src/views/exam/components/answer-time/index.vue

@@ -1,5 +1,7 @@
<template>
  <div class="time-container flex justify-center text-white items-center shadow-md">
  <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" @finish="timeFinish" />
@@ -7,23 +9,26 @@
</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';
import { ref, defineExpose } from "vue";
import dayjs from "dayjs";
import { storeToRefs } from "pinia";
import { Timer } from "@element-plus/icons-vue";
import { useExamStore } from "@/store/index.js";

const examStore = useExamStore();
const { examInfo } = storeToRefs(examStore);

const emit = defineEmits(['timeOut']);
const emit = defineEmits(["timeOut"]);

const time = ref(dayjs().valueOf() + examInfo.value.suggestTime * 1000 * 60);

const timeFinish = () => {
  emit('timeOut');
}

  emit("timeOut");
};
const addTime = (data) => {
  time.value = time.value + data * 1000;
};
defineExpose({ addTime });
</script>

<style lang="scss" scoped>
@@ -32,10 +37,9 @@
  border-radius: 100px;
  padding: 10px 0;
  background-color: rgba($color: #86d7f7, $alpha: 0.3);

}

:deep(.el-statistic__number) {
  color: #ffffff;
}
</style>
</style>