完成错题详情查看

luohairen

2024-11-12 5165ee09de8555e12fb44c458a3d04e41f58e28f

 src/views/grade-list/data-list/index.vue

@@ -1,14 +1,17 @@
<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>
@@ -39,7 +42,7 @@
          </div>
          <div class="right-container">
            <div class="button-container">
              <el-button type="primary" size="large" @click="checkExam(item)">查看试卷</el-button>
              <el-button type="primary" size="large" @click="checkExam(item)" v-if="item.status !== 1">查看试卷</el-button>
            </div>
          </div>
        </div>
@@ -88,7 +91,6 @@

const checkExam = (item) => {
  getGradeInfo(item.id).then((res) => {
    console.log(res.data);
    const {id,examName, score,navbar,titleItems} = res.data;
    gradeStore.setExamInfo({
      id,
@@ -97,7 +99,7 @@
      navbar
    });
    gradeStore.setExamDetail(titleItems);
    gradeStore.initExam();
    gradeStore.initExam(res.data.titleItems[0].questionType);
    router.push('/grade');
  }).catch(err => {

@@ -115,4 +117,4 @@
.bottom-item {
  margin-right: 30px;
}
</style>
</style>