2024-12-10 18:16:45 +08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<link rel="stylesheet" href="../../js/layui-v2.9.2/layui/css/layui.css">
|
|
|
|
|
<link rel="stylesheet" href="../../css/font.css">
|
|
|
|
|
<link rel="stylesheet" href="../../css/supplement/monitoring_coverage.css">
|
|
|
|
|
<script src="../../js/public/jquery-3.6.0.js" type="text/javascript"></script>
|
|
|
|
|
<script src="../../js/public/public.js" type="text/javascript"></script>
|
|
|
|
|
<script src="../../js/public/permission.js" type="text/javascript"></script>
|
|
|
|
|
<script src="../../js/public/sm3.js" type="text/javascript"></script>
|
|
|
|
|
<script src="../../js/layui-v2.9.2/layui/layui.js"></script>
|
|
|
|
|
<script src="../../js/public/commonUtils.js"></script>
|
|
|
|
|
<script src="../../js/public/aes.js"></script>
|
|
|
|
|
<script src="../../js/public/echarts.js"></script>
|
|
|
|
|
<title>监控覆盖</title>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<div id="main-box" class="layout">
|
|
|
|
|
<div id="left-box" class="layout">
|
|
|
|
|
<div id="left-top">
|
|
|
|
|
<div class="title layout">
|
|
|
|
|
<p>监控活跃度分析</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="echarts-one"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="left-bottom">
|
|
|
|
|
<div class="title layout">
|
|
|
|
|
<p>监控覆盖度分析</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="echarts-two"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="center-box">
|
|
|
|
|
<div id="center-box2">
|
|
|
|
|
<div class="multiselect layout">
|
|
|
|
|
<div class="check-risk layout" isCheck='1'><img src="../../img/title-btn/check/risk-1-check.png">
|
|
|
|
|
<p checkedName="" style="color: #fff;">全选(<span id="allNum">0</span>)</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="check-risk layout" isCheck='1'><img src="../../img/title-btn/check/risk-2-check.png">
|
|
|
|
|
<p checkedName="2" style="color: #DD690B;">二级风险球机(<span id="twoNum">0</span>)</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="check-risk layout" isCheck='1'><img src="../../img/title-btn/check/risk-3-check.png">
|
|
|
|
|
<p checkedName="3" style="color: #FFE91F;">三级风险球机(<span id="threeNum">0</span>)</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="check-risk layout" isCheck='1'><img src="../../img/title-btn/check/risk-4-check.png"
|
|
|
|
|
style="">
|
|
|
|
|
<p checkedName="4" style="color: #2aa998;">四级风险球机(<span id="fourNum">0</span>)</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="check-risk layout" isCheck='1'><img src="../../img/title-btn/check/risk-5-check.png">
|
|
|
|
|
<p checkedName="5" style="color: #70e180;">五级风险球机(<span id="fiveNum">0</span>)</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="center-top">
|
|
|
|
|
<div id="echarts-map2">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="center-bottom" class="layout">
|
|
|
|
|
<div class="error-box layout">
|
|
|
|
|
<p style="color: #3ed6ff;">1</p>
|
|
|
|
|
<img src="../../img/supplement/video_img.png">
|
|
|
|
|
<p style="color: #3ed6ff;">球机正常</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="error-box layout">
|
|
|
|
|
<p style="color: #e53b5a;">2</p>
|
|
|
|
|
<img src="../../img/supplement/video_img2.png">
|
2024-12-10 18:33:08 +08:00
|
|
|
<p style="color: #e53b5a;">异常掉线</p>
|
2024-12-10 18:16:45 +08:00
|
|
|
</div>
|
|
|
|
|
<div class="error-box layout">
|
|
|
|
|
<p style="color: #c280ff;">3</p>
|
|
|
|
|
<img src="../../img/supplement/video_img3.png">
|
2024-12-10 18:33:08 +08:00
|
|
|
<p style="color: #c280ff;">画面不清晰</p>
|
2024-12-10 18:16:45 +08:00
|
|
|
</div>
|
|
|
|
|
<div class="error-box layout">
|
|
|
|
|
<p style="color: #8080ff;">4</p>
|
|
|
|
|
<img src="../../img/supplement/video_img4.png">
|
2024-12-10 18:33:08 +08:00
|
|
|
<p style="color: #8080ff;">不流畅</p>
|
2024-12-10 18:16:45 +08:00
|
|
|
</div>
|
|
|
|
|
<div class="error-box layout">
|
|
|
|
|
<p style="color: #facd91;">1</p>
|
|
|
|
|
<img src="../../img/supplement/video_img5.png">
|
2024-12-10 18:33:08 +08:00
|
|
|
<p style="color: #facd91;">信号弱</p>
|
2024-12-10 18:16:45 +08:00
|
|
|
</div>
|
|
|
|
|
<div class="error-box layout">
|
|
|
|
|
<p style="color: #f59a23;">1</p>
|
|
|
|
|
<img src="../../img/supplement/video_img6.png">
|
2024-12-10 18:33:08 +08:00
|
|
|
<p style="color: #f59a23;">人为遮挡</p>
|
2024-12-10 18:16:45 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="right-box" class="layout">
|
|
|
|
|
<div id="right-top">
|
|
|
|
|
<div class="title layout">
|
|
|
|
|
<p>下行观看分析</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="echarts-three"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="right-bottom">
|
|
|
|
|
<div class="title layout">
|
|
|
|
|
<p>监控预告警分析</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="right-bottom-box1">
|
|
|
|
|
<div class="title layout">
|
|
|
|
|
<p>风险球机覆盖度</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="echarts-four"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="right-bottom-box2" class="layout">
|
|
|
|
|
<div class="right-bottom-child-box2 layout">
|
|
|
|
|
<p>1</p>
|
|
|
|
|
<p>视频设备视频速率正常</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-bottom-child-box2 layout">
|
|
|
|
|
<p>1</p>
|
|
|
|
|
<p>视频设备视频速率异常</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
<script src="../../js/supplement/monitoring_coverage_echarts.js"></script>
|
|
|
|
|
<script src="../../js/supplement/monitoring_coverage.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
