feat:成绩列表

ZhangXianQiang

2024-07-04 3075f9a9b48f02ec427940797bea03ded3e45cd0

 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,19 +20,19 @@
            </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">60</div>
              <div class="grade-num text-lg font-bold">{{ item.score }}</div>
            </div>
          </div>
          <div class="right-container">
@@ -52,7 +52,29 @@
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');
}