From 4e0635b7ad3b6fdd2e214318f77d5f190d2ddb7b Mon Sep 17 00:00:00 2001
From: Yuan <yuanliyedefy@gmail.com>
Date: Mon, 24 Oct 2022 15:31:54 +0800
Subject: [PATCH] =?UTF-8?q?=E8=80=83=E8=AF=95-=E7=90=86=E8=AE=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/newMap/display/exam/examPanel.vue   | 32 +++++++++++++++++--
 .../newMap/display/exam/theoryQuestion.vue    |  8 ++---
 2 files changed, 33 insertions(+), 7 deletions(-)

diff --git a/src/views/newMap/display/exam/examPanel.vue b/src/views/newMap/display/exam/examPanel.vue
index 2529d9f8c..64d52cbe8 100644
--- a/src/views/newMap/display/exam/examPanel.vue
+++ b/src/views/newMap/display/exam/examPanel.vue
@@ -4,6 +4,16 @@
 			<div>满分: {{ composition.fullScore }}</div>
 			<div>考试时间: {{ composition.validDuration }}分钟</div>
 		</div>
+		<div class="legend-area">
+			<div class="legend">
+				<div class="box finished"></div>
+				<div class="text">已作答</div>
+			</div>
+			<div class="legend">
+				<div class="box"></div>
+				<div class="text">未作答</div>
+			</div>
+		</div>
 		<div>理论题</div>
 		<div class="questionList">
 			<div
@@ -46,8 +56,7 @@
 					: {}
 			"
 			@submit="recordSubmit"
-			@prev="currentQuestionIndex--"
-			@next="currentQuestionIndex++"
+			@navigate="navigate"
 		/>
 	</div>
 </template>
@@ -92,8 +101,10 @@ export default {
 				this.$refs.theoryQuestion.doShow()
 			}
 		},
-		recordSubmit(index, direction) {
+		recordSubmit(index) {
 			this.$set(this.questionStateList[0], index, true)
+		},
+		navigate(direction) {
 			if (direction === '+') {
 				this.currentQuestionIndex++
 			} else if (direction === '-') {
@@ -140,6 +151,21 @@ export default {
 	.header {
 		padding: 10px;
 	}
+	.legend-area {
+		display: flex;
+		justify-content: space-evenly;
+		.legend {
+			display: flex;
+			.box {
+				width: 1rem;
+				height: 1rem;
+				background: #eee;
+			}
+			.finished {
+				border: 1px solid #67c23a;
+			}
+		}
+	}
 	.questionList {
 		display: flex;
 		flex-wrap: wrap;
diff --git a/src/views/newMap/display/exam/theoryQuestion.vue b/src/views/newMap/display/exam/theoryQuestion.vue
index 5ad67b11d..f179c246c 100644
--- a/src/views/newMap/display/exam/theoryQuestion.vue
+++ b/src/views/newMap/display/exam/theoryQuestion.vue
@@ -116,11 +116,11 @@ export default {
 		},
 		navigate(direction) {
 			const selected = this.type === 2 ? !!this.questionData.answer.length : !isNaN(this.questionData.answer)
-			if (!selected) {
-				return
+			if (selected) {
+				this.submit()
+				this.$emit('submit', this.index, direction)
 			}
-			this.submit()
-			this.$emit('submit', this.index, direction)
+			this.$emit('navigate', direction)
 			if (!direction) this.doClose()
 		},
 	},