<!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="fas fa-layer-group nav-icon"></i> 分组列表</h3>
|
<div class=" float-sm-right">
|
<form class="form-inline ml-3" th:action="@{'/hostGroup/list'}">
|
<!-- SEARCH FORM -->
|
<th:block th:if="${session.LOGIN_KEY.role != 'guest'}">
|
<button type="button" onclick="delChecks('/hostGroup/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 class="input-group input-group-sm"><select style="width:150px;margin-right:5px;" class="form-control" onchange="searchByGroupType()" name="groupType" id="groupType">
|
<option value="">请选择分组类型</option>
|
<option value="1">监控主机及其资源</option>
|
<option value="2">数通监测PING</option>
|
</select></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>分组名称</th>
|
<th>分组类型</th>
|
<th>备注</th>
|
<th>创建时间</th>
|
<th>操作</th>
|
</tr>
|
</thead>
|
<tbody>
|
<th:block th:each="item,iterStat : ${page.list}">
|
<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.groupName}">Update software</td>
|
<th:block th:switch="${item.groupType}">
|
<th:block th:case="'1'">
|
<td><span class="badge bg-primary">监控主机</span>
|
</th:block>
|
<th:block th:case="'2'">
|
<td><span class="badge bg-primary">数通监测PING</span>
|
</th:block>
|
<th:block th:case="'3'">
|
<td><span class="badge bg-primary">监控进程</span>
|
</th:block>
|
<th:block th:case="'4'">
|
<td><span class="badge bg-primary">监控端口</span>
|
</th:block>
|
<th:block th:case="'5'">
|
<td><span class="badge bg-primary">监控docker</span>
|
</th:block>
|
<th:block th:case="'6'">
|
<td><span class="badge bg-primary">自定义监控项</span>
|
</th:block>
|
<th:block th:case="*">
|
<td><span th:text="${item.groupType}" class="badge bg-primary">监控主机</span>
|
</th:block>
|
</th:block>
|
<td th:text="${item.remark}">Update software</td>
|
<td th:text="${#dates.format(item.createTime,'yyyy-MM-dd HH:mm:ss')}">Update software</td>
|
<td>
|
<th:block th:if="${session.LOGIN_KEY.role != 'guest'}">
|
<button type="button" th:onclick="edit([[${item.id}]])" class="btn bg-gradient-primary btn-sm">编辑</button>
|
<button type="button" th:onclick="del([[${item.id}]])" class="btn bg-gradient-danger btn-sm">删除</button>
|
</th:block>
|
</tr>
|
</th:block>
|
|
</tbody>
|
</table>
|
</div>
|
<!-- /.card-body -->
|
<div th:replace="common/page.html"></div>
|
</div>
|
<!-- /.card -->
|
|
|
</div>
|
|
</div>
|
</div>
|
</section>
|
</div>
|
|
|
<div th:replace="common/footer.html"></div>
|
|
</div>
|
<!-- ./wrapper -->
|
|
<script th:src="@{'/static/js/hostGroup.js?v=3.3.8'}"></script>
|
|
<script th:inline="javascript">
|
$(document).ready(function(){
|
$("#groupType").val([[${hostGroup.groupType}]]);
|
});
|
var msg = [[${msg}]];
|
if(msg!='' && msg!=null){
|
toastr.info(msg);
|
}
|
</script>
|
|
</body>
|
</html>
|
