99 lines
4.5 KiB
HTML
99 lines
4.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>网络状态监测</title>
|
||
|
|
<link rel="stylesheet" href="../../js/layui/css/layui.css">
|
||
|
|
<link rel="stylesheet" href="../../css/table-common2.css">
|
||
|
|
<link rel="stylesheet" href="../../css/monitor/networkMonitor.css">
|
||
|
|
<link rel="stylesheet" href="../../js/layui/font/icon/iconfont.css">
|
||
|
|
<script src="../../js/public/sm3.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/public/jquery-3.6.0.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/layui/layui.js"></script>
|
||
|
|
<script src="../../js/public/aes.js"></script>
|
||
|
|
<script src="../../js/public/public.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="content" class="layui-panel">
|
||
|
|
<div class="search-box">
|
||
|
|
<div class="search-box-top layui-form">
|
||
|
|
</div>
|
||
|
|
<div class="search-box-bottom">
|
||
|
|
<div class="itam">
|
||
|
|
<p style="font-size:18px;">监控室网络状态</p>
|
||
|
|
<p style="margin-top: 10px"><span id="roomNetwork" class="num">无</span><span style="font-size:16px;"></span>
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<div class="itam">
|
||
|
|
<p style="font-size:18px;">服务器网络状态</p>
|
||
|
|
<p style="margin-top: 10px"><span id="serviceNetwork" class="num">无</span><span style="font-size:16px;"></span>
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<div class="itam">
|
||
|
|
<p style="font-size:18px;">服务器内存</p>
|
||
|
|
<p style="margin-top: 10px"><span id="serviceMemory" class="num">无</span><span style="font-size:16px;"></span>
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<div class="itam">
|
||
|
|
<p style="font-size:18px;">服务器网络带宽</p>
|
||
|
|
<p style="margin-top: 10px"><span id="serviceBandwidth" class="num">无</span><span style="font-size:16px;"></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="searchall-box">
|
||
|
|
<form class="layui-form" action="">
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<div class="layui-inline">
|
||
|
|
<label class="layui-form-label">设备名称:</label>
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<input type="text" id='deviceName' name="deviceName" autocomplete="off" class="layui-input">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-inline">
|
||
|
|
<label class="layui-form-label">MACID</label>
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<input type="text" id='macId' name="macId" autocomplete="off" class="layui-input">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-inline">
|
||
|
|
<label class="layui-form-label">PUID</label>
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<input type="text" id='puId' name="puId" autocomplete="off" class="layui-input">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="layui-inline">
|
||
|
|
<button id='query' type="button" class="layui-btn layui-btn-normal" ><i class="layui-icon"></i> 查 询</button>
|
||
|
|
<button type="reset" id='reset' class="layui-btn layui-btn-primary"><i class="layui-icon layui-icon-refresh"></i> 重 置</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<div class="layui-inline">
|
||
|
|
<label class="layui-form-label">设备类型:</label>
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<select name="typeCode" class="typeCode" id="typeCode" lay-search="" >
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-inline">
|
||
|
|
<label class="layui-form-label">设备状态:</label>
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<select id="state" name="state">
|
||
|
|
<option value="">全部</option>
|
||
|
|
<option value="0">不在线</option>
|
||
|
|
<option value="1">在线</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
<div class="layui-form-table " action="">
|
||
|
|
<table class="layui-hide" id="monitor-table" lay-filter="monitor-table"></table>
|
||
|
|
<div id="voi-page" class="layout"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
<script src="../../js/monitor/networkMonitor.js"></script>
|
||
|
|
</html>
|