|
|
@@ -0,0 +1,280 @@
|
|
|
+<template>
|
|
|
+ <div class="paperView">
|
|
|
+ <!-- 遍历大题 -->
|
|
|
+ <div
|
|
|
+ v-for="(questionGroup, index) in paperStruct.questionGroupList"
|
|
|
+ :key="index"
|
|
|
+ class="mainQuestionDiv"
|
|
|
+ >
|
|
|
+ <div style="font-size: 16px;font-weight: bold;">
|
|
|
+ {{ toChineseNumber(index + 1) }}、{{ questionGroup.groupName }}({{
|
|
|
+ questionGroup.groupScore
|
|
|
+ }}分)
|
|
|
+ </div>
|
|
|
+ <div>{{ questionGroup.score }}</div>
|
|
|
+ <!-- 遍历大题下的小题 -->
|
|
|
+ <div
|
|
|
+ v-for="(questionWrapper, index) in questionGroup.questionWrapperList"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ v-for="(question, index) in questionWrapper.questionList"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ <div style="display: flex;flex-direction:row;">
|
|
|
+ <div v-html="restoreAudio(question.body)"></div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ v-for="(questionUnit, index) in question.questionUnitList"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ <div style="display: flex;flex-direction:row;">
|
|
|
+ <div>{{ questionUnit.order }}、</div>
|
|
|
+ <div v-html="restoreAudio(questionUnit.body)"></div>
|
|
|
+ <span>({{ questionUnit.questionScore }}分)</span>
|
|
|
+ <div>
|
|
|
+ <span
|
|
|
+ style="color:green;font-size: 18px;"
|
|
|
+ class="glyphicon glyphicon-ok"
|
|
|
+ ng-show="questionUnit.isRight"
|
|
|
+ ></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div
|
|
|
+ v-for="(option, index) in questionUnit.quesOptions"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ <div style="display: flex;flex-direction:row;">
|
|
|
+ <div>{{ option.letter }}.</div>
|
|
|
+ <div v-html="restoreAudio(option.body)"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div>
|
|
|
+ <div
|
|
|
+ style="display: flex;flex-direction:row;color: green;font-weight: bold;"
|
|
|
+ >
|
|
|
+ <div>标准答案:</div>
|
|
|
+ <span v-html="questionUnit.correctAnswer"></span>
|
|
|
+ </div>
|
|
|
+ <div style="color: blue;font-weight: bold;">
|
|
|
+ 学生答案:<span v-html="questionUnit.studentAnswer"></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ courseId: "",
|
|
|
+ examRecordDataId: "",
|
|
|
+ examRecordData: {},
|
|
|
+ courseInfo: {},
|
|
|
+ paperStruct: {},
|
|
|
+ examQuestionList: []
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getExamRecordData() {
|
|
|
+ this.$http
|
|
|
+ .get("/api/ecs_oe_admin/exam/record/data/findExamRecordDataEntity", {
|
|
|
+ params: { examRecordDataId: this.examRecordDataId }
|
|
|
+ })
|
|
|
+ .then(response => {
|
|
|
+ this.examRecordData = response.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getCourseInfo() {
|
|
|
+ this.$http.get("/api/ecs_core/course/" + this.courseId).then(response => {
|
|
|
+ this.courseInfo = response.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getPaperData() {
|
|
|
+ this.$http
|
|
|
+ .get(
|
|
|
+ "/api/ecs_oe_admin/examRecordPaperStruct/getExamRecordPaperStruct",
|
|
|
+ { params: { examRecordDataId: this.examRecordDataId } }
|
|
|
+ )
|
|
|
+ .then(response => {
|
|
|
+ this.paperStruct = response.data.defaultPaper;
|
|
|
+ var questionGroupList = this.paperStruct.questionGroupList; //大题集合
|
|
|
+ this.$http
|
|
|
+ .get(
|
|
|
+ "/api/ecs_oe_admin/examRecordQuestions/getExamRecordQuestions",
|
|
|
+ { params: { examRecordDataId: this.examRecordDataId } }
|
|
|
+ )
|
|
|
+ .then(response => {
|
|
|
+ this.examQuestionList = response.data.examQuestionEntities;
|
|
|
+ var order = 0;
|
|
|
+ for (var i = 0; i < questionGroupList.length; i++) {
|
|
|
+ var questionGroup = questionGroupList[i]; //大题
|
|
|
+ var questionWrapperList = questionGroup.questionWrapperList; //大题下小题集合
|
|
|
+ for (var j = 0; j < questionWrapperList.length; j++) {
|
|
|
+ var questionWrapper = questionWrapperList[j];
|
|
|
+ order += questionWrapper.questionUnitWrapperList.length;
|
|
|
+ this.getQuestionContent(
|
|
|
+ questionWrapper.questionId,
|
|
|
+ questionWrapper,
|
|
|
+ order
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getQuestionContent(questionId, questionWrapper, order) {
|
|
|
+ var params = {
|
|
|
+ examId: this.examRecordData.examRecord.examId,
|
|
|
+ courseCode: this.courseInfo.code,
|
|
|
+ groupCode: this.examRecordData.examRecord.paperType,
|
|
|
+ questionId: questionId
|
|
|
+ };
|
|
|
+ var _this = this;
|
|
|
+ this.$http
|
|
|
+ .post("/api/ecs_ques/default_question/question", params)
|
|
|
+ .then(function success(response) {
|
|
|
+ var question = response.data.masterVersion;
|
|
|
+ var questionUnitList = question.questionUnitList;
|
|
|
+ var num = questionUnitList.length;
|
|
|
+ for (var i = 0; i < questionUnitList.length; i++) {
|
|
|
+ _this.reOrderOptions(questionUnitList[i], order - num + 1);
|
|
|
+ num--;
|
|
|
+ }
|
|
|
+ var questionList = questionWrapper.questionList;
|
|
|
+ if (!questionList) {
|
|
|
+ questionList = [];
|
|
|
+ questionList.push(question);
|
|
|
+ } else {
|
|
|
+ questionList.push(question);
|
|
|
+ }
|
|
|
+ questionWrapper.questionList = questionList;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ reOrderOptions(question, order) {
|
|
|
+ question.order = order; //设置序号
|
|
|
+ var questionScore = this.examQuestionList[order - 1].questionScore;
|
|
|
+ var studentAnswer = this.examQuestionList[order - 1].studentAnswer;
|
|
|
+ var correctAnswer = question.rightAnswer; //从题中获取正确答案
|
|
|
+ var optionList = question.questionOptionList;
|
|
|
+ //单选,多选
|
|
|
+ if (optionList && optionList.length > 0) {
|
|
|
+ var correctAnswerInExamQuestion = this.examQuestionList[order - 1]
|
|
|
+ .correctAnswer;
|
|
|
+ //如果是字母，说明是旧数据
|
|
|
+ var reg = /^[a-zA-Z]+$/; //匹配任意字母
|
|
|
+ if (
|
|
|
+ correctAnswerInExamQuestion &&
|
|
|
+ reg.test(correctAnswerInExamQuestion)
|
|
|
+ ) {
|
|
|
+ question.studentAnswer = studentAnswer;
|
|
|
+ question.correctAnswer = correctAnswerInExamQuestion;
|
|
|
+ for (var i1 = 0; i1 < optionList.length; i1++) {
|
|
|
+ var letter1 = String.fromCharCode(i1 + 65);
|
|
|
+ optionList[i1].letter = letter1;
|
|
|
+ }
|
|
|
+ question.quesOptions = optionList; //选项
|
|
|
+ } else {
|
|
|
+ var optionPermutation = this.examQuestionList[order - 1]
|
|
|
+ .optionPermutation;
|
|
|
+ for (var i2 = 0; i2 < optionList.length; i2++) {
|
|
|
+ optionList[i2].optionId = i2;
|
|
|
+ }
|
|
|
+ //按照optionPermutation排序
|
|
|
+ var newOptionList = [];
|
|
|
+ for (var i3 = 0; i3 < optionPermutation.length; i3++) {
|
|
|
+ var optionId = optionPermutation[i3];
|
|
|
+ for (var i4 = 0; i4 < optionList.length; i4++) {
|
|
|
+ if (optionList[i4].optionId == optionId) {
|
|
|
+ newOptionList.push(optionList[i4]);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var newCorrectAnswer = []; //正确答案
|
|
|
+ var newStudentAnswer = []; //考生作答
|
|
|
+ for (var i5 = 0; i5 < newOptionList.length; i5++) {
|
|
|
+ var letter = String.fromCharCode(i5 + 65);
|
|
|
+ newOptionList[i5].letter = letter;
|
|
|
+ if (
|
|
|
+ correctAnswer &&
|
|
|
+ correctAnswer.indexOf(newOptionList[i5].optionId.toString()) > -1
|
|
|
+ ) {
|
|
|
+ newCorrectAnswer.push(letter);
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ studentAnswer &&
|
|
|
+ studentAnswer.indexOf(newOptionList[i5].optionId.toString()) > -1
|
|
|
+ ) {
|
|
|
+ newStudentAnswer.push(letter);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ question.quesOptions = newOptionList; //选项
|
|
|
+ question.correctAnswer = newCorrectAnswer;
|
|
|
+ question.studentAnswer = newStudentAnswer;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ question.studentAnswer = studentAnswer;
|
|
|
+ question.correctAnswer = correctAnswer;
|
|
|
+ if (question.questionType == "TRUE_OR_FALSE") {
|
|
|
+ if (studentAnswer == "true") {
|
|
|
+ question.studentAnswer = "正确";
|
|
|
+ } else if (studentAnswer == "false") {
|
|
|
+ question.studentAnswer = "错误";
|
|
|
+ }
|
|
|
+ if (correctAnswer == "true") {
|
|
|
+ question.correctAnswer = "正确";
|
|
|
+ } else if (correctAnswer == "false") {
|
|
|
+ question.correctAnswer = "错误";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ question.questionScore = questionScore;
|
|
|
+ if (question.studentAnswer) {
|
|
|
+ question.studentAnswer = question.studentAnswer.toString();
|
|
|
+ }
|
|
|
+ if (question.correctAnswer) {
|
|
|
+ question.correctAnswer = question.correctAnswer.toString();
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ question.studentAnswer &&
|
|
|
+ question.correctAnswer &&
|
|
|
+ question.studentAnswer == question.correctAnswer
|
|
|
+ ) {
|
|
|
+ question.isRight = true;
|
|
|
+ }
|
|
|
+ this.$forceUpdate(); //刷新视图
|
|
|
+ },
|
|
|
+ toChineseNumber(num) {
|
|
|
+ return num.toLocaleString("zh-u-nu-hanidec");
|
|
|
+ },
|
|
|
+ restoreAudio(str) {
|
|
|
+ return (str || "")
|
|
|
+ .replace(/<a/g, "<audio controls ")
|
|
|
+ .replace(/url=/g, "src=")
|
|
|
+ .replace(/a>/g, "audio>");
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.courseId = this.$route.params.courseId;
|
|
|
+ this.examRecordDataId = this.$route.params.examRecordDataId;
|
|
|
+ this.getExamRecordData();
|
|
|
+ this.getCourseInfo();
|
|
|
+ this.getPaperData();
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+.mainQuestionDiv {
|
|
|
+ font-size: 14px;
|
|
|
+ margin: 20px 60px;
|
|
|
+ border-bottom: 1px dashed black;
|
|
|
+}
|
|
|
+</style>
|
chenken