From 02c92ac5456a4ee28d5755173a3efa8e7d5ddff1 Mon Sep 17 00:00:00 2001
From: 少年 <1392120328@qq.com>
Date: 星期二, 23 一月 2024 12:34:45 +0800
Subject: [PATCH] youhua

---
 static/SmartEarthSDK/Workers/path/Path.html |  227 +++++++++++++++++++++++++++++++-------------------------
 1 files changed, 125 insertions(+), 102 deletions(-)

diff --git a/static/SmartEarthSDK/Workers/path/Path.html b/static/SmartEarthSDK/Workers/path/Path.html
index 60a914e..bf374e9 100644
--- a/static/SmartEarthSDK/Workers/path/Path.html
+++ b/static/SmartEarthSDK/Workers/path/Path.html
@@ -20,7 +20,7 @@
 
         .layui-prop::-webkit-scrollbar {
             /*婊氬姩鏉℃暣浣撴牱寮�*/
-            width: 8px;
+            width: 3px;
             /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/
             height: 8px;
             scrollbar-arrow-color: red;
@@ -42,20 +42,14 @@
         }
 
         form {
-            /* width: 95%; */
-            width: 97%;
-            position: absolute;
-            bottom: 8px;
-            /* margin-top: 40px; */
+            width: 95%;
+            margin: auto;
         }
 
         html {
             overflow: hidden;
         }
 
