updata

src/pages/mockExam/index.vue

 <template>
-  <div class="mock-box" v-if="pageShow">
+  <div class="mock-box">
     <div class="top-tit">
       <div class="left">考试时间90分钟</div>
       <div class="right">总分100分</div>
@@ -39,6 +39,16 @@
         </div>
       </div>
     </div>
+    <div class="exam_submit" v-if="isExamPopTo">
+      <div class="pop">
+        <div class="tit">能力自测</div>
+        <div class="txt">考试还未结束确定退出考试？</div>
+        <div class="btn_box">
+          <div class="btn" @click="isExamPopTo = false">退出考试</div>
+          <div class="btn btn2" @click="goAbilityExam(0)">继续考试</div>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -49,11 +59,13 @@ export default {
     return {
       roleChange: 1,
       isExamPop: false,
-      pageShow: false
+      isExamPopTo: false
     }
   },
   mounted() {
-    this.abilityExam()
+    if (window.localStorage.isExamEnd === 'true' || window.localStorage.isExamEnd === true) {
+      this.abilityExam()
+    }
   },
   methods: {
     changeActive(e) {
@@ -65,12 +77,12 @@ export default {
       }
       api.getExamStatus(param).then(res => {
         if (res.status === '0' || res.status === '3') {
-          this.isExamPop = true
+          this.isExamPopTo = true
         }
-        this.pageShow = true
       })
     },
     goAbilityExam(n) {
+      window.localStorage.isExamEnd = true
       this.$router.push({
         path: '/mock/answer',
         query: {
@@ -81,10 +93,19 @@ export default {
       })
     },
     setRole() {
-      api.setRole({ role: this.roleChange }).then(res => {
-        console.log(res.code)
-        if (res.code === 0) {
-          this.goAbilityExam(1)
+      const param = {
+        type: 2
+      }
+      api.getExamStatus(param).then(res => {
+        if (res.status === '0' || res.status === '3') {
+          this.isExamPop = true
+        } else {
+          api.setRole({ role: this.roleChange }).then(res => {
+            console.log(res.code)
+            if (res.code === 0) {
+              this.goAbilityExam(1)
+            }
+          })
         }
       })
     }