190 lines
11 KiB
HTML
190 lines
11 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<title>消息通知</title>
|
|||
|
|
<link rel="stylesheet" href="../../js/layui-v2.6.8/css/layui.css">
|
|||
|
|
<link rel="stylesheet" href="../../css/notice/notice.css">
|
|||
|
|
<link rel="stylesheet" href="../../js/layui/font/icon/iconfont.css">
|
|||
|
|
<link rel="stylesheet" href="../../css/table-common2.css">
|
|||
|
|
<script src="../../js/public/jquery-3.6.0.js" type="text/javascript"></script>
|
|||
|
|
<script src="../../js/layui-v2.6.8/layui.js"></script>
|
|||
|
|
<script src="../../js/public/public.js"></script>
|
|||
|
|
<script src="../../js/public/sm3.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/public/aes.js"></script>
|
|||
|
|
<script src="../../js/public/commonUtils.js"></script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="content">
|
|||
|
|
<div class="content_left">
|
|||
|
|
<ul>
|
|||
|
|
<!-- <li class="item checkBtn" value="1" onclick="choosePage(this,1)">整改通知</li> -->
|
|||
|
|
<li class="item checkBtn" value="5" onclick="choosePage(this,5)">违章通知</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="content_table" id="content-box">
|
|||
|
|
<table lay-filter="table" id="table"></table>
|
|||
|
|
<div id="voi-page" class="layout"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="content_table" id="content-box2" style="display: none;">
|
|||
|
|
<!--资源监测-->
|
|||
|
|
<div id="zyjc" class="layout" style="display: none;">
|
|||
|
|
<div class="ul-menu">
|
|||
|
|
<ul>
|
|||
|
|
<li class="layout" onclick="checkChild(this,1,'resource-table','voi-page2')">设备状态监测</li>
|
|||
|
|
<li class="layout" onclick="checkChild(this,2,'internet-table','voi-page3')">网络状态监测</li>
|
|||
|
|
<li class="layout" onclick="checkChild(this,3,'server-table','voi-page4')">服务器状态监测</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<!--设备状态监测-->
|
|||
|
|
<div class="zyjc-child" id="sbztjc" style="display: none;">
|
|||
|
|
<div class="search-box" style="height: 50px;">
|
|||
|
|
<form class="layui-form basic-form" onclick="return false;">
|
|||
|
|
<div class="layui-form-item">
|
|||
|
|
<div class="layui-inline bidName">
|
|||
|
|
<label class="layui-form-label">关键字:</label>
|
|||
|
|
<div class="layui-input-inline">
|
|||
|
|
<input type="text" id="keyWord" class="layui-input" placeholder="请输入关键字"
|
|||
|
|
autocomplete="off">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-inline workDay">
|
|||
|
|
<label class="layui-form-label">日期:</label>
|
|||
|
|
<div class="layui-input-inline">
|
|||
|
|
<input type="text" id="workDay" class="layui-input" placeholder="日期" readonly style="cursor: pointer;">
|
|||
|
|
<img src="../../img/common-icon/date-icon.png"
|
|||
|
|
style="position: absolute;top: 20%;left: 86%;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-inline btns" id="btn-box">
|
|||
|
|
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm query"
|
|||
|
|
style="margin-left: 16px;background-color: #2F82FB;" onclick="query(1)">查询
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
<div class="table-box" table-responsive style="z-index: 1;">
|
|||
|
|
<table id="resource-table" class="table" lay-filter="resource-table"></table>
|
|||
|
|
<div id="voi-page2" class="layout pageList"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="zyjc-child" id="wlztjc" style="display: none;">
|
|||
|
|
<div id="p-div" class="layout" style="display: none">
|
|||
|
|
<img id="img-test" isOline="1" onload="getImgSuccess()" onerror="getImgError()"/>
|
|||
|
|
<p id="p-test"></p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="zyjc-child layout" id="fwqztjc" style="display: none;">
|
|||
|
|
<div class="fwqztjc-child layout"><p class="layout">cpu核数：</p><span class="val"></span></div>
|
|||
|
|
<div class="fwqztjc-child layout"><p class="layout">cpu系统使用率：</p><span class="val"></span></div>
|
|||
|
|
<div class="fwqztjc-child layout"><p class="layout">cpu用户使用率：</p><span class="val"></span></div>
|
|||
|
|
<div class="fwqztjc-child layout"><p class="layout">cpu当前等待率：</p><span class="val"></span></div>
|
|||
|
|
<div class="fwqztjc-child layout"><p class="layout">cpu当前空闲率：</p><span class="val"></span></div>
|
|||
|
|
<div class="fwqztjc-child layout"><p class="layout">cpu利用率：</p><span class="val"></span></div>
|
|||
|
|
<div class="fwqztjc-child layout"><p class="layout">总物理内存：</p><span class="val"></span></div>
|
|||
|
|
<div class="fwqztjc-child layout"><p class="layout">剩余物理内存：</p><span class="val"></span></div>
|
|||
|
|
<div class="fwqztjc-child layout"><p class="layout">已使用物理内存：</p><span class="val"></span></div>
|
|||
|
|
<div class="fwqztjc-child layout"><p class="layout">总存储空间：</p><span class="val"></span></div>
|
|||
|
|
<div class="fwqztjc-child layout"><p class="layout">已使用存储空间：</p><span class="val"></span></div>
|
|||
|
|
<div class="fwqztjc-child layout"><p class="layout">剩余存储空间：</p><span class="val"></span></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!--视频诊断通知-->
|
|||
|
|
<div id="spzd" style="display: none;">
|
|||
|
|
<div class="search-box" style="height: 50px;">
|
|||
|
|
<form class="layui-form basic-form" onclick="return false;">
|
|||
|
|
<div class="layui-form-item">
|
|||
|
|
<div class="layui-inline workDay">
|
|||
|
|
<label class="layui-form-label">关键字:</label>
|
|||
|
|
<div class="layui-input-inline">
|
|||
|
|
<input type="text" id="keyWord5" class="layui-input" placeholder="请输入关键字" autocomplete="off">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-inline workDay">
|
|||
|
|
<label class="layui-form-label">日期:</label>
|
|||
|
|
<div class="layui-input-inline">
|
|||
|
|
<input type="text" id="workDay5" class="layui-input" placeholder="日期" readonly style="cursor: pointer;">
|
|||
|
|
<img src="../../img/common-icon/date-icon.png"
|
|||
|
|
style="position: absolute;top: 20%;left: 86%;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-inline btns">
|
|||
|
|
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm query"
|
|||
|
|
style="margin-left: 16px;background-color: #2F82FB;" onclick="query(1)">查询
|
|||
|
|
</button>
|
|||
|
|
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm reset"
|
|||
|
|
style="background-color: #2F82FB;color: #FFF;" onclick="addVideoData(null)"><i
|
|||
|
|
class="layui-icon layui-icon-add-1"></i>新增
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
<div class="table-box" table-responsive style="z-index: 1;">
|
|||
|
|
<table id="video-table" class="table" lay-filter="video-table"></table>
|
|||
|
|
<div id="voi-page5" class="layout pageList"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!--告警记录-->
|
|||
|
|
<div id="gjjl" style="display: none;">
|
|||
|
|
<div class="search-box" style="height: 50px;">
|
|||
|
|
<form class="layui-form basic-form" onclick="return false;">
|
|||
|
|
<div class="layui-form-item">
|
|||
|
|
<div class="layui-inline bidName">
|
|||
|
|
<label class="layui-form-label">告警类型:</label>
|
|||
|
|
<div class="layui-input-inline">
|
|||
|
|
<select class="layui-select" id="alarmType">
|
|||
|
|
<option value="">全部</option>
|
|||
|
|
<option value="设备掉线">设备掉线</option>
|
|||
|
|
<option value="设备网络">设备网络</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-inline workDay">
|
|||
|
|
<label class="layui-form-label">关键字:</label>
|
|||
|
|
<div class="layui-input-inline">
|
|||
|
|
<input type="text" id="keyWord6" class="layui-input" placeholder="请输入关键字" autocomplete="off">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-inline workDay">
|
|||
|
|
<label class="layui-form-label">日期:</label>
|
|||
|
|
<div class="layui-input-inline">
|
|||
|
|
<input type="text" id="workDay6" class="layui-input" placeholder="日期" readonly style="cursor: pointer;">
|
|||
|
|
<img src="../../img/common-icon/date-icon.png"
|
|||
|
|
style="position: absolute;top: 20%;left: 86%;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-inline btns">
|
|||
|
|
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm query"
|
|||
|
|
style="margin-left: 16px;background-color: #2F82FB;" onclick="query(1)">查询
|
|||
|
|
</button>
|
|||
|
|
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm query"
|
|||
|
|
style="margin-left: 16px;background-color: #2F82FB;" onclick="exportData()">导出
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
<div class="table-box" table-responsive style="z-index: 1;">
|
|||
|
|
<table id="alarm-table" class="table" lay-filter="alarm-table"></table>
|
|||
|
|
<div id="voi-page6" class="layout pageList"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
<style>
|
|||
|
|
.layui-table-box {
|
|||
|
|
overflow: auto;
|
|||
|
|
}
|
|||
|
|
.layui-table-cell a {
|
|||
|
|
margin: 0 7px;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<script src="../../js/notice/noticeAjax.js" type="text/javascript"></script>
|
|||
|
|
<script src="../../js/notice/notice.js" type="text/javascript"></script>
|
|||
|
|
<script src="../../js/notice/resource_notice.js" type="text/javascript"></script>
|
|||
|
|
</html>
|