-        .layui-form-item {
-            /* width: 313px !important; */
-        }
 
         .layui-input {
             background-color: #fff !important;
@@ -64,7 +58,8 @@
         }
 
         .layui-form-label {
-            width: 96px !important;
+            width: auto !important;
+            text-align: left;
         }
 
         .layui-input-block {
@@ -86,7 +81,7 @@
         }
 
         .layui-form-item {
-            border: 1px dashed rgba(0, 0, 0, 0.1);
+            /* border: 1px solid #fff; */
             padding: 4px;
             margin-bottom: 0px !important;
             border-bottom: none;
@@ -108,10 +103,11 @@
 
         .bnt-box {
             /* text-align: center; */
-            height: 60px;
+            height: 80px;
             display: flex;
-            justify-content: space-around;
+            justify-content: space-between;
             align-items: center;
+            padding: 0px 20px;
         }
 
         .bnt-box button {
@@ -157,100 +153,110 @@
                     </select>
                 </div>
             </div>
-            <div class="layui-form-item norline fly">
-                <label class="layui-form-label">椋炶楂樺害</label>
-                <div class="layui-input-block">
-                    <input id="cameraHeight" type="text" value="0" name="cameraHeight" lay-filter="cameraHeight"
-                        class="layui-input" onkeyup="value=value.replace(/[^\d\.\-]/g,'')">
-                </div>
-            </div>
-            <div class="layui-form-item norline fly notGod">
-                <label class="layui-form-label">椋炶璺濈</label>
-                <div class="layui-input-block">
-                    <input id="cameraDistance" type="text" value="0" name="cameraDistance" lay-filter="cameraDistance"
-                        class="layui-input" onkeyup="value=value.replace(/[^\d\.\-]/g,'')">
-                </div>
-            </div>
-            <div class="layui-form-item norline fly notGod">
-                <label class="layui-form-label">淇话瑙�</label>
-                <div class="layui-input-block">
-                    <input id="pitch" type="text" value="0" name="pitch" lay-filter="pitch" class="layui-input"
-                        onkeyup="value=value.replace(/[^\d\.\-]/g,'')">
-                </div>
-            </div>
-            <div class="layui-form-item norline">
-                <label class="layui-form-label">婕父閫熷害(m/s)</label>
-                <div class="layui-input-block">
-                    <div id="flySpeed" class="flySpeed"></div>
-                </div>
-            </div>
-            <div class="layui-form-item norline">
-                <label class="layui-form-label">鎬婚暱搴�</label>
-                <div class="layui-input-block" id="totalLen" style="line-height: 38px;">
-                </div>
-            </div>
-            <div class="layui-form-item norline">
-                <label class="layui-form-label">宸叉极娓搁暱搴�</label>
-                <div class="layui-input-block" id="distanceTraveled" style="line-height: 38px;">
-                    0
-                </div>
-            </div>
-            <div class="layui-form-item norline">
-                <label class="layui-form-label">鎬绘椂闀�</label>
-                <div class="layui-input-block" id="totalTime" style="line-height: 38px;">
-                </div>
-            </div>
-            <div class="layui-form-item norline">
-                <label class="layui-form-label">宸叉极娓告椂闂�</label>
-                <div class="layui-input-block" id="time" style="line-height: 38px;">
-                    0
-                </div>
-            </div>
-            <div class="layui-form-item norline">
-                <label class="layui-form-label">鏄惁鏄剧ず妯″瀷</label>
-                <div class="layui-input-block">
-                    <input id="showModel" type="checkbox" lay-skin="switch" lay-filter="showModel" value="off"
-                        lay-text="鏄瘄鍚�">
-                </div>
-            </div>
-            <div class="layui-form-item norline">
-                <label class="layui-form-label">鏄惁鏄剧ず璺嚎</label>
-                <div class="layui-input-block">
-                    <input id="showLine" type="checkbox" lay-skin="switch" lay-filter="showLine" value="off"
-                        lay-text="鏄瘄鍚�">
-                </div>
-            </div>
-            <div class="layui-form-item norline">
-                <label class="layui-form-label">閫熷害</label>
-                <div class="layui-input-block" id="sd" style="line-height: 38px;">
-                    50m/s
-                </div>
-            </div>
-            <div class="layui-form-item norline">
-                <label class="layui-form-label">缁忓害</label>
-                <div class="layui-input-block" id="jd" style="line-height: 38px;">
-                </div>
+
+            <div id="dropDown" style="text-align: center;">
+                <i class="layui-icon layui-icon-down"></i>
+                <!-- <i class="layui-icon layui-icon-up" id="dropUp"></i> -->
             </div>
 
-            <div class="layui-form-item norline">
-                <label class="layui-form-label">绾害</label>
-                <div class="layui-input-block" id="wd" style="line-height: 38px;">
+            <div class="showBox" data-anim="layui-anim-downbit">
+                <div class="layui-form-item fly">
+                    <label class="layui-form-label">椋炶楂樺害</label>
+                    <div class="layui-input-block">
+                        <input id="cameraHeight" type="text" value="0" name="cameraHeight" lay-filter="cameraHeight"
+                            class="layui-input" onkeyup="value=value.replace(/[^\d\.\-]/g,'')">
+                    </div>
                 </div>
-            </div>
+                <div class="layui-form-item fly notGod">
+                    <label class="layui-form-label">椋炶璺濈</label>
+                    <div class="layui-input-block">
+                        <input id="cameraDistance" type="text" value="0" name="cameraDistance"
+                            lay-filter="cameraDistance" class="layui-input"
+                            onkeyup="value=value.replace(/[^\d\.\-]/g,'')">
+                    </div>
+                </div>
+                <div class="layui-form-item fly notGod">
+                    <label class="layui-form-label">淇话瑙�</label>
+                    <div class="layui-input-block">
+                        <input id="pitch" type="text" value="0" name="pitch" lay-filter="pitch" class="layui-input"
+                            onkeyup="value=value.replace(/[^\d\.\-]/g,'')">
+                    </div>
+                </div>
+                <div class="layui-form-item ">
+                    <label class="layui-form-label">婕父閫熷害(m/s)</label>
+                    <div class="layui-input-block">
+                        <div id="flySpeed" class="flySpeed"></div>
+                    </div>
+                </div>
+                <div class="layui-form-item norline">
+                    <label class="layui-form-label">鎬婚暱搴�</label>
+                    <div class="layui-input-block" id="totalLen" style="line-height: 38px;">
+                    </div>
+                </div>
+                <div class="layui-form-item norline">
+                    <label class="layui-form-label">宸叉极娓搁暱搴�</label>
+                    <div class="layui-input-block" id="distanceTraveled" style="line-height: 38px;">
+                        0
+                    </div>
+                </div>
+                <div class="layui-form-item norline">
+                    <label class="layui-form-label">鎬绘椂闀�</label>
+                    <div class="layui-input-block" id="totalTime" style="line-height: 38px;">
+                    </div>
+                </div>
+                <div class="layui-form-item norline">
+                    <label class="layui-form-label">宸叉极娓告椂闂�</label>
+                    <div class="layui-input-block" id="time" style="line-height: 38px;">
+                        0
+                    </div>
+                </div>
+                <div class="layui-form-item norline">
+                    <label class="layui-form-label">鏄惁鏄剧ず妯″瀷</label>
+                    <div class="layui-input-block">
+                        <input id="showModel" type="checkbox" lay-skin="switch" lay-filter="showModel" value="off"
+                            lay-text="鏄瘄鍚�">
+                    </div>
+                </div>
+                <div class="layui-form-item norline">
+                    <label class="layui-form-label">鏄惁鏄剧ず璺嚎</label>
+                    <div class="layui-input-block">
+                        <input id="showLine" type="checkbox" lay-skin="switch" lay-filter="showLine" value="off"
+                            lay-text="鏄瘄鍚�">
+                    </div>
+                </div>
+                <div class="layui-form-item norline">
+                    <label class="layui-form-label">閫熷害</label>
+                    <div class="layui-input-block" id="sd" style="line-height: 38px;">
+                        50m/s
+                    </div>
+                </div>
+                <div class="layui-form-item norline">
+                    <label class="layui-form-label">缁忓害</label>
+                    <div class="layui-input-block" id="jd" style="line-height: 38px;">
+                    </div>
+                </div>
 
-            <div class="layui-form-item norline">
-                <label class="layui-form-label">婕父楂樼▼</label>
-                <div class="layui-input-block" id="height" style="line-height: 38px;">
+                <div class="layui-form-item norline">
+                    <label class="layui-form-label">绾害</label>
+                    <div class="layui-input-block" id="wd" style="line-height: 38px;">
+                    </div>
                 </div>
-            </div>
-            <div class="layui-form-item norline">
-                <label class="layui-form-label">鍦伴潰楂樼▼</label>
-                <div class="layui-input-block" id="globeHeight" style="line-height: 38px;">
+
+                <div class="layui-form-item norline">
+                    <label class="layui-form-label">婕父楂樼▼</label>
+                    <div class="layui-input-block" id="height" style="line-height: 38px;">
+                    </div>
                 </div>
-            </div>
-            <div class="layui-form-item">
-                <div class="layui-progress layui-progress-big" lay-showpercent="true" lay-filter="ratio">
-                    <div class="layui-progress-bar layui-bg-red" lay-percent="0%"></div>
+                <div class="layui-form-item norline">
+                    <label class="layui-form-label">鍦伴潰楂樼▼</label>
+                    <div class="layui-input-block" id="globeHeight" style="line-height: 38px;">
+                    </div>
+                </div>
+
+                <div class="layui-form-item">
+                    <div class="layui-progress layui-progress-big" lay-showpercent="true" lay-filter="ratio">
+                        <div class="layui-progress-bar layui-bg-red" lay-percent="0%"></div>
+                    </div>
                 </div>
             </div>
         </form>
@@ -267,6 +273,9 @@
         var url = parent.SmartEarthRootUrl + "Workers/Model/xiaoche.gltf";
         $('#start').hide();
         $('#stop').show();
+        $('#dropUp').hide();
+        $('.showBox').hide();
+
         var form, element, slider;
         var ratio = 0;
         layui.use(['form', 'element', 'slider'], function () {
@@ -389,7 +398,7 @@
                     $('#stop').hide();
                     break;
                 case 'exit':
-                    parent.roamDetail.roaming = false;
+                    // parent.roamDetail.roaming = false;
                     parent.layer.close(parent.PathAnimationData.winIndex);
                     break;
             }
@@ -471,6 +480,20 @@
             }
             return dis;
         }
+
+
+        $('#dropDown').click(function () {
+            $('#dropDown').hide();
+            // $('#dropUp').show();
+            $('.showBox').show();
+        })
+
+        // $('#dropUp').click(function () {
+        //     $('#dropUp').hide();
+        //     $('#dropDown').show();
+        //     $('.showBox').hide();
+
+        // })
     </script>
 </body>
 

--
Gitblit v1.9.3