125 lines
4.0 KiB
HTML
125 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title></title>
|
|
<link rel="stylesheet" type="text/css" href="../../css/core/layui.css" />
|
|
<link rel="stylesheet" type="text/css" href="../../css/index/index.css" />
|
|
<style>
|
|
.layui-layer {
|
|
background-color: rgba(0,0,0,0)!important;
|
|
background-image: url(../../img/bgSecondLevel.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.layui-layer-title {
|
|
border-bottom: 0 solid #f0f0f0!important;
|
|
line-height: 33px !important;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="left">
|
|
<div class="video">
|
|
<div class="title">
|
|
<span>视频监控</span>
|
|
</div>
|
|
<div class="content" id="videoContent">
|
|
<button id="videoBtn" hidden></button>
|
|
<video id="video1"></video>
|
|
</div>
|
|
</div>
|
|
<div class="wisdom">
|
|
<div class="title">
|
|
<span>智慧用电</span>
|
|
</div>
|
|
<div id="chart"></div>
|
|
<div class="table">
|
|
<div class="tableList" style="font-size: 16px;font-weight: 600">
|
|
<span>设备名称</span>
|
|
<span>设备类型</span>
|
|
<span>位置</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="center">
|
|
<div id="map"></div>
|
|
<div id="earlyWarn">
|
|
<div class="title">
|
|
<span>每月预警</span>
|
|
</div>
|
|
<div id="earlyWarnContent"></div>
|
|
</div>
|
|
</div>
|
|
<div class="right">
|
|
<div class="airQuality">
|
|
<div class="title">
|
|
<span>空气质量监测</span>
|
|
</div>
|
|
<div class="content">
|
|
<div class="total" id="instrumentPanel" style="width: 230px;height: 180px;">
|
|
</div>
|
|
<div class="warn">
|
|
<div class="warn-top">
|
|
<div class="warn-top-commonality" onclick="environmentalMonitoring(1)">实时数据</div>
|
|
<div class="warn-top-commonality" onclick="environmentalMonitoring(2)">日均值</div>
|
|
<div class="warn-top-commonality" onclick="environmentalMonitoring(3)">月均值</div>
|
|
<div class="warn-top-commonality" onclick="environmentalMonitoring(4)">年均值</div>
|
|
</div>
|
|
<div style="width: 220px;height: 162px" id="environmentalMonitor"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="fireAlarm">
|
|
<div class="title">
|
|
<span>火灾报警</span>
|
|
</div>
|
|
<div class="content">
|
|
<div class="total">
|
|
<div class="totalNum" id="fire_totalNum"></div>
|
|
</div>
|
|
<div class="warn">
|
|
<div class="warnNum" id="fire_warnNum"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="safeguard">
|
|
<div class="title">
|
|
<span>安全防范</span>
|
|
</div>
|
|
<div class="content">
|
|
<div class="total">
|
|
<div class="totalNum" id="safe_totalNum"></div>
|
|
</div>
|
|
<div class="warn">
|
|
<div class="warnNum" id="safe_warnNum"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="barrierGate">
|
|
<div class="title">
|
|
<span>道闸管理</span>
|
|
<div title="详情" onclick="gateManagementDataClick()"></div>
|
|
</div>
|
|
<div class="table">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="../../js/core/jquery-3.6.0.js"></script>
|
|
<script src="../../js/core/layui2.7.6/layui.js"></script> <!--2.7.6-->
|
|
<script src="../../js/core/echarts.js"></script>
|
|
<script src="../../js/core/Snap-svg.js" type="text/javascript" charset="utf-8"></script>
|
|
|
|
<script src="../../js/video/qx/include.js" type="text/javascript" charset="utf-8"></script>
|
|
<script type="text/javascript" src="../../js/video/qx/conf.js"></script>
|
|
<script src="../../js/video/qx/utility/flv.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../../js/video/qx/utility/talk.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../../js/video/qx/video-7.19.1.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../../js/core/public.js" type="text/javascript"></script>
|
|
<!-- <script src="../../js/video/connection.js" type="text/javascript" charset="utf-8"></script> -->
|
|
<script src="../../js/index/index.js"></script>
|
|
</body>
|
|
</html>
|