北京经济技术开发区经开区虚拟城市项目-【前端】-移动端Web
少年
2024-01-23 490bce6c43f82bef6da1b4cc79827e6f61b30c2e
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,16 +42,9 @@
        }
        form {
            /* width: 95%; */
            width: 97%;
        }
        html {
            overflow: hidden;
        }
        .layui-form-item {
            /* width: 313px !important; */
            width: 95%;
            height: 100%;
            margin: auto;
        }
        .layui-input {
@@ -61,7 +54,8 @@
        }
        .layui-form-label {
            width: 96px !important;
            width: auto !important;
            text-align: left;
        }
        .layui-input-block {
@@ -71,6 +65,7 @@
        .layui-prop {
            margin-left: 10px;
            position: relative;
        }
        .layui-form-item .line {
@@ -82,7 +77,8 @@
        }
        .layui-form-item {
            border: 1px solid;
            /* border: 1px solid #fff; */
            padding: 4px;
            margin-bottom: 0px !important;
            border-bottom: none;
        }
@@ -102,20 +98,29 @@
        }
        .bnt-box {
            text-align: center;
            height: 58px;
            /* text-align: center; */
            height: 80px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0px 20px;
        }
        .bnt-box button {
            margin-top: 10px;
            margin-top: 15px;
        }
        .fly {
        /* .fly {
            display: none;
        }
        } */
        #flySpeed {
            padding: 19px 0;
        }
        .norline {
            display: none !important;
        }
    </style>
</head>
@@ -128,7 +133,7 @@
            <button type="button" class="layui-btn layui-btn-normal" id="exit">退出漫游</button>
        </div>
        <form class="layui-form" action="">
            <div class="layui-form-item">
            <div class="layui-form-item norline">
                <label class="layui-form-label">路线名称</label>
                <div class="layui-input-block" id="roadName" style="line-height: 38px;">
@@ -144,28 +149,28 @@
                    </select>
                </div>
            </div>
            <div class="layui-form-item norline fly">
            <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 class="layui-form-item norline fly notGod">
            <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 norline fly notGod">
            <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 norline">
            <div class="layui-form-item ">
                <label class="layui-form-label">漫游速度(m/s)</label>
                <div class="layui-input-block">
                    <div id="flySpeed" class="flySpeed"></div>
@@ -207,7 +212,7 @@
                        lay-text="是|否">
                </div>
            </div>
            <div class="layui-form-item norline">
            <div class="layui-form-item ">
                <label class="layui-form-label">速度</label>
                <div class="layui-input-block" id="sd" style="line-height: 38px;">
                    50m/s
@@ -225,16 +230,17 @@
                </div>
            </div>
            <div class="layui-form-item norline">
            <div class="layui-form-item ">
                <label class="layui-form-label">漫游高程</label>
                <div class="layui-input-block" id="height" style="line-height: 38px;">
                </div>
            </div>
            <div class="layui-form-item norline">
            <div class="layui-form-item ">
                <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>
@@ -250,9 +256,13 @@
        var fly = null;
        var sgworld = parent.sgworld;
        var routeData = parent.PathAnimationData.flyData;
        console.log(routeData);
        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 () {
@@ -375,7 +385,7 @@
                    $('#stop').hide();
                    break;
                case 'exit':
                    parent.roamDetail.roaming = false;
                    // parent.roamDetail.roaming = false;
                    parent.layer.close(parent.PathAnimationData.winIndex);
                    break;
            }
@@ -457,6 +467,20 @@
            }
            return dis;
        }
        $('#dropDown').click(function () {
            $('#dropDown').hide();
            // $('#dropUp').show();
            $('.showBox').show();
        })
        // $('#dropUp').click(function () {
        //     $('#dropUp').hide();
        //     $('#dropDown').show();
        //     $('.showBox').hide();
        // })
    </script>
</body>