<!DOCTYPE html>
|
<html>
|
<head>
|
<div th:replace="common/header.html"></div>
|
|
|
</head>
|
<body th:class="${application.sidebarCollapse}">
|
<div th:replace="common/chart.html"></div>
|
|
<div class="wrapper">
|
|
<div th:replace="common/navbar.html"></div>
|
|
<div th:replace="common/aside.html"></div>
|
|
<!-- Content Wrapper. Contains page content -->
|
<div class="content-wrapper" style="font-size:0.90rem">
|
<!-- Content Header (Page header) -->
|
<section class="content-header" style="height:38px">
|
<div class="container-fluid">
|
<div class="row mb-2" style="margin-top: -7px;">
|
<div class="col-sm-6"></div>
|
<div class="col-sm-6">
|
<ol class="breadcrumb float-sm-right">
|
<li class="breadcrumb-item"><a href="javascript:history.back()">返回上级</a></li>
|
</ol>
|
</div>
|
</div>
|
</div><!-- /.container-fluid -->
|
</section>
|
|
<!-- Main content -->
|
<section class="content">
|
<div class="container-fluid">
|
<div class="row">
|
|
<div class="col-md-12">
|
<div class="card">
|
<!-- <div class="card-header">-->
|
<!-- <h3 class="card-title"><i class="nav-icon fa fa-cloud"></i> SNMP设备监测列表</h3>-->
|
<!-- <div class=" float-sm-right">-->
|
<!-- <!– SEARCH FORM –>-->
|
<!-- <form class="form-inline ml-3" th:action="@{'/dceInfo/list'}">-->
|
<!-- <button type="button" onclick="searchByOnline('')" class="btn btn-primary btn-sm" style="margin-right:5px;">全部</button>-->
|
<!-- <button type="button" onclick="searchByOnline('1')" class="btn btn-success btn-sm" style="margin-right:5px;">在线</button>-->
|
<!-- <button type="button" onclick="searchByOnline('2')" class="btn bg-danger btn-sm" style="margin-right:5px;">已下线</button>-->
|
<!-- <th:block th:if="${session.LOGIN_KEY.role != 'guest'}">-->
|
<!-- <button type="button" onclick="delChecks('/snmpInfo/del')" class="btn bg-danger btn-sm" style="margin-right:5px;">删除</button>-->
|
<!-- <button type="button" onclick="add()" class="btn btn-primary btn-sm" style="margin-right:5px;">添加</button>-->
|
<!-- </th:block>-->
|
<!-- <div th:replace="common/accountSelect.html"></div>-->
|
<!-- <div class="input-group input-group-sm">-->
|
<!-- <input class="form-control" id="hostname" name="hostname" autocomplete="off" th:value="${snmpInfo.hostname}" type="text" placeholder="输入设备IP">-->
|
<!-- <div class="input-group-append">-->
|
<!-- <button class="btn btn-primary" type="submit">-->
|
<!-- <i class="fas fa-search"></i>-->
|
<!-- </button>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- </form>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- /.card-header -->
|
<div class="card-body">
|
<table class="table table-bordered table-hover">
|
<thead>
|
<tr>
|
<th style="width: 20px"> <input type="checkbox" value="" name="checkall" id="checkall"></th>
|
<th style="width: 60px">序号</th>
|
<th title="接口">接口</th>
|
<th title="状态">状态</th>
|
<th title="ip地址">ip地址</th>
|
<th title="速率(kbps)">速率(kbps)</th>
|
<th title="工作模式">工作模式</th>
|
<th title="双工模式">双工模式</th>
|
<th title="环回检测">环回检测</th>
|
<th title="描述">描述</th>
|
<th title="若已下线，显示最后在线时间，但监控仍在继续">更新时间</th>
|
</tr>
|
</thead>
|
<tbody>
|
<th:block th:each="item,iterStat : ${interfaceInfos}">
|
<tr>
|
<td><input type="checkbox" th:value="${item.id}" name="todo2" th:id="${item.id}+'_check'"/></td>
|
<td th:text="${iterStat.index+1}">1</td>
|
<td th:text="${item.interfaceName}"></td>
|
<td>
|
<th:block th:if="${item.isUp == 1}">
|
<span class="badge bg-primary">启用</span>
|
</th:block>
|
<th:block th:if="${item.isUp == 2}">
|
<span class="badge bg-danger">未启用</span>
|
</th:block>
|
</td>
|
<td th:text="${item.inetAddressIPV4Mask}"></td>
|
<td th:text="${item.actualSpeed}"></td>
|
<td>
|
<th:block th:if="${item.workMTU == '1'}">
|
<span >三层模式</span>
|
</th:block>
|
<th:block th:if="${item.workMTU == '2'}">
|
<span >二层模式</span>
|
</th:block>
|
<th:block th:if="${item.workMTU == '' || item.workMTU == null}">
|
<span >未检测</span>
|
</th:block>
|
</td>
|
<td>
|
<th:block th:if="${item.actualMTU == 1}">
|
<span >全双工</span>
|
</th:block>
|
<th:block th:if="${item.actualMTU == 2}">
|
<span>半双工</span>
|
</th:block>
|
<th:block th:if="${item.actualMTU == '' || item.actualMTU == null}">
|
<span >未检测</span>
|
</th:block>
|
</td>
|
<td>
|
<th:block th:if="${item.loopback == 1}">
|
<span >已开启</span>
|
</th:block>
|
<th:block th:if="${item.loopback == 2 || item.loopback == '' || item.loopback == null }">
|
<span >未开启</span>
|
</th:block>
|
</td>
|
<td th:text="${item.description}"></td>
|
<td th:text="${#dates.format(item.createTime,'yyyy-MM-dd HH:mm:ss')}"></td>
|
</tr>
|
</th:block>
|
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<!-- /.card -->
|
|
|
</div>
|
|
</div>
|
</div>
|
</section>
|
</div>
|
|
|
<div th:replace="common/footer.html"></div>
|
<script th:src="@{'/static/js/jQuery/jquery.form.min.js'}" type="text/javascript" charset="utf-8"></script>
|
|
</div>
|
<!-- ./wrapper -->
|
|
<script th:src="@{'/static/js/snmp.js?v=3.3.9'}"></script>
|
<script th:inline="javascript">
|
|
</script>
|
|
</body>
|
</html>
|
