From 02b9931c5e3a54d69d4d20a9dc6aad141fc35141 Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期四, 15 八月 2024 11:37:14 +0800
Subject: [PATCH] 恢复举手，隐藏举手顶部显示
---
src/views/grade-list/data-list/index.vue | 51 ++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 40 insertions(+), 11 deletions(-)
diff --git a/src/views/grade-list/data-list/index.vue b/src/views/grade-list/data-list/index.vue
index 3a2ca5b..221d3a2 100644
--- a/src/views/grade-list/data-list/index.vue
+++ b/src/views/grade-list/data-list/index.vue
@@ -1,21 +1,26 @@
<template>
<div class="list-container w-full h-full">
<el-scrollbar>
- <el-card shadow="hover" class="mb-3" v-for="item in props.dataList">
+ <el-card shadow="hover" class="mb-3" v-for="item in props.dataList" :key="item.id">
<div class="item flex justify-between items-center">
<div class="left-container flex flex-col justify-between">
<div class="top-container flex items-center">
<div class="title mr-5 text-xl font-bold">{{ item.examName }}</div>
<div class="tag">
- <el-tag type="primary" effect="light" round>
+ <el-tag type="primary" effect="light" round v-if="item.status === 0">
宸叉壒鏀�
+ </el-tag>
+ <el-tag type="danger" effect="light" round v-if="item.status === 1">
+ 缂鸿��
</el-tag>
</div>
</div>
<div class="mid-container flex items-center my-4 text-gray-700">
- <el-icon class="mr-1"><Timer /></el-icon>
+ <el-icon class="mr-1">
+ <Timer />
+ </el-icon>
<div class="time">
- 鑰冭瘯鏃堕棿: 2024-6-5 08:00 ~ 2024-6-5 10:00
+ 浜ゅ嵎鏃堕棿: {{ item.submitTime }}
</div>
</div>
<div class="bottom-container flex text-sm text-gray-400 mb-3">
@@ -23,10 +28,10 @@
鎬诲垎: {{ item.totalScore }}
</div>
<div class="bottom-item">
- 棰樻暟: {{ item.questionCount}}
+ 棰樻暟: {{ item.questionCount }}
</div>
<div class="bottom-item">
- 绛旈鏃堕棿: {{item.doTime / 60 }}鍒嗛挓
+ 绛旈鏃堕棿: {{ item.doTime / 60 }}鍒嗛挓
</div>
</div>
@@ -37,7 +42,7 @@
</div>
<div class="right-container">
<div class="button-container">
- <el-button type="primary" size="large" @click="checkExam">鏌ョ湅璇曞嵎</el-button>
+ <el-button type="primary" size="large" @click="checkExam(item)">鏌ョ湅璇曞嵎</el-button>
</div>
</div>
</div>
@@ -48,9 +53,14 @@
</template>
<script setup>
-import {ref} from 'vue';
+import { ref } from 'vue';
import { Timer } from '@element-plus/icons-vue';
-import {useRouter} from 'vue-router';
+import { useRouter } from 'vue-router';
+import { useGradeStore } from '@/store/index.js';
+import { getGradeInfo } from '@/api/modules/grade.js';
+
+const gradeStore = useGradeStore();
+
const router = useRouter();
const props = defineProps({
dataList: {
@@ -58,6 +68,7 @@
default: () => []
}
});
+
const stateList = {
1: {
text: '鏈紑濮�',
@@ -75,8 +86,25 @@
disabled: true
}
};
-const checkExam = () => {
- router.push('/grade');
+const loading = ref(false);
+
+
+const checkExam = (item) => {
+ getGradeInfo(item.id).then((res) => {
+ console.log(res.data);
+ const {id,examName, score,navbar,titleItems} = res.data;
+ gradeStore.setExamInfo({
+ id,
+ examName,
+ score,
+ navbar
+ });
+ gradeStore.setExamDetail(titleItems);
+ gradeStore.initExam();
+ router.push('/grade');
+ }).catch(err => {
+
+ });
}
</script>
@@ -86,6 +114,7 @@
width: 100%;
min-height: 120px;
}
+
.bottom-item {
margin-right: 30px;
}
--
Gitblit v1.8.0