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