<template>
|
<div>
|
<el-row style="text-align: center">xxx考试</el-row>
|
<el-row>
|
<div>xxx姓名</div>
|
<div>xxx交卷时间</div>
|
<div>xxx答题时间</div>
|
</el-row>
|
<el-row class="paper-warp">
|
<div v-for="(paper,index) in examInfo.paperQuestionList" :key="index" class="paperTitleWarp">
|
<div class="paperTitle">{{ paper.title }}</div>
|
<div class="question-warp">
|
<div v-for="(doQuestion, index) in paper.questionList" :key="index">
|
<DoQuestion :question="doQuestion" :qType="paper.questionType" :qLoading="questionLoading"></DoQuestion>
|
</div>
|
</div>
|
</div>
|
</el-row>
|
</div>
|
</template>
|
|
<script>
|
import DoQuestion from '@/components/question/DoQuestion'
|
import { getStudentExam } from '@/api/exam'
|
|
export default {
|
name: 'MarkPaperDetail',
|
components: { DoQuestion },
|
mounted () {
|
this.examInfo.examId = this.$route.query.examId
|
this.examInfo.examName = this.$route.query.examName
|
this.userId = this.$route.query.userId
|
if (this.examInfo.examId && this.userId) {
|
this.getStudentPaper()
|
}
|
},
|
data () {
|
return {
|
userId: null,
|
questionLoading: false,
|
examInfo: {
|
examId: null,
|
examName: '',
|
doTime: 0,
|
paperQuestionList: []
|
}
|
}
|
},
|
methods: {
|
getStudentPaper () {
|
this.getStudentExam(this.examInfo.examId, this.userId).then(res => {
|
this.examInfo = res.data.data
|
})
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
.question-warp {
|
margin-top: 50px;
|
|
}
|
</style>
|
