-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathmain.html
More file actions
143 lines (120 loc) · 6.86 KB
/
Copy pathmain.html
File metadata and controls
143 lines (120 loc) · 6.86 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>leafletMap</title>
<script type="text/javascript" src="//api.map.baidu.com/api?v=3.0&ak=BGBbLhXGgsPkqRbGTe6zdPGL4OmV09XZ"></script>
<script src="leaflet/js/require/require.js" data-main="leaflet/js/main"></script>
</head>
<body>
<div id="sidebar" class="sidebar collapsed">
<!-- Nav tabs -->
<div class="sidebar-tabs">
<ul role="tablist">
<li><a href="#tool" role="tab"><i class="fa fa-wrench"></i></a></li>
<li><a href="#home" role="tab"><i class="fa fa-database"></i></a></li>
<li><a href="#profile" role="tab"><i class="fa fa-area-chart"></i></a></li>
<li class="disabled"><a href="#messages" role="tab"><i class="fa fa-envelope"></i></a></li>
<li><a href="https://github.com/googlegis/leafletmap" role="tab" target="_blank"><i class="fa fa-github"></i></a></li>
</ul>
<ul role="tablist">
<li><a href="#settings" role="tab"><i class="fa fa-gear"></i></a></li>
</ul>
</div>
<!-- Tab panes -->
<div class="sidebar-content">
<div class="sidebar-pane" id="tool">
<h1 class="sidebar-header">
工具
<span class="sidebar-close"><i class="fa fa-caret-left"></i></span>
</h1>
<div id="zoomControllDiv" style="padding-top: 10px;">
</div>
<div id="layerControllDiv" style="padding-top: 10px;">
</div>
<div id="searchControllDiv" style="padding-top: 10px;">
</div>
<div id="legendDiv" style="padding-top: 30px;">
<div>
<li class="padd"><a>运行状态:</a><image src="leaflet/png/run/0.png" class="padLeft"/><image src="leaflet/png/run/1.gif" class="padLeft"/><image src="leaflet/png/run/2.gif" class="padLeft"/></li>
<li class="padd"><a>门禁状态:</a><image src="leaflet/png/men/0.png" class="padLeft"/><image src="leaflet/png/men/1.png" class="padLeft"/></li>
<li class="padd"><a>运维状态:</a><image src="leaflet/png/wei/0.png" class="padLeft"/><image src="leaflet/png/wei/1.png" class="padLeft"/></li>
<li class="padd"><a>报警状态:</a><image src="leaflet/png/warn/0.png" class="padLeft"/><image src="leaflet/png/warn/1.png" class="padLeft"/><image src="leaflet/png/warn/2.png" class="padLeft"/></li>
</div>
</div>
</div>
<div class="sidebar-pane" id="home">
<h1 class="sidebar-header">
站点
<span class="sidebar-close"><i class="fa fa-caret-left"></i></span>
</h1>
<div style="padding: 5px;">
<input type="checkbox" id="chkcluster" value="cluster" title="cluster">聚合</input>
<input type="checkbox" id="chktooltip" value="tooltip" title="cluster">标注</input>
<input type="checkbox" id="chkScroll" value="Scroll" title="Scroll">卷帘</input>
<button id="btnExport" type="button" value="export">保存</button>
<button id="btnPrint" type="button" value="print">打印</button>
</div>
<div id="treeDiv" class="demo-tree-more" style="padding-top: 10px;">
</div>
</div>
<div class="sidebar-pane" id="profile">
<h1 class="sidebar-header">巡检<span class="sidebar-close"><i class="fa fa-caret-left"></i></span></h1>
<div class="layui-inline" style="padding-top: 5px;">
<label style="padding-left: 10px;">请选择时间</label>
<div class="layui-input-inline" style="padding-left: 5px;">
<input type="text" class="layui-input" id="inputDate" placeholder="开始 到 结束">
</div>
</div>
<div style="padding: 5px;">
<input type="checkbox" id="chkWarn" value="warn" title="泵房报警时空专题图">泵房报警时空专题图</input>
</div>
<div style="padding: 5px;">
<input type="checkbox" id="chkHeatStation" value="station" title="泵房位置热力图">泵房位置热力图</input>
</div>
<div style="padding: 5px;">
<input type="checkbox" id="chkHeatWarn" value="station" title="泵房报警时空热力图">泵房报警时空热力图</input>
</div>
</div>
<div class="sidebar-pane" id="messages">
<h1 class="sidebar-header">Messages<span class="sidebar-close"><i class="fa fa-caret-left"></i></span></h1>
</div>
<div class="sidebar-pane" id="settings">
<h1 class="sidebar-header">设置<span class="sidebar-close"><i class="fa fa-caret-left"></i></span></h1>
</div>
</div>
</div>
<div id="divmap" class="sidebar-map"></div>
</body>
<!--实时数据弹出窗口-->
<div id="divTab" class="layui-tab layui-tab-card" style="display: none;"></div>
<!--工艺图弹出窗口 -->
<div id="divGongYi" class="ecgs-l" style="display: none;">
<div id="divGy" class="layui-carousel">
<div carousel-item id="divGongYiItem" >
<div id="deviceData1">
<img src="leaflet/js/lib/ecgs16/img/device16.png" class="d-block w-100" alt="...">
</div>
<div id="deviceData2" class="ecgs-fir box-shadow">
<img src="leaflet/js/lib/ecgs16/img/device16.png" class="d-block w-100" alt="...">
</div>
<div id="deviceData3" class="ecgs-fir box-shadow">
<img src="leaflet/js/lib/ecgs16/img/device16.png" class="d-block w-100" alt="...">
</div>
</div>
</div>
<div id="shuizhiDiv" class="ecgs-ss box-shadow">
<div class="body-title"><h3 id="shuizhiTitle">圆梦苑泵房水质监测</h3></div>
<div id="szdiv" class="ecgs-sscon clearfix2">
<div class="ecgs-ssli fl"><div class="ecgs-sstxt"><div class="ecgs-sstab"><p>提升泵1频率</p><span>0</span></div></div></div>
<div class="ecgs-ssli fl"><div class="ecgs-sstxt"><div class="ecgs-sstab"><p>提升泵1频率</p><span>0</span></div></div></div>
<div class="ecgs-ssli fl"><div class="ecgs-sstxt"><div class="ecgs-sstab"><p>提升泵1频率</p><span>0</span></div></div></div>
<div class="ecgs-ssli fl"><div class="ecgs-sstxt"><div class="ecgs-sstab"><p>提升泵1频率</p><span>0</span></div></div></div>
<div class="ecgs-ssli fl"><div class="ecgs-sstxt"><div class="ecgs-sstab"><p>提升泵1频率</p><span>0</span></div></div></div>
<div class="ecgs-ssli fl"><div class="ecgs-sstxt"><div class="ecgs-sstab"><p>提升泵1频率</p><span>0</span></div></div></div>
</div>
</div>
</div>
<div id="vrcontainer" style="display: none;"></div>
<div id="streetMap" style="width:100%;height:100%;display: none;"></div>
</html>