From 0a5557a65304d3c5f8fc35200cfbb38f85778970 Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期一, 17 六月 2024 13:52:18 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
src/views/exam/exam/MarkPaper.vue | 132 +++++++++++++++++++++++++++++++++++++++----
1 files changed, 119 insertions(+), 13 deletions(-)
diff --git a/src/views/exam/exam/MarkPaper.vue b/src/views/exam/exam/MarkPaper.vue
index 2095c78..560799d 100644
--- a/src/views/exam/exam/MarkPaper.vue
+++ b/src/views/exam/exam/MarkPaper.vue
@@ -1,36 +1,113 @@
<template>
- <div>
- <div>
- <div></div>
- <div></div>
- </div>
- <div></div>
+ <div class="app-container">
+ <el-row :gutter="20">
+ <el-col :span="5">
+ <div class="nameClass">
+ <div class="bottom5">鑰冭瘯鍚嶇О</div>
+ <div class="title">{{examInfo.examName}}</div>
+ </div>
+ </el-col>
+ <el-col :span="5">
+ <div class="nameClass">
+ <div class="bottom5">璇曞嵎鍚嶇О</div>
+ <div class="title">{{examInfo.examPaperName}}</div>
+ </div>
+ </el-col>
+ <el-col :span="4">
+ <div class="staticNum">
+ <div class="bottom5">搴旇�冧汉鏁�</div>
+ <div class="title">{{examInfo.shouldJoinNum}}</div>
+ </div>
+ </el-col>
+ <el-col :span="4">
+ <div class="staticNum">
+ <div class="bottom5">缂鸿�冧汉鏁�</div>
+ <div class="title">{{examInfo.missJoinNum}}</div>
+ </div>
+ </el-col>
+ <el-col :span="4">
+ <div class="staticNum">
+ <div class="bottom5">鍙傚姞浣嗘湭瀹屾垚浜烘暟</div>
+ <div class="title">{{examInfo.joinButNotFinishNum}}</div>
+ </div>
+ </el-col>
+ </el-row>
+ <!-- 琛ㄦ牸 -->
+ <el-table
+ :data="examInfo.studentExamInfoVOList"
+ border
+ style="width: 100%;margin-top: 20px"
+ >
+ <el-table-column
+ align="center"
+ prop="id"
+ label="瀛﹀彿"
+ >
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="realName"
+ label="濮撳悕"
+ >
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="phone"
+ label="鐢佃瘽"
+ >
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="phone"
+ label="绯荤粺鑷姩浼板垎(閫夋嫨棰樺瀷)"
+ >
+ </el-table-column>
+ <el-table-column
+ label="鎿嶄綔"
+ align="center"
+ width="300px"
+ >
+ <template slot-scope="scope">
+ <el-button @click="markPaper(scope.row)" type="warning">闃呭嵎</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
</div>
</template>
<script>
-import { getExamInfo } from '@/api/exam'
+import { getExamMarkPaperInfo } from '@/api/exam'
export default {
name: 'MarkPaper',
mounted () {
this.examInfo.examName = this.$route.query.examName
- this.examInfo.id = this.$route.query.examId
- this.getExamInfo()
+ this.examInfo.examId = this.$route.query.examId
+ if (this.examInfo.examId) {
+ this.getExamInfo()
+ }
},
data () {
return {
examInfo: {
examName: '',
- id: null,
- paperList: []
+ examPaperName: '',
+ suggestTime: 0,
+ shouldJoinNum: 0,
+ joinNum: 0,
+ missJoinNum: 0,
+ joinButNotFinishNum: 0,
+ examId: null,
+ studentExamInfoVOList: []
}
-
}
},
methods: {
+ markPaper (row) {
+ // todo鎵撳紑闃呭嵎椤甸潰
+ },
getExamInfo () {
- getExamInfo(this.examInfo.id).then(res => {
+ getExamMarkPaperInfo(this.examInfo.examId).then(res => {
this.examInfo = res.data.data
})
}
@@ -40,4 +117,33 @@
<style scoped>
+.title {
+ font-size: 18px;
+}
+.bottom5 {
+ margin-bottom: 5px;
+}
+.nameInfo {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+}
+.nameClass {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ height: 70px;
+ background-color: #cb5858;
+}
+.staticNum {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ background-color: #0a76a4;
+ height: 70px;
+}
</style>
--
Gitblit v1.8.0