130 lines
3.8 KiB
HTML
130 lines
3.8 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/googlealarm/googlealarm.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: 0px solid #f0f0f0!important;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="left">
|
||
|
|
<div class="up">
|
||
|
|
<div class="title">
|
||
|
|
<span>设备信息</span>
|
||
|
|
</div>
|
||
|
|
<div class="data">
|
||
|
|
<div class="data-left">
|
||
|
|
<div class="data-left-up">
|
||
|
|
<div class="title"></div>
|
||
|
|
<div class="content">
|
||
|
|
<span id="Total">362</span>
|
||
|
|
<span>累计总数</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="data-left-down">
|
||
|
|
<div class="title"></div>
|
||
|
|
<div class="content">
|
||
|
|
<span id="alarmEquipNum">0</span>
|
||
|
|
<span>告警设备</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="data-right" id="equipment">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="down">
|
||
|
|
<div class="title">
|
||
|
|
<span>告警信息</span>
|
||
|
|
</div>
|
||
|
|
<div class="data">
|
||
|
|
<div class="data-left">
|
||
|
|
<div class="data-left-up">
|
||
|
|
<div class="title" style="background-image: url(../../img/year.png) !important;"></div>
|
||
|
|
<div class="content">
|
||
|
|
<span id="year">xxx</span>
|
||
|
|
<span>本年告警</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="data-left-down">
|
||
|
|
<div class="title" style="background-image: url(../../img/month.png) !important;"></div>
|
||
|
|
<div class="content">
|
||
|
|
<span id="month" style="color: #fba75a;">xx</span>
|
||
|
|
<span>本月告警</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="data-left-down">
|
||
|
|
<div class="title" style="background-image: url(../../img/day.png) !important;"></div>
|
||
|
|
<div class="content">
|
||
|
|
<span id="Today">xx</span>
|
||
|
|
<span>今日告警</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="data-right" id="december">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="right">
|
||
|
|
<div class="up">
|
||
|
|
<!-- <div class="up-up">-->
|
||
|
|
<!-- <div class="title" onclick="interfaceStateClick()"></div>-->
|
||
|
|
<!-- <div class="request">-->
|
||
|
|
<!-- <span>请求数量 </span>-->
|
||
|
|
<!-- <span class="requestNum" style="color: #30F7FF;">0</span>-->
|
||
|
|
<!-- </div>-->
|
||
|
|
<!-- <div class="success">-->
|
||
|
|
<!-- <span>成功 </span>-->
|
||
|
|
<!-- <span class="successNum" style="color: #93FFB6;">0</span>-->
|
||
|
|
<!-- </div>-->
|
||
|
|
<!-- <div class="error">-->
|
||
|
|
<!-- <span>异常 </span>-->
|
||
|
|
<!-- <span class="errorNum" style="color: #FF2020;">0</span>-->
|
||
|
|
<!-- </div>-->
|
||
|
|
<!-- </div>-->
|
||
|
|
<div class="up-down" id="number-type" style="overflow: hidden;"></div>
|
||
|
|
</div>
|
||
|
|
<div class="down">
|
||
|
|
<div class="up-up">
|
||
|
|
<div class="title"></div>
|
||
|
|
<span>告警信息</span>
|
||
|
|
<div title="详情" onclick="deviceWarnClick()"></div>
|
||
|
|
</div>
|
||
|
|
<div class="up-down">
|
||
|
|
<div class="tableList" style="font-size: 16px;font-weight: 600">
|
||
|
|
<span>序号</span>
|
||
|
|
<span>设备名称</span>
|
||
|
|
<span>位置</span>
|
||
|
|
<span>报警类型</span>
|
||
|
|
<span>时间</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<script src="../../js/core/jquery-3.6.0.js"></script>
|
||
|
|
<script src="../../js/core/public.js"></script>
|
||
|
|
<script src="../../js/core/layer-v3.1.0/layer/layer.js"></script>
|
||
|
|
<!-- <script src="../../js/core/echarts-v5.4.2/echarts.min.js"></script>-->
|
||
|
|
<script src="../../js/core/echarts-v5.4.2/echarts.js"></script>
|
||
|
|
<script src="../../js/googlealarm/googlealarm.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|