阅卷

xiangpei

2024-06-19 7b0bd3875a80d08ef008ef20141b23542c609e3b

阅卷

 src/router.js

@@ -52,6 +52,13 @@
        name: 'MarkPaper',
        meta: { title: '阅卷'},
        hidden: true
      },
      {
        path: '/exam/mark/paper/detail',
        component: () => import('@/views/exam/exam/MarkPaperDetail'),
        name: 'MarkPaperDetail',
        meta: { title: '阅卷'},
        hidden: true
      }
    ]
  },

 src/views/exam/exam/MarkPaper.vue

@@ -82,7 +82,7 @@
        width="300px"
      >
        <template slot-scope="scope">
          <el-button @click="markPaper(scope.row)" type="warning">阅卷</el-button>
          <el-button @click="markPaper(scope.row.userId)" type="warning">阅卷</el-button>
        </template>
      </el-table-column>
    </el-table>
@@ -124,8 +124,9 @@
        return '未完成'
      }
    },
    markPaper (row) {
    markPaper (userId) {
      // todo打开阅卷页面
      this.$router.push({path: "/exam/mark/paper/detail", query: {examId: this.examInfo.examId, examName: this.examInfo.examName, userId: userId}})
    },
    getExamInfo () {
      getExamMarkPaperInfo(this.examInfo.examId).then(res => {

 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>