<!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">
|
<div class="container-fluid">
|
<div class="row mb-2">
|
<div class="col-sm-6">
|
<h1></h1>
|
</div>
|
<div class="col-sm-6">
|
<ol class="breadcrumb float-sm-right">
|
<li class="breadcrumb-item active"></li>
|
</ol>
|
</div>
|
</div>
|
</div><!-- /.container-fluid -->
|
</section>
|
|
<!-- Main content -->
|
<section class="content">
|
<div class="container-fluid">
|
<div class="row">
|
|
<div class="col-md-10">
|
<div class="card card-primary">
|
<div class="card-header">
|
<h3 class="card-title">添加服务接口（响应状态码200即为成功）</h3>
|
<div class=" float-sm-right">
|
<a href="javascript:history.back()">返回</a>
|
</div>
|
</div>
|
<!-- /.card-header -->
|
<!-- form start -->
|
<form role="form" id="form1" th:action="@{'/heathMonitor/save'}">
|
<input type="hidden" name="id" th:value="${heathMonitor.id}"/>
|
<div class="card-body">
|
<div class="form-group">
|
<label><font color="red">*</font>服务接口名称</label>
|
<input type="text" autocomplete="off" th:value="${heathMonitor.appName}" class="validate[required,maxSize[50]] form-control" name="appName" id="appName" placeholder="输入服务接口名称">
|
</div>
|
<div class="form-group">
|
<label><font color="red">*</font>服务接口URL<span class="text-muted">（URL需为http或https接口）</span></label>
|
<input type="text" autocomplete="off" th:value="${heathMonitor.heathUrl}" class="validate[required,maxSize[255]] form-control" name="heathUrl" id="heathUrl" placeholder="如http://192.168.1.1:9999/tssw/heath">
|
</div>
|
<div class="form-group clearfix">
|
<label><font color="red">*</font>接口请求方式</label></br>
|
<th:block th:if="${#strings.isEmpty(heathMonitor.method)}" >
|
<div class="icheck-turquoise d-inline">
|
<input type="radio" onclick="hidePostStr()" id="radioPrimary2" name="method" value="GET" checked>
|
<label for="radioPrimary2"> GET </label>
|
</div>
|
<div class="icheck-wisteria d-inline" style="margin-left:10px;">
|
<input type="radio" onclick="showPostStr()" id="radioPrimary4" value="POST" name="method" >
|
<label for="radioPrimary4">POST</label>
|
</div>
|
</th:block>
|
<th:block th:if="${heathMonitor.method == 'GET'}">
|
<div class="icheck-turquoise d-inline">
|
<input type="radio" onclick="hidePostStr()" id="radioPrimary2" name="method" value="GET" checked>
|
<label for="radioPrimary2"> GET </label>
|
</div>
|
<div class="icheck-wisteria d-inline" style="margin-left:10px;">
|
<input type="radio" onclick="showPostStr()" id="radioPrimary4" value="POST" name="method" >
|
<label for="radioPrimary4">POST</label>
|
</div>
|
</th:block>
|
<th:block th:if="${heathMonitor.method == 'POST'}">
|
<div class="icheck-turquoise d-inline">
|
<input type="radio" onclick="hidePostStr()" id="radioPrimary2" value="GET" name="method" >
|
<label for="radioPrimary2"> GET </label>
|
</div>
|
<div class="icheck-wisteria d-inline" style="margin-left:10px;">
|
<input type="radio" onclick="showPostStr()" id="radioPrimary4" value="POST" name="method" checked>
|
<label for="radioPrimary4">POST</label>
|
</div>
|
</th:block>
|
</div>
|
<div id="PostStrDiv" style="display: none" class="form-group">
|
<label><font color="red"></font>Header<span class="text-muted">（可以为空）</span></label>
|
<div class="form-group row">
|
<div class="col-1"><label class="col-form-label">Key：</label></div>
|
<div class="col-5"><input type="text" autocomplete="off" th:value="${heathMonitor.headerKey}" class="validate[maxSize[50]] form-control" name="headerKey" id="headerKey" placeholder="key"></div>
|
<div class="col-1"><label class="col-form-label"> Value：</label></div>
|
<div class="col-5"><input type="text" autocomplete="off" th:value="${heathMonitor.headerValue}" class="validate[maxSize[300]] form-control" name="headerValue" id="headerValue" placeholder="value"></div>
|
</div>
|
<div class="form-group row">
|
<div class="col-1"><label class="col-form-label">Key：</label></div>
|
<div class="col-5"><input type="text" autocomplete="off" th:value="${heathMonitor.headerKey2}" class="validate[maxSize[50]] form-control" name="headerKey2" id="headerKey2" placeholder="key"></div>
|
<div class="col-1"><label class="col-form-label"> Value：</label></div>
|
<div class="col-5"><input type="text" autocomplete="off" th:value="${heathMonitor.headerValue2}" class="validate[maxSize[300]] form-control" name="headerValue2" id="headerValue2" placeholder="value"></div>
|
</div>
|
<div class="form-group row">
|
<div class="col-1"><label class="col-form-label">Key：</label></div>
|
<div class="col-5"><input type="text" autocomplete="off" th:value="${heathMonitor.headerKey3}" class="validate[maxSize[50]] form-control" name="headerKey3" id="headerKey3" placeholder="key"></div>
|
<div class="col-1"><label class="col-form-label"> Value：</label></div>
|
<div class="col-5"><input type="text" autocomplete="off" th:value="${heathMonitor.headerValue3}" class="validate[maxSize[300]] form-control" name="headerValue3" id="headerValue3" placeholder="value"></div>
|
</div>
|
<div class="form-group row">
|
<div class="col-1"><label class="col-form-label">Key：</label></div>
|
<div class="col-5"><input type="text" autocomplete="off" th:value="${heathMonitor.headerKey4}" class="validate[maxSize[50]] form-control" name="headerKey4" id="headerKey4" placeholder="key"></div>
|
<div class="col-1"><label class="col-form-label"> Value：</label></div>
|
<div class="col-5"><input type="text" autocomplete="off" th:value="${heathMonitor.headerValue4}" class="validate[maxSize[300]] form-control" name="headerValue4" id="headerValue4" placeholder="value"></div>
|
</div>
|
<div class="form-group row">
|
<div class="col-1"><label class="col-form-label">Key：</label></div>
|
<div class="col-5"><input type="text" autocomplete="off" th:value="${heathMonitor.headerKey5}" class="validate[maxSize[50]] form-control" name="headerKey5" id="headerKey5" placeholder="key"></div>
|
<div class="col-1"><label class="col-form-label"> Value：</label></div>
|
<div class="col-5"><input type="text" autocomplete="off" th:value="${heathMonitor.headerValue5}" class="validate[maxSize[300]] form-control" name="headerValue5" id="headerValue5" placeholder="value"></div>
|
</div>
|
<label><font color="red"></font>POST提交Body内容<span class="text-muted">（可以为空）</span></label>
|
<textarea class="validate[maxSize[2000]] form-control" name="postStr" id="postStr"
|
th:text="${heathMonitor.postStr}" rows="8" placeholder='{
|
"hostname":"192.168.1.2",
|
"page":1,
|
"pageSize":10
|
}'></textarea>
|
</div>
|
<div class="form-group">
|
<label><font color="red"></font>响应内容需包含的关键字<span class="text-muted">（含此关键字才判定接口正常，否则返回500错误，请尽量用字母数字标识）</span></label>
|
<input type="text" autocomplete="off" th:value="${heathMonitor.resKeyword}" class="validate[maxSize[200]] form-control" name="resKeyword" id="resKeyword" placeholder="响应内容需包含的关键字，可以为空">
|
</div>
|
<div class="form-group">
|
<label><font color="red"></font>响应内容不能包含的关键字<span class="text-muted">（含此关键字则返回500错误，多个关键字用英文逗号隔开，请尽量用字母数字标识）</span></label>
|
<input type="text" autocomplete="off" th:value="${heathMonitor.resNoKeyword}" class="validate[maxSize[200]] form-control" name="resNoKeyword" id="resNoKeyword" placeholder="响应内容不能包含的关键字，可以为空">
|
</div>
|
<div class="form-group clearfix">
|
<label><font color="red">*</font>监控状态</label></br>
|
<th:block th:if="${#strings.isEmpty(heathMonitor.active)}" >
|
<div class="icheck-primary d-inline">
|
<input type="radio" id="radioPrimary1" name="active" value="1" checked>
|
<label for="radioPrimary1"> 启用监控 </label>
|
</div>
|
<div class="icheck-danger d-inline">
|
<input type="radio" id="radioPrimary3" value="2" name="active" >
|
<label for="radioPrimary3">停止监控</label>
|
</div>
|
</th:block>
|
<th:block th:if="${heathMonitor.active == '1'}">
|
<div class="icheck-primary d-inline">
|
<input type="radio" id="radioPrimary1" name="active" value="1" checked>
|
<label for="radioPrimary1"> 启用监控 </label>
|
</div>
|
<div class="icheck-danger d-inline">
|
<input type="radio" id="radioPrimary3" value="2" name="active" >
|
<label for="radioPrimary3">停止监控</label>
|
</div>
|
</th:block>
|
<th:block th:if="${heathMonitor.active == '2'}">
|
<div class="icheck-primary d-inline">
|
<input type="radio" id="radioPrimary1" value="1" name="active" >
|
<label for="radioPrimary1"> 启用监控 </label>
|
</div>
|
<div class="icheck-danger d-inline">
|
<input type="radio" id="radioPrimary3" value="2" name="active" checked>
|
<label for="radioPrimary3">停止监控</label>
|
</div>
|
</th:block>
|
</div>
|
</div>
|
<!-- /.card-body -->
|
|
<div class="card-footer">
|
<button type="submit" class="btn btn-primary btn-sm" style="margin-right:10px;">保 存</button>
|
<button type="button" th:onclick="goback()" class="btn bg-gradient-danger btn-sm">返 回</button>
|
</div>
|
|
</form>
|
<!-- /.card-body -->
|
</div>
|
<!-- /.card -->
|
|
|
</div>
|
|
</div>
|
</div>
|
</section>
|
</div>
|
|
|
<div th:replace="common/footer.html"></div>
|
|
</div>
|
<!-- ./wrapper -->
|
<link rel="stylesheet" th:href="@{'/static/js/jQuery/validationEngine.jquery.css'}" type="text/css"/>
|
<script th:src="@{'/static/js/jQuery/jquery.validationEngine-zh_CN.js'}" type="text/javascript" charset="utf-8"></script>
|
<script th:src="@{'/static/js/jQuery/jquery.validationEngine.js'}" type="text/javascript" charset="utf-8"></script>
|
<script th:src="@{'/static/js/heath.js'}"></script>
|
<script th:inline="javascript">
|
$(document).ready(function(){
|
$("#form1").validationEngine();
|
var method = [[${heathMonitor.method}]];
|
if("POST"==method){
|
showPostStr();
|
}
|
});
|
function goback() {
|
history.back();
|
}
|
</script>
|
</body>
|
</html>
|
