3次提交判定

work/src/views/DoHomeworkView.vue

@@ -81,7 +81,7 @@
         </div>
         <!-- 提交次数 -->
         <div class="submit-times">
-          <span>您已提交{{sub}}次，每个作业可以提交{{2-sub}}次</span>
+          <span>您已提交{{sub}}次，每个作业可以提交3次</span>
         </div>
       </div>
     </div>
@@ -211,15 +211,20 @@ function submit() {
     }
   }
   let groupId = route.params.id;
-  homeworkApi.submitHomework(homework.value, groupId).then(resp => {
-    if (resp.code == 200) {
-      ElMessage.success("提交成功");
-      homework.value = [];
-      router.push("/show");
-    } else {
-      ElMessage.error("未知错误，请联系管理员");
-    }
-  });
+  let sub = route.params.sub;
+  if (sub <=2){
+    homeworkApi.submitHomework(homework.value, groupId).then(resp => {
+      if (resp.code == 200) {
+        ElMessage.success("提交成功");
+        homework.value = [];
+        router.push("/show");
+      } else {
+        ElMessage.error("未知错误，请联系管理员");
+      }
+    });
+  }else {
+    ElMessage.error("提交失败您，已提交3次，每个作业可以提交3次");
+  }
 }
 </script>
 

work/src/views/WorksShowView.vue

@@ -3,6 +3,7 @@ import { ref } from 'vue';
 import ShowApi from '../api/ShowApi';
 import { format } from 'date-fns';
 import {useRouter} from "vue-router";
+import {ElMessage} from "element-plus";
 
 const router = useRouter()
 
@@ -25,10 +26,15 @@ function loadWorks() {
 loadWorks();
 //跳转写作业页面
 function writeWorks(id,sub){
-  console.log("ID是什么",id)
-  router.push({
-    path:`/doWork/${id}/${sub}`
-  })
+  if(sub >= 3){
+    ElMessage.error('每个作业可提交3次，您已提交3次。')
+  }else{
+    console.log("ID是什么",id)
+    router.push({
+      path:`/doWork/${id}/${sub}`
+    })
+  }
+
 }
 </script>