139 lines
6.5 KiB
HTML
139 lines
6.5 KiB
HTML
<!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">
|
|
<!--拦截及公共ip-->
|
|
<script src="../../js/public/jquery-3.6.0.js" type="text/javascript"></script>
|
|
<script src="../../js/system/IPUtils.js"></script>
|
|
<script src="../../js/system/ajax_intercept.js"></script>
|
|
<script src="../../js/system/public_utils.js"></script>
|
|
<script src="../../js/smutil/sm2Utils.js"></script>
|
|
<script src="../../js/smutil/smUtil.js"></script>
|
|
<!--拦截及公共ip-->
|
|
<script src="../../js/public/public.js" type="text/javascript"></script>
|
|
<script src="../../js/system/htmlpermission.js"></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/openIframe.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 style="cursor: pointer;" onclick="openHyd()">监控活跃度分析</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;">全选</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;">二级风险球机</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;">三级风险球机</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;">四级风险球机</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;">五级风险球机</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" onclick="openError(1)">
|
|
<p style="color: #3ed6ff;" id="num1">0</p>
|
|
<img src="../../img/supplement/video_img.png">
|
|
<p style="color: #3ed6ff;">球机正常</p>
|
|
</div>
|
|
<div class="error-box layout" onclick="openError(2)">
|
|
<p style="color: #e53b5a;" id="num2">0</p>
|
|
<img src="../../img/supplement/video_img2.png">
|
|
<p style="color: #e53b5a;">异常掉线</p>
|
|
</div>
|
|
<div class="error-box layout" onclick="openError(3)">
|
|
<p style="color: #c280ff;" id="num3">0</p>
|
|
<img src="../../img/supplement/video_img3.png">
|
|
<p style="color: #c280ff;">画面不清晰</p>
|
|
</div>
|
|
<div class="error-box layout" onclick="openError(4)">
|
|
<p style="color: #8080ff;" id="num4">0</p>
|
|
<img src="../../img/supplement/video_img4.png">
|
|
<p style="color: #8080ff;">不流畅</p>
|
|
</div>
|
|
<div class="error-box layout" onclick="openError(5)">
|
|
<p style="color: #facd91;" id="num5">0</p>
|
|
<img src="../../img/supplement/video_img5.png">
|
|
<p style="color: #facd91;">信号弱</p>
|
|
</div>
|
|
<div class="error-box layout" onclick="openError(6)">
|
|
<p style="color: #f59a23;" id="num6">0</p>
|
|
<img src="../../img/supplement/video_img6.png">
|
|
<p style="color: #f59a23;">人为遮挡</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="right-box" class="layout">
|
|
<div id="right-top">
|
|
<div class="title layout">
|
|
<p style="cursor: pointer;" onclick="openWatch()">下行观看分析</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" style="cursor: pointer;" onclick="openSpeed(1)">
|
|
<p id="normalNum">0</p>
|
|
<p>视频设备视频速率正常</p>
|
|
</div>
|
|
<div class="right-bottom-child-box2 layout" style="cursor: pointer;" onclick="openSpeed(2)">
|
|
<p id="errorNum">0</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> |