From 3075f9a9b48f02ec427940797bea03ded3e45cd0 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期四, 04 七月 2024 15:12:40 +0800
Subject: [PATCH] feat:成绩列表
---
src/views/grade-list/data-list/index.vue | 43 +++++++++++++++++++++++++++++++++++--------
1 files changed, 35 insertions(+), 8 deletions(-)
diff --git a/src/views/grade-list/data-list/index.vue b/src/views/grade-list/data-list/index.vue
index 08620b2..3a2ca5b 100644
--- a/src/views/grade-list/data-list/index.vue
+++ b/src/views/grade-list/data-list/index.vue
@@ -1,11 +1,11 @@
<template>
<div class="list-container w-full h-full">
<el-scrollbar>
- <el-card shadow="hover" class="mb-3">
+ <el-card shadow="hover" class="mb-3" v-for="item in props.dataList">
<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">娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯</div>
+ <div class="title mr-5 text-xl font-bold">{{ item.examName }}</div>
<div class="tag">
<el-tag type="primary" effect="light" round>
宸叉壒鏀�
@@ -20,24 +20,24 @@
</div>
<div class="bottom-container flex text-sm text-gray-400 mb-3">
<div class="bottom-item">
- 鎬诲垎: 100
+ 鎬诲垎: {{ item.totalScore }}
</div>
<div class="bottom-item">
- 棰樻暟: 20
+ 棰樻暟: {{ item.questionCount}}
</div>
<div class="bottom-item">
- 绛旈鏃堕棿: 20鍒嗛挓
+ 绛旈鏃堕棿: {{item.doTime / 60 }}鍒嗛挓
</div>
</div>
<div class="grade-container flex items-center text-red-600">
<div class="grade-label mr-1">鎴愮哗:</div>
- <div class="grade-num text-lg font-bold">100</div>
+ <div class="grade-num text-lg font-bold">{{ item.score }}</div>
</div>
</div>
<div class="right-container">
<div class="button-container">
- <el-button type="primary" size="large">鏌ョ湅璇曞嵎</el-button>
+ <el-button type="primary" size="large" @click="checkExam">鏌ョ湅璇曞嵎</el-button>
</div>
</div>
</div>
@@ -50,7 +50,34 @@
<script setup>
import {ref} from 'vue';
import { Timer } from '@element-plus/icons-vue';
-
+import {useRouter} from 'vue-router';
+const router = useRouter();
+const props = defineProps({
+ dataList: {
+ type: Array,
+ default: () => []
+ }
+});
+const stateList = {
+ 1: {
+ text: '鏈紑濮�',
+ type: 'primary',
+ disabled: true
+ },
+ 'ing': {
+ text: '杩涜涓�',
+ type: 'success',
+ disabled: false
+ },
+ 'finished': {
+ text: '宸茬粨鏉�',
+ type: 'info',
+ disabled: true
+ }
+};
+const checkExam = () => {
+ router.push('/grade');
+}
</script>
--
Gitblit v1.8.0