修复电子看板点位显示,修复坐标悬浮错位,修复场地,线条点击弹出悬浮框,增加图例显示隐藏按钮

This commit is contained in:
BianLzhaoMin 2025-07-11 16:13:07 +08:00
parent e2b9fd811c
commit cdb1bbfd12
3 changed files with 2635 additions and 226 deletions

View File

@ -144,6 +144,8 @@ body {
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;
border-radius: 10px; border-radius: 10px;
visibility: visible;
} }
.legend-box .legend-item { .legend-box .legend-item {
@ -341,6 +343,20 @@ body {
cursor: pointer; cursor: pointer;
} }
/* 打开图例的三角 */
.legend-open-drawer-btn {
position: absolute;
top: 180px;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 14px 14px 14px 0;
border-color: transparent #d7d7d7 transparent transparent;
z-index: 999;
cursor: pointer;
}
.close-drawer-btn { .close-drawer-btn {
position: absolute; position: absolute;
top: 50%; top: 50%;
@ -544,3 +560,10 @@ body {
right: 40px !important; right: 40px !important;
left: unset !important; left: unset !important;
} }
.tower-label {
color: #fff;
padding: 1px;
background: rgba(0, 0, 0, 0.7);
font-size: 10px;
}

View File

@ -31,6 +31,7 @@
<!--第三方lib非必须--> <!--第三方lib非必须-->
<link rel="stylesheet" href="http://mars3d.cn/lib/fonts/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="http://mars3d.cn/lib/fonts/font-awesome/css/font-awesome.min.css">
<script type="text/javascript" src="http://mars3d.cn/lib/hao/haoutil.js"></script> <script type="text/javascript" src="http://mars3d.cn/lib/hao/haoutil.js"></script>
<title>电子看板</title> <title>电子看板</title>
<style> <style>
@ -96,10 +97,7 @@
<!-- 左下角图例 --> <!-- 左下角图例 -->
<div class="legend-box"> <div class="legend-box">
<div class="legend-item">
<!-- <span>基础开挖</span>
<span>6</span> -->
</div>
</div> </div>
<!-- 左下角工程概况 --> <!-- 左下角工程概况 -->
@ -132,6 +130,10 @@
<!-- 打开弹框的三角 --> <!-- 打开弹框的三角 -->
<div class="open-drawer-box"></div> <div class="open-drawer-box"></div>
<!-- 打开或者关闭图例的三角 -->
<div class="legend-open-drawer-btn"></div>
<!-- 右上角切换按钮 --> <!-- 右上角切换按钮 -->
<!-- <div class="switch-btn-box"> <!-- <div class="switch-btn-box">
<div class="switch-btn-item map-btn"> <div class="switch-btn-item map-btn">
@ -151,6 +153,8 @@
</div> </div>
</body> </body>
<!-- <script src="../../js/synthesisQuery/digitalSignage.js" charset="UTF-8" type="text/javascript"></script> --> <!-- <script src="../../js/synthesisQuery/digitalSignage.js" charset="UTF-8" type="text/javascript"></script> -->
<script src="../../js/synthesisQuery/digitalSignage-new.js" charset="UTF-8" type="text/javascript"></script> <script src="../../js/synthesisQuery/digitalSignage-new.js" charset="UTF-8" type="text/javascript"></script>
</html> </html>