commit

src/main/resources/views/mobile/qsv/quiz/result.html

@@ -10,6 +10,7 @@ layout("/mobile/platform.html"){
     .container .title {
         text-align: center;
         padding: 20px;
+        margin: 0 !important;
         background: #ffffff;
         color: var(--color-primary);
         box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
@@ -168,7 +169,7 @@ layout("/mobile/platform.html"){
             </div>
         </van-sticky>
 
-        <div>
+        <div style="margin-top: 50px">
             <div v-for="(subject, index) in subjects" :key="index" class="subject">
                 <p>{{index+1}}、{{ subject.title }}</p>
                 <div class="tag">
@@ -208,11 +209,12 @@ layout("/mobile/platform.html"){
             </div>
 
             <div class="button-control">
+                <van-button v-if="canAgainQuestion" type="primary" @click="againQuestion" block>重新答题</van-button>
                 <van-button type="primary" @click="openHistory" block>查看全部答题记录</van-button>
             </div>
         </div>
 
-        <van-action-sheet v-model="historyShow" title="历史记录">
+        <van-action-sheet v-model="historyShow" title="历史记录" >
             <div class="history-list">
                 <div v-for="item in historyList" class="history-item">
                     <div class="history-header">
@@ -239,7 +241,9 @@ layout("/mobile/platform.html"){
                 activity: {},
                 list: [],
                 historyShow: false,
-                historyList: []
+                historyList: [],
+
+                canAgainQuestion: false
             }
         },
         computed: {
@@ -268,12 +272,26 @@ layout("/mobile/platform.html"){
             }
         },
         methods: {
+            /**
+             * 重新答题
+             */
+            againQuestion() {
+                vant.Dialog.confirm({
+                    title: '温馨提示',
+                    message: '确定要重新答题吗？',
+                }).then(() => {
+                    pjaxReplace('/platform/h5/qsv/quiz?id=' + this.activity.id)
+                }).catch(() => {
+                    // on cancel
+                });
+            },
             getAnswerResult() {
                 $.post("/platform/h5/qsv/quiz/answerResult", { answerRecordId: this.answerRecordId }).then((res) => {
                     if (res.code === 0) {
                         this.subjects = res.data.subjects
                         this.activity = res.data.activity
                         this.getAnswerRecord()
+                        this.getHistoryQuestion()
                     }
                 })
             },
@@ -305,16 +323,19 @@ layout("/mobile/platform.html"){
                     }
                 })
             },
-
             historyBack() {
                 pjaxReplace('/platform/h5/qsv')
             },
-
             openHistory() {
                 this.historyShow = true
+            },
+            getHistoryQuestion() {
                 $.post("/platform/h5/qsv/quiz/historyScore", { activityId: this.activity.id }).then((res) => {
                     if (res.code === 0) {
                         this.historyList = res.data
+                        if (this.activity.maxAttempts > res.data.length) {
+                            this.canAgainQuestion = true
+                        }
                     }
                 })
             }