update

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

@@ -9,6 +9,15 @@ import { courseChapter3dShow } from "@/stores/courseChapter3dShow.ts";
 //     }
 // );
 
+const submitEvent = () => {
+
+    console.log(
+        "courseChapter3dShow().show.showDownHoleConfig ===",
+        courseChapter3dShow().show.showDownHoleConfig
+    );
+
+}
+
 </script>
 
 <template>
@@ -23,40 +32,54 @@ import { courseChapter3dShow } from "@/stores/courseChapter3dShow.ts";
 
             <div class="edit" >
                 <div class="editLeft">任务名称/编号：</div>
-                <div class="editRight"><input class="newInput" type="text" value="" /></div>
+                <div class="editRight">
+                    <input class="newInput" type="text" v-model="courseChapter3dShow().show.showDownHoleConfig.taskName" />
+                </div>
             </div>
 
             <div class="edit" >
                 <div class="editLeft">检测地点：</div>
-                <div class="editRight"><input class="newInput" type="text" value="" /></div>
+                <div class="editRight">
+                    <input class="newInput" type="text" v-model="courseChapter3dShow().show.showDownHoleConfig.location" />
+                </div>
             </div>
 
             <div class="edit" >
                 <div class="editLeft">井号：</div>
-                <div class="editRight"><input class="newInput" type="text" value="" /></div>
+                <div class="editRight">
+                    <input class="newInput" type="text" v-model="courseChapter3dShow().show.showDownHoleConfig.hashSign" />
+                </div>
             </div>
 
             <div class="edit" >
                 <div class="editLeft">检测方向：</div>
-                <div class="editRight"><input class="newInput" type="text" value="" /></div>
+                <div class="editRight">
+                    <input class="newInput" type="text" v-model="courseChapter3dShow().show.showDownHoleConfig.detectionDirection" />
+                </div>
             </div>
 
             <div class="edit" >
                 <div class="editLeft">管道类型：</div>
-                <div class="editRight"><input class="newInput" type="text" value="" /></div>
+                <div class="editRight">
+                    <input class="newInput" type="text" v-model="courseChapter3dShow().show.showDownHoleConfig.pipeType" />
+                </div>
             </div>
 
             <div class="edit" >
                 <div class="editLeft">材质：</div>
-                <div class="editRight"><input class="newInput" type="text" value="" /></div>
+                <div class="editRight">
+                    <input class="newInput" type="text" v-model="courseChapter3dShow().show.showDownHoleConfig.material" />
+                </div>
             </div>
 
             <div class="edit" >
                 <div class="editLeft">管径：</div>
-                <div class="editRight"><input class="newInput" type="text" value="" /></div>
+                <div class="editRight">
+                    <input class="newInput" type="text" v-model="courseChapter3dShow().show.showDownHoleConfig.pipeDiameter" />
+                </div>
             </div>
 
-            <div class="editBtn" >
+            <div class="editBtn" @click="submitEvent()" >
                 提交信息
             </div>