浏览代码

需求增加:“完成答题”按钮

任一存 2 年之前
父节点
当前提交
c3064b92f3
共有 2 个文件被更改,包括 29 次插入23 次删除
  1. 16 13
      src/views/QuestionView.vue
  2. 13 10
      src/views/QuestionViewMobile.vue

+ 16 - 13
src/views/QuestionView.vue

@@ -88,11 +88,10 @@
         答案解析
       </button>
       <button
-        v-if="remainingQuestionNumber"
         class="next"
         @click="onClickNext"
       >
-        下一题({{ remainingQuestionNumber }})
+        {{ remainingQuestionNumber ? `下一题${remainingQuestionNumber}` : `完成答题` }}
       </button>
     </div>
     <div
@@ -100,11 +99,10 @@
       class="button-wrapper-wrong"
     >
       <button
-        v-if="remainingQuestionNumber"
         class="next"
         @click="onClickNext"
       >
-        下一题({{ remainingQuestionNumber }})
+        {{ remainingQuestionNumber ? `下一题${remainingQuestionNumber}` : `完成答题` }}
       </button>
       <button
         class="retry"
@@ -200,17 +198,22 @@ export default {
       this.$refs['question-inner'].resetSelectedIdxList()
     },
     onClickNext() {
-      this.setIsSubmitted(false)
-      this.setAnswerRecord(null)
-      this.isShowDesc = false
+      if (this.remainingQuestionNumber) {
 
-      const newId = globalUtils.getNextQuestionId(this.questionInfo.id)
-      const quizInfo = quizData.find((item) => {
-        return item.id === newId
-      })
-      this.setQuestionInfo(quizInfo)
+        this.setIsSubmitted(false)
+        this.setAnswerRecord(null)
+        this.isShowDesc = false
 
-      this.$refs['question-inner'].resetSelectedIdxList()
+        const newId = globalUtils.getNextQuestionId(this.questionInfo.id)
+        const quizInfo = quizData.find((item) => {
+          return item.id === newId
+        })
+        this.setQuestionInfo(quizInfo)
+
+        this.$refs['question-inner'].resetSelectedIdxList()
+      } else {
+        this.onClickClose()
+      }
     },
   }
 }

+ 13 - 10
src/views/QuestionViewMobile.vue

@@ -76,11 +76,10 @@
         重新答题
       </button>
       <button
-        v-if="remainingQuestionNumber"
         class="next"
         @click="onClickNext"
       >
-        下一题({{ remainingQuestionNumber }})
+        {{ remainingQuestionNumber ? `下一题${remainingQuestionNumber}` : `完成答题` }}
       </button>
     </div>
   </div>
@@ -155,16 +154,20 @@ export default {
       this.$refs['question-inner'].resetSelectedIdxList()
     },
     onClickNext() {
-      this.setIsSubmitted(false)
-      this.setAnswerRecord(null)
+      if (this.remainingQuestionNumber) {
+        this.setIsSubmitted(false)
+        this.setAnswerRecord(null)
 
-      const newId = globalUtils.getNextQuestionId(this.questionInfo.id)
-      const quizInfo = quizData.find((item) => {
-        return item.id === newId
-      })
-      this.setQuestionInfo(quizInfo)
+        const newId = globalUtils.getNextQuestionId(this.questionInfo.id)
+        const quizInfo = quizData.find((item) => {
+          return item.id === newId
+        })
+        this.setQuestionInfo(quizInfo)
 
-      this.$refs['question-inner'].resetSelectedIdxList()
+        this.$refs['question-inner'].resetSelectedIdxList()
+      } else {
+        this.onClickClose()
+      }
     },
   }
 }