From 7b0bd3875a80d08ef008ef20141b23542c609e3b Mon Sep 17 00:00:00 2001 From: xiangpei <xiangpei@timesnew.cn> Date: 星期三, 19 六月 2024 13:28:36 +0800 Subject: [PATCH] 阅卷 --- src/views/exam/exam/MarkPaper.vue | 5 +++-- src/router.js | 7 +++++++ src/views/exam/exam/MarkPaperDetail.vue | 35 +++++++++++++++++++++++++++++------ 3 files changed, 39 insertions(+), 8 deletions(-) diff --git a/src/router.js b/src/router.js index 922ffb7..489c209 100644 --- a/src/router.js +++ b/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 } ] }, diff --git a/src/views/exam/exam/MarkPaper.vue b/src/views/exam/exam/MarkPaper.vue index 4449396..7c68b67 100644 --- a/src/views/exam/exam/MarkPaper.vue +++ b/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 => { diff --git a/src/views/exam/exam/MarkPaperDetail.vue b/src/views/exam/exam/MarkPaperDetail.vue index 8b8710f..da51e38 100644 --- a/src/views/exam/exam/MarkPaperDetail.vue +++ b/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> -- Gitblit v1.8.0