From 6c472dfd39e90d1d479c2c0ced8ce317fc4a2bfe Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期三, 26 六月 2024 15:23:47 +0800
Subject: [PATCH] 页面优化
---
src/views/exam/exam/MarkPaper.vue | 165 +++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 147 insertions(+), 18 deletions(-)
diff --git a/src/views/exam/exam/MarkPaper.vue b/src/views/exam/exam/MarkPaper.vue
index 5322b1d..7c68b67 100644
--- a/src/views/exam/exam/MarkPaper.vue
+++ b/src/views/exam/exam/MarkPaper.vue
@@ -1,35 +1,135 @@
<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="status"
+ :formatter="statusFormatter"
+ label="鎻愪氦鐘舵��"
+ >
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="markPaperStatus"
+ :formatter="statusFormatter"
+ 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.userId)" 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() {
+ 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() {
+ data () {
return {
examInfo: {
- examName: "",
- id: null,
- paperList: []
+ examName: '',
+ examPaperName: '',
+ suggestTime: 0,
+ shouldJoinNum: 0,
+ joinNum: 0,
+ missJoinNum: 0,
+ joinButNotFinishNum: 0,
+ examId: null,
+ studentExamInfoVOList: []
}
-
}
},
methods: {
- getExamInfo() {
- getExamInfo(this.examInfo.id).then(res => {
+ statusFormatter (row) {
+ if (row.status === 'finish' || row.markPaperStatus === 'finish') {
+ return '瀹屾垚'
+ } else if (row.status === 'temp' || row.markPaperStatus === 'temp') {
+ return '鏈畬鎴�'
+ }
+ },
+ 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 => {
this.examInfo = res.data.data
})
}
@@ -39,4 +139,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