阅卷

xiangpei

2024-06-19 7b0bd3875a80d08ef008ef20141b23542c609e3b

 src/views/exam/exam/MarkPaperDetail.vue

@@ -1,10 +1,19 @@
<template>
  <div>
    <el-row style="text-align: center">xxx考试</el-row>
    <el-row>
      <div>xxx姓名</div>
      <div>xxx交卷时间</div>
      <div>xxx答题时间</div>
    <el-row style="text-align: center;margin-top: 20px;margin-bottom: 20px; font-size: 28px">xxx考试</el-row>
    <el-row :gutter="20">
      <el-col :span="8" class="info">
        <span class="exam-info">学员姓名：</span>
        <span class="exam-info">{{userName}}</span>
      </el-col>
      <el-col :span="8" class="info">
        <span class="exam-info">交卷时间：</span>
        <span class="exam-info">{{examInfo.updateTime}}</span>
      </el-col>
      <el-col :span="8" class="info">
        <span class="exam-info">完成耗时：</span>
        <span class="exam-info">{{examInfo.doTime}}</span>
      </el-col>
    </el-row>
    <el-row class="paper-warp">
      <div v-for="(paper,index) in examInfo.paperQuestionList" :key="index" class="paperTitleWarp">
@@ -36,19 +45,24 @@
  },
  data () {
    return {
      paperQuestionList: [

      ],
      userId: null,
      userName: null,
      questionLoading: false,
      examInfo: {
        examId: null,
        examName: '',
        doTime: 0,
        updateTime: null,
        paperQuestionList: []
      }
    }
  },
  methods: {
    getStudentPaper () {
      this.getStudentExam(this.examInfo.examId, this.userId).then(res => {
      getStudentExam(this.examInfo.examId, this.userId).then(res => {
        this.examInfo = res.data.data
      })
    }
@@ -61,4 +75,13 @@
  margin-top: 50px;

}

.exam-info {
}

.info {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
</style>