update

user_web/src/components/student/courseChapter3d/showDownHole.vue

@@ -11,11 +11,31 @@ import { courseChapter3dShow } from "@/stores/courseChapter3dShow.ts";
 
 const submitEvent = () => {
 
-    console.log(
-        "courseChapter3dShow().show.showDownHoleConfig ===",
-        courseChapter3dShow().show.showDownHoleConfig
-    );
+    // console.log(
+    //     "courseChapter3dShow().show.showDownHoleConfig ===",
+    //     courseChapter3dShow().show.showDownHoleConfig
+    // );
 
+    // 先进行验证字段是否都填写完成
+    for (let key in courseChapter3dShow().show.showDownHoleConfig) {
+
+        let val = courseChapter3dShow().show.showDownHoleConfig[key];
+        // console.log("填写提交的内容", key, val);
+
+        if (val == null || val == undefined || val == '' || val == ' ') {
+
+            courseChapter3dShow().show.showPromptEvent(
+                "请填写下井信息,才可以进行下一步",
+                null,
+                function(res : any) {
+                    // console.log("yes", res);
+                    
+                }
+            );
+            return;
+        }
+    }
+    
 }
 
 </script>
@@ -24,7 +44,7 @@ const submitEvent = () => {
 
     <div class="showDownHole">
         
-        <img class="exit" src="../../../assets/downHole/Union.webp" />
+        <img class="exit" src="../../../assets/downHole/Union.webp" @click="submitEvent()" />
         <img class="topTitleImg" src="../../../assets/downHole/dy.webp" />
         <div class="title" >下井信息录入</div>
 
@@ -111,7 +131,7 @@ const submitEvent = () => {
         position: fixed;
         width: 54.92rem;
         height: 54.21rem;
-        z-index: 109;
+        z-index: 1;
         top: 50%;
         left: 50%;
         margin: -27.105rem 0px 0px -27.46rem;