完成错题详情查看

luohairen

2024-11-12 5165ee09de8555e12fb44c458a3d04e41f58e28f

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

@@ -3,7 +3,7 @@
    <el-scrollbar>
      <el-table
          v-loading="loading"
          :data="tableData"
          :data="dataList"
          border
          :row-style="{height:'42px'}"
          :cell-style="{padding: '0'}"
@@ -18,13 +18,14 @@
            label="题型"
            align="center"
            width="100px"
            prop="questionTypeName"
            prop="questionType"
            :formatter="questionTypeFormatter"
        ></el-table-column>
        <el-table-column
            align="center"
            width="100px"
            label="分数"
            prop="score"
            prop="questionScore"
        ></el-table-column>
        <el-table-column
            align="center"
@@ -43,55 +44,87 @@
            align="center"
            fixed="right"
        >
          <template slot-scope="scope">
            <el-button type="primary" size="large" @click="checkWrong(scope.row.id)">查看错题</el-button>
          <template #default="{ row }">
            <el-button
                type="primary"
                size="small"
                @click="checkWrong(row)"
            >
              查看错题
            </el-button>
          </template>
        </el-table-column>
      </el-table>

      <pagination v-show="total>0" :total="total" :page.sync="searchForm.currentPage"
                  :limit.sync="searchForm.pageSize"
                  @pagination="dataList"/>
      </el-table>
    </el-scrollbar>
  </div>
</template>

<script setup>
import { ref } from 'vue';
import { Timer } from '@element-plus/icons-vue';
import { useRouter } from 'vue-router';
import { useExamStore } from '@/store/index.js';
import { getExamInfo } from '@/api/modules/exam.js';
import { useGradeStore } from '@/store/index.js';
import { checkWrongInfo } from '@/api/modules/grade.js';

const loading = ref(false);
const tableData = ref([]);
const total = ref(0);
const searchForm = ref({
  currentPage: 1,
  pageSize: 10
});

// const router = useRouter();

// dataList
const props = defineProps({
  dataList: {
    type: Array,
    default: () => []
  }
});
const loading = ref(false);
const gradeStore = useGradeStore();
const router = useRouter();

const checkWrong = (row) => {
  checkWrongInfo(row.id, row).then((res) => {
    const {id, examName, score, navbar, titleItems} = res.data;
    gradeStore.setExamInfo({
      id,
      examName,
      score,
      navbar
    });
    gradeStore.setExamDetail(titleItems);
    gradeStore.initExam(res.data.titleItems[0].questionType);
    router.push('/grade');
  }).catch(err => {

  })
}
  // getGradeInfo(row.id).then((res) => {
  //   const {id,examName, score,navbar,titleItems} = res.data;
  //   gradeStore.setExamInfo({
  //     id,
  //     examName,
  //     score,
  //     navbar
  //   });
  //   gradeStore.setExamDetail(titleItems);
  //   gradeStore.initExam(res.data.titleItems[0].questionType);
  //   router.push('/grade');
  // }).catch(err => {
  //
  // });


const checkWrong = (id) => {
  router.push({
    name: 'wrong-list',
    params: {
      examId: id
    }
  });
};
// 题目类型格式化
const questionTypeFormatter = (row,column,cellValue) => {
  const typeMap = {
    1: '单选题',
    2: '多选题',
    3: '判断题',
    4: '填空题',
    5: '简答题',
    6: '语音题',
    7: '计算题',
    8: '分析题'
  };
  return typeMap[cellValue];
}

</script>

<style lang="scss" scoped>
.item {
  width: 100%;