From 490bce6c43f82bef6da1b4cc79827e6f61b30c2e Mon Sep 17 00:00:00 2001
From: 少年 <1392120328@qq.com>
Date: 星期二, 23 一月 2024 21:40:38 +0800
Subject: [PATCH] youhua
---
static/SmartEarthSDK/Workers/layui/lay/modules/theme/default/layer.css | 6
static/SmartEarthSDK/Workers/path/Path.html | 197 ++++++++++++++++++---------------------
src/components/sideMenu/roamPanel/roamPanel.vue | 56 +++++++++-
3 files changed, 144 insertions(+), 115 deletions(-)
diff --git a/src/components/sideMenu/roamPanel/roamPanel.vue b/src/components/sideMenu/roamPanel/roamPanel.vue
index 1a2e96e..467c46c 100644
--- a/src/components/sideMenu/roamPanel/roamPanel.vue
+++ b/src/components/sideMenu/roamPanel/roamPanel.vue
@@ -35,6 +35,7 @@
window.currentOperator = null;
import store from "@/utils/store.js";
import { roman } from "../../../../static/json/roam.js";
+import { layers } from '../../../../static/json/layer.js';
export default {
name: "LayerPanel",
data() {
@@ -67,6 +68,39 @@
],
};
},
+ mounted() {
+ let newDom = document.createElement("div");
+ newDom.className = "dropUp";
+ newDom.id = 'drop'
+ newDom.innerHTML = "锔�";
+ newDom.style.position = "absolute";
+ newDom.style.left = "43%";
+ newDom.style.bottom = "190px";
+ newDom.style.width = "60px";
+ newDom.style.height = "20px";
+ newDom.style.background = "#ffffff";
+ newDom.style.color = "black";
+ newDom.style.borderRadius = "20px 20px 0px 0px";
+ newDom.style.textAlign = "center";
+ newDom.style.display = "none";
+ newDom.style.zIndex = "999999999";
+ document.querySelector("body").appendChild(newDom);
+ newDom.onclick = function () {
+ if (newDom.className == "dropDown") {
+ newDom.className = "dropUp";
+ newDom.innerHTML = "锔�";
+ newDom.style.bottom = "190px";
+ document.querySelector(".layui-layer-iframe").style.height = '200px';
+ document.querySelector("iframe").style.height = '100%';
+
+ } else {
+ newDom.className = "dropDown";
+ newDom.innerHTML = "锕�";
+ newDom.style.bottom = "495px";
+ document.querySelector(".layui-layer-iframe").style.height = '500px';
+ }
+ };
+ },
methods: {
// 瀹氱偣缁曢
handleAroundClick() {
@@ -83,14 +117,17 @@
// //缁撴潫璺緞婕父
// this.ljmy();
// }
- window.pointerFly=sgworld.drawObj = window.currentOperator = sgworld.Analysis.setPointFly();
+ window.pointerFly =
+ sgworld.drawObj =
+ window.currentOperator =
+ sgworld.Analysis.setPointFly();
},
// 缁撴潫椤剁偣缁曢
- setClearPointFly() {
- if (this.pointerFly) {
- this.pointerFly && this.pointerFly.end();
- this.pointerFly = null;
- }
+ setClearPointFly() {
+ if (this.pointerFly) {
+ this.pointerFly && this.pointerFly.end();
+ this.pointerFly = null;
+ }
},
// 婕父
handleRoamClick(result) {
@@ -115,16 +152,19 @@
type: 2,
title: result.name,
shade: false,
- area: ["100%", "200px"],
+ area: ["100%", 'auto'],
offset: "r",
skin: "other-class",
content: SmartEarthRootUrl + "Workers/path/Path.html",
end: function () {
+ document.querySelector("#drop").style.display = "none";
+ document.querySelector("#drop").style.display = "none";
PathAnimationData.fly && PathAnimationData.fly.exit();
store.setSearchPanelShow(true);
},
});
- });
+ });
+ document.querySelector("#drop").style.display = "block";
},
closeCurrentOperator() {
if (window.currentOperator) {
diff --git a/static/SmartEarthSDK/Workers/layui/lay/modules/theme/default/layer.css b/static/SmartEarthSDK/Workers/layui/lay/modules/theme/default/layer.css
index 596c1c1..c28c612 100644
--- a/static/SmartEarthSDK/Workers/layui/lay/modules/theme/default/layer.css
+++ b/static/SmartEarthSDK/Workers/layui/lay/modules/theme/default/layer.css
@@ -45,7 +45,8 @@
}
.layui-layer-content {
- position: relative
+ position: relative;
+ height: 100% !important;
}
.layui-layer-border {
@@ -606,7 +607,8 @@
.layui-layer-iframe iframe {
display: block;
- width: 100%
+ width: 100%;
+ height: 100% !important;
}
.layui-layer-loading {
diff --git a/static/SmartEarthSDK/Workers/path/Path.html b/static/SmartEarthSDK/Workers/path/Path.html
index bf374e9..498a3fc 100644
--- a/static/SmartEarthSDK/Workers/path/Path.html
+++ b/static/SmartEarthSDK/Workers/path/Path.html
@@ -43,13 +43,9 @@
form {
width: 95%;
+ height: 100%;
margin: auto;
}
-
- html {
- overflow: hidden;
- }
-
.layui-input {
background-color: #fff !important;
@@ -115,9 +111,9 @@
}
- .fly {
+ /* .fly {
display: none;
- }
+ } */
#flySpeed {
padding: 19px 0;
@@ -153,110 +149,101 @@
</select>
</div>
</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 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 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 ">
+ <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="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 class="layui-form-item norline">
+ <label class="layui-form-label">绾害</label>
+ <div class="layui-input-block" id="wd" style="line-height: 38px;">
</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>
- <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 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 ">
+ <label class="layui-form-label">鍦伴潰楂樼▼</label>
+ <div class="layui-input-block" id="globeHeight" 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>
- </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 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>
</form>
--
Gitblit v1.9.3