gz_digital_signage/src/main/resources/static/pages/synthesisQuery/digitalSignage.html

156 lines
5.2 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../../js/layui-v2.9.14/layui/css/layui.css">
<link rel="stylesheet" href="../../css/font.css">
<link rel="stylesheet" href="../../css/table-common2.css">
<link rel="stylesheet" href="../../css/synthesisQuery/digitalSignage.css">
<script src="../../js/libs/jquery-3.7.0.min.js" charset="UTF-8" type="text/javascript"></script>
<script src="../../js/layui-v2.9.14/layui/layui.js" charset="UTF-8" type="text/javascript"></script>
<script src="../../js/publicJs.js"></script>
<script src="../../js/commonUtils.js"></script>
<script src="../../js/openIframe.js"></script>
<script src="../../js/my/aes.js"></script>
<script src="../../js/ajaxRequest.js"></script>
<!-- <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=3.0&ak=cClgLBaLgGUdQDilX9dGvieL"></script> -->
<!--引入cesium基础lib-->
<link href="http://mars3d.cn/lib/Cesium/Widgets/widgets.css" rel="stylesheet" type="text/css" />
<script src="http://mars3d.cn/lib/Cesium/Cesium.js" type="text/javascript"></script>
<script src="http://mars3d.cn/lib/turf/turf.min.js" type="text/javascript"></script>
<!--引入mars3d库lib-->
<link href="http://mars3d.cn/lib/mars3d/mars3d.css" rel="stylesheet" type="text/css" />
<script src="http://mars3d.cn/lib/mars3d/mars3d.js" type="text/javascript"></script>
<!--引入mars3d库插件lib按需引入-->
<script src="http://mars3d.cn/lib/mars3d/plugins/space/mars3d-space.js" type="text/javascript"></script>
<!--第三方lib非必须-->
<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>
<title>电子看板</title>
<style>
.custom-info-window {
background: rgba(0, 0, 0, 0.5);
color: white;
padding: 10px;
border-radius: 4px;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
border: none;
min-width: 150px;
font-family: Arial, sans-serif;
}
.BMap_bubble_pop .BMap_bubble_arrow {
display: none !important;
}
.center-title-box {
position: absolute;
top: 0;
left: 0;
}
</style>
</head>
<body>
<div id="main-box">
<!-- 中间标题 -->
<div class="center-title-box">
</div>
<!-- 地图容器 -->
<div id="map-box"></div>
<!-- 左上角滚动盒子 -->
<div class="scroll-box">
<div class="scroll-box-title flex-box">
<span>跨域类型</span>
<span>跨越地点</span>
<span>跨域描述</span>
</div>
<div class="scroll-box-content" id="scrollContent">
<!-- 原始内容 -->
<div class="content-wrapper">
<!-- <div class="flex-box content-item">
<span>跨线路</span>
<span>N15-N16</span>
<span>
<i>垂直净度7696</i>
<i>垂直净度7696</i>
<i>垂直净度7696</i>
</span>
</div> -->
</div>
<!-- 克隆内容用于无缝衔接 -->
<div class="content-wrapper clone-content">
</div>
</div>
</div>
<!-- 左下角图例 -->
<div class="legend-box">
<div class="legend-item">
<!-- <span>基础开挖</span>
<span>6</span> -->
</div>
</div>
<!-- 左下角工程概况 -->
<div class="project-overview-box">
<div class="project-overview-title">
工程概况
</div>
<div class="project-overview-content">
</div>
<!-- 预览框 -->
<div class="project-overview-preview-box">
</div>
</div>
<!-- 右侧抽屉 -->
<div class="right-drawer-box">
<!-- 关闭按钮 -->
<div class="close-drawer-btn">
</div>
<!-- 组织树盒子 -->
<div class="organization-tree-box">
<div id="orgTree"></div>
</div>
</div>
<!-- 打开弹框的三角 -->
<div class="open-drawer-box"></div>
<!-- 右上角切换按钮 -->
<!-- <div class="switch-btn-box">
<div class="switch-btn-item map-btn">
地图
</div>
<div class="switch-btn-item mix-btn">
混合
</div>
</div> -->
<!-- 右上角全屏图标 -->
<!-- <div class="full-screen-btn">
<img src="../../img/digitalSignage/full-screen.png" alt="" />
</div> -->
</div>
</body>
<!-- <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>
</html>