update

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

@@ -23,9 +23,41 @@ import { courseChapter3dShow } from "@/stores/courseChapter3dShow.ts";
 
             <div class="edit" >
                 <div class="editLeft">任务名称/编号：</div>
-                <div class="editRight">
-                    <input type="text" value="" />
-                </div>
+                <div class="editRight"><input class="newInput" type="text" value="" /></div>
+            </div>
+
+            <div class="edit" >
+                <div class="editLeft">检测地点：</div>
+                <div class="editRight"><input class="newInput" type="text" value="" /></div>
+            </div>
+
+            <div class="edit" >
+                <div class="editLeft">井号：</div>
+                <div class="editRight"><input class="newInput" type="text" value="" /></div>
+            </div>
+
+            <div class="edit" >
+                <div class="editLeft">检测方向：</div>
+                <div class="editRight"><input class="newInput" type="text" value="" /></div>
+            </div>
+
+            <div class="edit" >
+                <div class="editLeft">管道类型：</div>
+                <div class="editRight"><input class="newInput" type="text" value="" /></div>
+            </div>
+
+            <div class="edit" >
+                <div class="editLeft">材质：</div>
+                <div class="editRight"><input class="newInput" type="text" value="" /></div>
+            </div>
+
+            <div class="edit" >
+                <div class="editLeft">管径：</div>
+                <div class="editRight"><input class="newInput" type="text" value="" /></div>
+            </div>
+
+            <div class="editBtn" >
+                提交信息
             </div>
 
         </div>
@@ -99,12 +131,13 @@ import { courseChapter3dShow } from "@/stores/courseChapter3dShow.ts";
             position: absolute;
             width: 87%;
             left: 6.5%;
-            top: 10.21rem;
+            top: 9rem;
 
             .edit {
                 position: relative;
                 width: 100%;
                 height: 3.5rem;
+                margin: 1.57rem 0px 1.57rem 0px;
 
                 background-image: url("../../../assets/downHole/edit.webp");
                 -webkit-background-size: 100% 100%;
@@ -121,15 +154,67 @@ import { courseChapter3dShow } from "@/stores/courseChapter3dShow.ts";
                 }
 
                 .editLeft {
-                    
+                    left: 0px;
+                    width: 29%;
+                    font-weight: 400;
+                    font-size: 1.28rem;
+                    color: #CCD2DF;
+                    padding: 0px 0px 0px 1.35rem;
                 }
 
                 .editRight {
+                    right: 0px;
+                    width: 71%;
+                    font-weight: 400;
+                    font-size: 1.28rem;
+                    color: #FFFFFF;
+
+                    .newInput {
+                        /* 移除默认外观 */
+                        -webkit-appearance: none;
+                        -moz-appearance: none;
+                        appearance: none;
+                        
+                        /* 移除边框和轮廓 */
+                        border: none;
+                        outline: none;
+                        
+                        /* 移除默认内边距 */
+                        padding: 0;
+                        
+                        /* 继承字体样式 */
+                        font-family: inherit;
+                        font-size: inherit;
+                        line-height: inherit;
+                        
+                        /* 背景透明 */
+                        background: transparent;
+                        width: 100%;
+                    }
 
                 }
                 
             }
 
+            .editBtn {
+                position: relative;
+                width: 100%;
+                height: 3.5rem;
+                line-height: 3.5rem;
+                margin: 1.57rem 0px 1.57rem 0px;
+                text-align: center;
+                font-weight: 400;
+                font-size: 1.28rem;
+                color: #FFFFFF;
+                cursor:pointer;
+                background-image: url("../../../assets/downHole/btn.webp");
+                -webkit-background-size: 100% 100%;
+                -moz-background-size: 100% 100%;
+                -o-background-size: 100% 100%;
+                background-size: 100% 100%;
+                background-position: center center;
+            }
+
         }
 
     }