恢复举手，隐藏举手顶部显示

fuliqi

2024-08-15 02b9931c5e3a54d69d4d20a9dc6aad141fc35141

 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;
}