Selaa lähdekoodia

feat: 考生承诺弹窗确定按钮增加loading...

chenhao 2 vuotta sitten
vanhempi
commit
ab36157458
1 muutettua tiedostoa jossa 8 lisäystä ja 0 poistoa
  1. 8 0
      src/features/OnlineExam/StartExamModal.vue

+ 8 - 0
src/features/OnlineExam/StartExamModal.vue

@@ -216,7 +216,12 @@ function disagreeCommittment() {
 }
 
 let passedAllChecks = false;
+let loading = $ref(false)
 async function enterExam() {
+  if(loading){
+    return 
+  }
+  loading = true
   let hstate = { examStudentId: course.examStudentId };
   /** 为了代码加密混淆效果更好,隐藏在线考试开始考试的启动逻辑,将在线考试启动接口调用放在该组件内部 */
   if (course.examType === "ONLINE") {
@@ -283,6 +288,7 @@ async function enterExam() {
           possibleError: error,
         });
       }
+      loading = false
       return;
     }
   }
@@ -292,6 +298,7 @@ async function enterExam() {
     params: { examId: course.examId },
     query: hstate,
   });
+  loading = false
 }
 
 onUnmounted(() => {
@@ -384,6 +391,7 @@ onUnmounted(() => {
       <n-button
         type="success"
         style="margin-right: 5px; min-width: 120px"
+        :loading="loading"
         @click="enterExam"
       >
         确定