...
|
...
|
@@ -57,6 +57,10 @@ |
|
|
<script src="<%=basePath %>js/bootstrap-plugin/datetimepicker/bootstrap-datetimepicker.js" charset="UTF-8"
|
|
|
type="text/javascript"></script>
|
|
|
|
|
|
<link rel="stylesheet" href="<%=basePath %>css/jquery.editable-select.min.css"/>
|
|
|
<script src="<%=basePath %>js/jquery.editable-select.min.js" charset="UTF-8"
|
|
|
type="text/javascript"></script>
|
|
|
|
|
|
<script>
|
|
|
var contextPath = '<%=basePath %>';
|
|
|
</script>
|
...
|
...
|
@@ -84,27 +88,39 @@ |
|
|
style=" margin-top: 12px;margin-left: 25px;float: left;">
|
|
|
<div class="input-group" style="float: left;">
|
|
|
<span class="input-group-addon">服务名:</span>
|
|
|
<input type="text" id="searchApiName" name="apiName" class="form-control" placeholder=""/>
|
|
|
<input type="text" id="searchApiName" name="apiName" readonly='true' class="form-control"
|
|
|
placeholder=""/>
|
|
|
</div>
|
|
|
<div class="input-group" style="float: left;">
|
|
|
<span class="input-group-addon">IP:</span>
|
|
|
<select id="searchIP" name="searchIP" class="form-control" style="background-color: white">
|
|
|
<option value="0">ALL</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
<div class="input-group" style="float: left;">
|
|
|
<span class="input-group-addon">status:</span>
|
|
|
<select id="searchStatus" name="searchStatus" class="form-control">
|
|
|
<option value="2">ALL</option>
|
|
|
<option value="0">FAILED</option>
|
|
|
<option value="1">OK</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
<%--<div class="input-group" style="float: left;">--%>
|
|
|
<%--<span class="input-group-addon">服务类型:</span>--%>
|
|
|
<%--<select id="searchApiType" name="searchApiType" class="form-control" placeholder="">--%>
|
|
|
<%--<option value="0">ALL</option>--%>
|
|
|
<%--</select>--%>
|
|
|
<%--</div>--%>
|
|
|
<%--<div class="input-group" style="float: left;">--%>
|
|
|
<%--<span class="input-group-addon">请求类型:</span>--%>
|
|
|
<%--<select id="searchApiReqMethod" name="searchApiReqMethod" class="form-control">--%>
|
|
|
<%--<option value="2">ALL</option>--%>
|
|
|
<%--<option value="0">GET</option>--%>
|
|
|
<%--<option value="1">POST</option>--%>
|
|
|
<%--</select>--%>
|
|
|
<%--<span class="input-group-addon">url:</span>--%>
|
|
|
<%--<input type="text" id="searchapiUrl" name="apiUrl" class="form-control" placeholder=""/>--%>
|
|
|
<%--</div>--%>
|
|
|
|
|
|
<div class="input-group" style="float: left;">
|
|
|
<span class="input-group-addon">开始时间:</span>
|
|
|
<input type="text" id="starTime" name="time" class="form-control" placeholder=""/>
|
|
|
</div>
|
|
|
|
|
|
<div class="input-group" style="float: left;">
|
|
|
<span class="input-group-addon">url:</span>
|
|
|
<input type="text" id="searchapiUrl" name="apiUrl" class="form-control" placeholder=""/>
|
|
|
<span class="input-group-addon">结束时间:</span>
|
|
|
<input type="text" id="endTime" name="time" class="form-control" placeholder=""/>
|
|
|
</div>
|
|
|
<%--<button id="searchJavaInfoBtn" class="btn btn-default">搜索</button>--%>
|
|
|
|
|
|
<button id="searchBtn" class="btn btn-default">搜索</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
...
|
...
|
@@ -119,17 +135,62 @@ |
|
|
<script type="text/javascript">
|
|
|
var api_id =<%=api_id %>;
|
|
|
var mobj_id =<%=mobj_id %>;
|
|
|
var map_ip = {};
|
|
|
//加载表格
|
|
|
$(function () {
|
|
|
|
|
|
$('#searchIP').editableSelect({
|
|
|
effects: 'slide'
|
|
|
});
|
|
|
$.ajax({
|
|
|
url: contextPath + "/mobject/queryMobjById?typeId=" + api_id,
|
|
|
type: 'get',
|
|
|
success: function (data) {
|
|
|
if (!data || data.code != 200) {
|
|
|
$.toaster('获取IP失败', '警告', 'warn');
|
|
|
return;
|
|
|
}
|
|
|
console.log(data.data);
|
|
|
var selObj = $("#searchIP");
|
|
|
|
|
|
$.each(data.data, function (idx, val) {
|
|
|
if (map_ip["" + val.moId] == undefined) {
|
|
|
map_ip["" + val.moId] = val.moHostIp;
|
|
|
}
|
|
|
var value = val.moId;
|
|
|
var text = val.moHostIp;
|
|
|
selObj.append("<option value='" + value + "'>" + text + "</option>");
|
|
|
})
|
|
|
},
|
|
|
error: function (data) {
|
|
|
$.toaster('获取IP失败', '警告', 'warn');
|
|
|
|
|
|
}
|
|
|
});
|
|
|
|
|
|
|
|
|
//设置默认时间
|
|
|
$("#starTime").datetimepicker({
|
|
|
format: 'YYYY-MM-DD HH:mm:ss'
|
|
|
});
|
|
|
|
|
|
$("#endTime").datetimepicker({
|
|
|
format: 'YYYY-MM-DD HH:mm:ss'
|
|
|
});
|
|
|
|
|
|
//加载表格
|
|
|
$("#infoTable").table({
|
|
|
columnAutoWidth: false,
|
|
|
url: contextPath + "/javaApi/history?api_id=" + api_id + "&mobj_id=" + mobj_id,
|
|
|
url: contextPath + "/javaApi/history",
|
|
|
striped: true,
|
|
|
title: "java服务信息历史",
|
|
|
dataType: "json",
|
|
|
pagination: true,
|
|
|
pageSize: 10,
|
|
|
queryParams: {
|
|
|
'apiId': api_id,
|
|
|
'mobjId': mobj_id
|
|
|
},
|
|
|
loadFilter: function (data) {
|
|
|
return defaultLoadFilter(data);
|
|
|
},
|
...
|
...
|
@@ -193,6 +254,24 @@ |
|
|
|
|
|
}]
|
|
|
});
|
|
|
|
|
|
//点击查询按钮
|
|
|
$("#searchBtn").click(function () {
|
|
|
var startTime = $("#starTime").val();
|
|
|
var endTime = $("#endTime").val();
|
|
|
startTime = startTime.replace(new RegExp("-", "gm"), "/");
|
|
|
startTime = (new Date(startTime)).getTime();
|
|
|
endTime = endTime.replace(new RegExp("-", "gm"), "/");
|
|
|
endTime = (new Date(endTime)).getTime();
|
|
|
|
|
|
$("#infoTable").table("load", {
|
|
|
'apiId': api_id,
|
|
|
'mobjId': mobj_id,
|
|
|
'startTime': startTime,
|
|
|
'endTime': endTime
|
|
|
});
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
|
|
</script>
|
...
|
...
|
|