题目过滤的样式

src/features/OnlineExam/Examing/OverallProgress.vue

@@ -55,4 +55,3 @@ export default {
   border-radius: 0px;
 }
 </style>
-

src/features/OnlineExam/Examing/QuestionFilters.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="q-filters">
-    <div :class="questionFilterType == 'ALL' && 'selected-type'" @click="updateQuestionFilter('ALL')">全部 {{all}}</div>
-    <div :class="questionFilterType == 'ANSWERED' && 'selected-type'" @click="updateQuestionFilter('ANSWERED')">已答 {{answered}}</div>
-    <div :class="questionFilterType == 'SIGNED' && 'selected-type'" @click="updateQuestionFilter('SIGNED')">标记 {{signed}}</div>
-    <div :class="questionFilterType == 'UNANSWERED' && 'selected-type'" @click="updateQuestionFilter('UNANSWERED')">未答 {{unanswered}}</div>
+    <div :class="questionFilterType == 'ALL' && 'selected-type'" @click="updateQuestionFilter('ALL')">全部<span class="all-type">{{all}}</span></div>
+    <div :class="questionFilterType == 'ANSWERED' && 'selected-type'" @click="updateQuestionFilter('ANSWERED')">已答 <span class="answered-type">{{answered}}</span></div>
+    <div :class="questionFilterType == 'SIGNED' && 'selected-type'" @click="updateQuestionFilter('SIGNED')">标记<span class="signed-type">{{signed}}</span></div>
+    <div :class="questionFilterType == 'UNANSWERED' && 'selected-type'" @click="updateQuestionFilter('UNANSWERED')">未答<span class="unanswered-type">{{answered}}</span></div>
   </div>
 </template>
 
@@ -50,9 +50,33 @@ export default {
 
 .q-filters > div {
   border-radius: 6px;
-  padding: 5px 10px;
+  padding: 5px 5px;
+  /* margin: 0 5px; */
 }
+
+.q-filters > div > span {
+  padding: 0 3px;
+  border-radius: 4px;
+  margin: 0 2px;
+}
+
 .selected-type {
   background-color: white;
 }
+
+.all-type {
+  background-color: #eeeeee;
+}
+
+.answered-type {
+  background-color: #13bb8a;
+}
+
+.signed-type {
+  background-color: #ffcc00;
+}
+
+.unanswered-type {
+  background-color: rgb(255, 107, 76);
+}
 </style>

src/features/OnlineExam/OnlineExamOverview.vue

@@ -84,6 +84,9 @@ export default {
       //     faceLivenessMinute: null
       //   }
       // };
+      if (res.status !== 200) {
+        return;
+      }
       this.startInfo = res.data;
       this.examRecordDataId = res.data.examRecordDataId;
       // this.startInfo = {