feat: 在线考试详情页调整

src/config/route.js

@@ -2914,17 +2914,7 @@ const routes = [
 							perms: ["train"],
 						},
 						component: "edu/train",
-					},
+					}
-					{
-						name: "examrecord",
-						path: "/edu/examrecord",
-						meta: {
-							title: "考试记录",
-							// icon: "el-icon-notebook",
-							perms: ["examrecord"],
-						},
-						component: "edu/examrecord",
-					},
 				],
 			},
 			{

src/views/edu/exam.vue

@@ -40,9 +40,7 @@
 					width="80"
 				>
 				<template #default="scope">
-						<el-icon v-if="scope.row.can_attend" color="green"
+					<el-tag v-if="scope.row.can_attend" type="success">是</el-tag>
-							><CircleCheckFilled
-						/></el-icon>
 					</template>
 			</el-table-column>
 				<el-table-column
@@ -67,16 +65,14 @@
 					width="80"
 				>
 				<template #default="scope">
-						<el-icon v-if="scope.row.is_public" color="green"
+						<el-tag v-if="scope.row.is_public" type="success">是</el-tag>
-							><CircleCheckFilled
-						/></el-icon>
 					</template>
 			</el-table-column>
 				<el-table-column
 					label="操作"
 					fixed="right"
 					align="center"
-					width="150"
+					width="160"
 				>
 					<template #default="scope">
 						<el-button
@@ -92,7 +88,7 @@
 							size="small"
 							@click="row_detail(scope.row)"
 							type="primary"
-							>详情</el-button
+							>答题详情</el-button
 						>
 						<el-popconfirm
 							title="确定删除吗？"
@@ -194,11 +190,16 @@
 				>
 			</template>
 		</el-dialog>
+		<el-drawer v-model="drawerVisible" title="考试记录" size="50%">
+			<ExamRecord :exam="examId" v-if="drawerVisible"></ExamRecord>
+		</el-drawer>
 	</el-container>
 </template>
 <script>
 const defaultExam = {chance: 1, is_public:false}
+import ExamRecord from './examrecord.vue';
 export default {
+	components: { ExamRecord },
 	data() {
 		return {
 			paperOptions:[],
@@ -208,6 +209,8 @@ export default {
 				search: "",
 			},
 			examForm: Object.assign({}, defaultExam),
+			drawerVisible: false,
+			examId: null
 		};
 	},
 	mounted() {
@@ -233,10 +236,12 @@ export default {
 			this.examDialog = true;
         },
 		row_detail(row) {
-			this.$router.push({
+			// this.$router.push({
-				path: "/edu/examrecord/",
+			// 	path: "/edu/examrecord/",
-				query: { id: row.id },
+			// 	query: { id: row.id },
-			});
+			// });
+			this.examId = row.id;
+			this.drawerVisible = true;
 		},
         table_del(row) {
             this.$API.edu.exam.delete.req(row.id).then(() => {

src/views/edu/examrecord.vue

@@ -3,9 +3,9 @@
 		<el-header>
 			<div class="right-panel">
 				<el-input
-					style="margin-right: 5px"
+					style="margin-right: 2px"
 					v-model="query.search"
-					placeholder="考试名称或用户"
+					placeholder="用户名"
 					clearable
 				></el-input>
 				<el-button
@@ -20,6 +20,7 @@
 				ref="table"
 				:apiObj="apiObj"
 				row-key="id"
+				:params="params"
 				:query="query"
 			>
 				<el-table-column
@@ -83,27 +84,22 @@
 </template>
 <script>
 export default {
+	props: {
+		exam: { type: String }
+	},
 	data() {
 		return {
-			paperOptions:[],
 			examDialog: false,
 			apiObj: this.$API.edu.examrecord.list,
+			params: { exam: this.exam },
 			query: {
-				search: "",
+				search: ""
 			},
 		};
 	},
 	mounted() {
-		this.getPaperOptions();
 	},
 	methods: {
-		getPaperOptions() {
-			this.$API.edu.paper.list.req({
-				page: 0
-			}).then(res => {
-				this.paperOptions = res;
-			});
-		},
 		formatBoolean(row) {
       		return row.isTrue ? '是' : '否';
     	},

src/views/edu/train.vue

@@ -44,6 +44,7 @@
 				<el-table-column
 					label="时长(h)"
 					prop="duration"
+					width="80"
 				></el-table-column>
 				<el-table-column
 					label="开始时间"
@@ -57,18 +58,12 @@
 					label="地点"
 					prop="place"
 				></el-table-column>
-				<el-table-column
-					label="内容描述"
-					prop="description"
-				></el-table-column>
 				<el-table-column
 					label="是否公开"
 					width="80"
 				>
 				<template #default="scope">
-						<el-icon v-if="scope.row.is_public" color="green"
+					<el-tag v-if="scope.row.is_public" type="success">是</el-tag>
-							><CircleCheckFilled
-						/></el-icon>
 					</template>
 			</el-table-column>
 				<el-table-column
@@ -117,57 +112,16 @@
 				label-width="100px"
 				ref="questioncatForm"
 			>
+			<el-row>
+				<el-col :span="18">
 				<el-form-item label="培训名称" prop="name" required>
 					<el-input
 						v-model="trainForm.name"
-						style="width: 80%;"
+						style="width: 100%;"
 					></el-input>
 				</el-form-item>
-				<el-row>
-					<el-col :span="8">
-				<el-form-item label="开始时间"  prop="start_time" required>
-                <el-date-picker
-                  v-model="trainForm.start_time"
-                  type="datetime"
-				  style="width:100%"
-                />
-              </el-form-item>
 			</el-col>
-			<el-col :span="8">
+			<el-col :span="6">
-			  <el-form-item label="结束时间"  prop="end_time">
-                <el-date-picker
-                  v-model="trainForm.end_time"
-                  type="datetime"
-				  style="width:100%"
-                />
-              </el-form-item>
-			</el-col>
-			<el-form-item label="地点" prop="place" required>
-					<el-input
-						v-model="trainForm.place"
-						clearable
-					></el-input>
-				</el-form-item>
-			<el-form-item label="时长(h)" prop="duration" required>
-				<el-input-number
-                        v-model="trainForm.duration"
-                        controls-position="right"
-                        :step="0.5"
-                        step-strictly="true"
-                    />
-			</el-form-item>
-			<el-form-item label="内容描述" prop="description" required>
-					<el-input
-						v-model="trainForm.description"
-						clearable
-						autisize
-						type="textarea"
-						style="width: 240%;"
-					></el-input>
-				</el-form-item>
-			<el-col :span="8">
-						</el-col>
-								<el-col :span="16">
 			  <el-form-item label="级别"  prop="level" required>
                 <el-select
                   v-model="trainForm.level"
@@ -186,7 +140,43 @@
               </el-form-item>
 
 			</el-col>
-			<el-col :span="8">
+					<el-col :span="12">
+				<el-form-item label="开始时间"  prop="start_time" required>
+                <el-date-picker
+                  v-model="trainForm.start_time"
+                  type="datetime"
+				  style="width:100%"
+                />
+              </el-form-item>
+			</el-col>
+			<el-col :span="12">
+			  <el-form-item label="结束时间"  prop="end_time">
+                <el-date-picker
+                  v-model="trainForm.end_time"
+                  type="datetime"
+				  style="width:100%"
+                />
+              </el-form-item>
+			</el-col>
+			<el-col :span="12">
+			<el-form-item label="地点" prop="place" required>
+					<el-input
+						v-model="trainForm.place"
+						clearable
+					></el-input>
+				</el-form-item>
+			</el-col>
+			<el-col :span="6">
+			<el-form-item label="时长(h)" prop="duration" required>
+				<el-input-number
+                        v-model="trainForm.duration"
+                        controls-position="right"
+                        :step="0.5"
+                        step-strictly="true"
+                    />
+			</el-form-item>
+			</el-col>
+			<el-col :span="6">
 			<el-form-item
 								label="是否公开"
 								prop="is_public"
@@ -195,6 +185,16 @@
 								<el-switch v-model="trainForm.is_public"/>
 							</el-form-item>
 						</el-col>	
+			<el-col :span="24">
+			<el-form-item label="内容描述" prop="description" required>
+					<el-input
+						v-model="trainForm.description"
+						clearable
+						autisize
+						type="textarea"
+					></el-input>
+				</el-form-item>
+			</el-col>
 			<el-form-item label="附件" prop="files">
 				<sc-upload-file
 					:multiple="false"