why
/
xf4.0
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3 Commits
1 Branch
0 Tags
77 MiB
 
 
 
 
 
Branch: master
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'master'
${ noResults }
xf4.0/WebContent/WEB-INF/ftl/gis/index.ftl

223 lines
11 KiB
Raw Permalink Blame History

<#include "../_include/_t.ftl"/>
<!DOCTYPE html>
<html>
<head>
<title></title>
<!--<link rel="shortcut icon" href="${ctx}/favicon.ico" type="image/x-icon"/>-->
<#include "../_include/_h.ftl"/>
<#include "../_include/_l.ftl"/>
<#include "../_include/_j.ftl"/>
<#include "../_include/_e.ftl"/>
<#include "../_include/_c_1.ftl"/>
<#include "../_include/gis/_gis.ftl"/>
</head>
<body class="layui-layout-body">
<!-- cesium初始化 -->
<div id="webgis" style="/*display:none;*/position: absolute; width: 100%;height:100%"></div>
<!-- 工具 -->
<div style="position: absolute;z-index: 5;top: 74px;right: 30%;">
<!-- <button class="btn" onclick="GetCameraPoint()">获取相机信息</button>
<button class="btn" onclick="GetPoint()">点击获取坐标</button> -->
<button id="gisToolsRoamStart_btn" class="btn">漫游</button>
<button id="gisToolsRoamStop_btn" style="display: none" class="btn">停止</button>
<button id="gisToolsWorkHidden_btn" class="btn">隐藏</button>
<button id="gisToolsWorkShow_btn" style="display: none" class="btn">显示</button>
</div>
<!-- 内容 -->
<div>
<div class="sblist fl float gisDiv1">
<div class="index-title" style="background: url(${ctx}/style/cls1/img/3d-titbg.png) center no-repeat;">设备列表</div>
<div class="index-con1a" style="background: url(${ctx}/style/cls1/img/sblistbg.png); background-size: 100% 100%; padding: 20px 15px; padding-top: 41px;">
<span class="top-left border-span"></span>
<span class="top-right border-span"></span>
<span class="bottom-left border-span"></span>
<span class="bottom-right border-span"></span>
<div class="sblist-search">
<form action="">
<select id="gisDvc_dataSelect">
<option value="">全部设备</option>
<option value="01">消防用水设备</option>
<option value="02">电气火灾设备</option>
<option value="03">烟感设备</option>
<option value="04">可燃气体监测设备</option>
<option value="05">火灾自动联网报警设备</option>
<option value="06">消防可视化监测设备</option>
<option value="07">消防通道及防火排烟设备</option>
</select>
</form>
</div>
<div class="sblist-tab">
<div class="dbsx-con">
<table cellpadding="0" cellspacing="0" border="0">
<colgroup>
<col width="19%">
<col width="23%">
<col width="16%">
<col width="16%">
<col width="16%">
<col width="10%">
</colgroup>
<thead>
<tr class="tou">
<th>设备编号</th>
<th>设备类型</th>
<th>安装地址</th>
<th>设备检测</th>
<th>报警记录</th>
<th>定位</th>
</tr>
</thead>
</table>
<div class="table-content" style="height: 90%;overflow-y: auto;">
<table id="gisDvc_dataTable" cellpadding="0" cellspacing="0" border="0">
</table>
</div>
</div>
</div>
</div>
</div>
<div class="sblist fl float gisDiv2">
<div class="index-title" style="background: url(${ctx}/style/cls1/img/sbtj-titbg.png) center no-repeat;">设备统计信息</div>
<div class="index-con1a" style="background: url(${ctx}/style/cls1/img/sblistbg.png); background-size: 100% 100%; padding: 20px 15px; padding-top: 41px;">
<span class="top-left border-span"></span>
<span class="top-right border-span"></span>
<span class="bottom-left border-span"></span>
<span class="bottom-right border-span"></span>
<div class="sbtjxx">
<div class="sbazzs">
<div class="zongshu">设备安装总数</div>
<div id="gisTotalCount_dataDiv"> </div>
<div id="dataNums2"> </div>
</div>
<div class="sbfj-con">
<ul class="clearfix">
<li>
<div class="sbfj-icon fl"><img src="${ctx}/style/cls1/img/sbtj-icon1.png"></div>
<div class="sbfjtj">
<div class="sbfj-tit">电气设备数量</div>
<div class="sbfj-data" id="gisElectricCount_dataDiv"></div>
</div>
</li>
<li>
<div class="sbfj-icon fl"><img src="${ctx}/style/cls1/img/sbtj-icon2.png"></div>
<div class="sbfjtj">
<div class="sbfj-tit">消防水设备数量</div>
<div class="sbfj-data" id="gisWaterCount_dataDiv"></div>
</div>
</li>
<li>
<div class="sbfj-icon fl"><img src="${ctx}/style/cls1/img/sbtj-icon3.png"></div>
<div class="sbfjtj">
<div class="sbfj-tit">烟感设备数量</div>
<div class="sbfj-data" id="gisSmokeCount_dataDiv"></div>
</div>
</li>
<li>
<div class="sbfj-icon fl"><img src="${ctx}/style/cls1/img/sbtj-icon4.png"></div>
<div class="sbfjtj">
<div class="sbfj-tit">其他设备数量</div>
<div class="sbfj-data" id="gisOtherCount_dataDiv"></div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="dwsssj fl float gisDiv3">
<div class="index-title" style="background: url(${ctx}/style/cls1/img/dwsssj-titbg.png) center no-repeat;">实时报警数据</div>
<div class="index-con1a" style="background: url(${ctx}/style/cls1/img/sblistbg.png); background-size: 100% 100%; padding: 20px 15px; padding-top: 41px;">
<span class="top-left border-span"></span>
<span class="top-right border-span"></span>
<span class="bottom-left border-span"></span>
<span class="bottom-right border-span"></span>
<div class="dwsssj-con" style="overflow-y: auto;">
<ul id="gisAlarm_dataUL">
</ul>
</div>
</div>
</div>
<div class="sblist fr float gisDiv4">
<div class="index-title" style="background: url(${ctx}/style/cls1/img/3d-titbg.png) center no-repeat;">内部视频</div>
<div class="index-con1a" style="background: url(${ctx}/style/cls1/img/sblistbg.png); background-size: 100% 100%; padding: 20px 15px; padding-top: 41px;">
<span class="top-left border-span"></span>
<span class="top-right border-span"></span>
<span class="bottom-left border-span"></span>
<span class="bottom-right border-span"></span>
<div class="in-video" style="overflow-y: auto;">
<!-- <ul class="clearfix">
<li><img src="${ctx}/style/cls1/img/1.png" /></li>
<li><img src="${ctx}/style/cls1/img/1.png" /></li>
<li><img src="${ctx}/style/cls1/img/1.png" /></li>
<li><img src="${ctx}/style/cls1/img/1.png" /></li>
<li><img src="${ctx}/style/cls1/img/1.png" /></li>
<li><img src="${ctx}/style/cls1/img/1.png" /></li>
<li><img src="${ctx}/style/cls1/img/1.png" /></li>
<li><img src="${ctx}/style/cls1/img/1.png" /></li>
</ul> -->
<div class="h5videodiv imgbox">
<video style="width: 100%;height: auto;" class="h5video" id="hysbVideo" autoplay loop muted src="${ctx}/js/gis/data/hysb.mp4" style="width:1px;height:1px"></video>
</div>
<div class="h5videodiv imgbox">
<video style="width: 100%;height: auto;" class="h5video" id="h5sVideo1" autoplay poster="http://47.104.11.54:7081/api/v1/GetImage?token=token1&amp;session=c1782caf-b670-42d8-ba90-2244d0b0ee83">
</video>
<div class="playpause" id="playpause1"></div>
</div>
<div class="h5videodiv imgbox">
<video style="width: 100%;height: auto;" class="h5video" id="h5sVideo2" autoplay poster="http://47.104.11.54:7081/api/v1/GetImage?token=token52&amp;session=c1782caf-b670-42d8-ba90-2244d0b0ee83">
</video>
<div class="playpause" id="playpause2"></div>
</div>
<div class="h5videodiv imgbox">
<video style="width: 100%;height: auto;" class="h5video" id="h5sVideo3" autoplay poster="http://47.104.11.54:7081/api/v1/GetImage?token=token53&amp;session=c1782caf-b670-42d8-ba90-2244d0b0ee83">
</video>
<div class="playpause"></div>
</div>
<div class="h5videodiv imgbox">
<video style="width: 100%;height: auto;" class="h5video" id="h5sVideo4" autoplay poster="http://47.104.11.54:7081/api/v1/GetImage?token=token54&amp;session=c1782caf-b670-42d8-ba90-2244d0b0ee83">
</video>
<div class="playpause"></div>
</div>
<div class="h5videodiv imgbox">
<video style="width: 100%;height: auto;" class="h5video" id="h5sVideo5" autoplay poster="http://47.104.11.54:7081/api/v1/GetImage?token=token5&amp;session=c1782caf-b670-42d8-ba90-2244d0b0ee83">
</video>
<div class="playpause"></div>
</div>
<div class="h5videodiv imgbox">
<video style="width: 100%;height: auto;" class="h5video" id="h5sVideo6" autoplay poster="http://47.104.11.54:7081/api/v1/GetImage?token=token47&amp;session=c1782caf-b670-42d8-ba90-2244d0b0ee83">
</video>
<div class="playpause"></div>
</div>
<div class="h5videodiv imgbox">
<video style="width: 100%;height: auto;" class="h5video" id="h5sVideo7" autoplay poster="http://47.104.11.54:7081/api/v1/GetImage?token=token7&amp;session=c1782caf-b670-42d8-ba90-2244d0b0ee83">
</video>
<div class="playpause"></div>
</div>
<div class="h5videodiv imgbox">
<video style="width: 100%;height: auto;" class="h5video" id="h5sVideo8" autoplay poster="http://47.104.11.54:7081/api/v1/GetImage?token=token8&amp;session=c1782caf-b670-42d8-ba90-2244d0b0ee83">
</video>
<div class="playpause"></div>
</div>
</div>
</div>
</div>
<div class="sblist fr float gisDiv5">
<div class="index-title" style="background: url(${ctx}/style/cls1/img/3d-titbg.png) center no-repeat;">报警趋势</div>
<div class="index-con1a" style="background: url(${ctx}/style/cls1/img/sblistbg.png); background-size: 100% 100%; padding: 20px 15px; padding-top: 41px;">
<span class="top-left border-span"></span>
<span class="top-right border-span"></span>
<span class="bottom-left border-span"></span>
<span class="bottom-right border-span"></span>
<div id="jsjc" style="width:100%;height:100%;"></div>
<script type="text/javascript">
</script>
</div>
</div>
</div>
</body>
<script src="${ctx}/js/gis/init.js" type="text/javascript"></script>
<script src="${ctx}/js/gis/delay.js" type="text/javascript"></script>
<script src="${ctx}/js/gis/h5videoplay.js" type="text/javascript"></script>
</html>