<!DOCTYPE html>
|
<html lang="en">
|
|
<head>
|
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<title>服务访问日志</title>
|
<link rel="stylesheet" href="JS/layui/css/layui.css" media="all">
|
</head>
|
<style>
|
.fromsys {
|
height: 38px;
|
|
}
|
.result {
|
height: 38px;
|
|
}
|
|
.searchgroup {
|
width: 100%;
|
height: 100%;
|
margin-top: 20px;
|
}
|
|
.layui-btn,
|
.layui-laypage-em {
|
background-color: #659cff !important;
|
}
|
|
select[name='fromsys']{
|
width: 90px;
|
border-color: #e6e6e6;
|
border-radius: 2px;
|
text-align: center!important;
|
text-indent: 0.1rem;
|
}
|
select[name='fromsys'] option{
|
width:90px;
|
text-align: center!important;
|
/* text-indent: 1rem; */
|
|
}
|
|
select[name='result']{
|
width: 90px;
|
border-color: #e6e6e6;
|
border-radius: 2px;
|
text-align: center!important;
|
text-indent: 0.1rem;
|
}
|
select[name='result'] option{
|
width:90px;
|
text-align: center!important;
|
/* text-indent: 1rem; */
|
|
}
|
</style>
|
|
<body>
|
<div class="searchgroup">
|
<!--查询代理服务筛选条件 -->
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">资源ID</label>
|
<div class="layui-input-inline">
|
<input type="text" name="resid" lay-verify="number" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">访问ip</label>
|
<div class="layui-input-inline">
|
<input type="text" name="requestip" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
|
<div class="layui-inline">
|
<label class="layui-form-label">服务名称</label>
|
<div class="layui-input-inline">
|
<input type="text" name="resname" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">服务地址</label>
|
<div class="layui-input-inline">
|
<input type="text" name="serverurl" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">来源系统</label>
|
<div class="layui-input-inline">
|
<select name="fromsys" class="fromsys">
|
<option value="">全部</option>
|
<option value="jzpt">监管平台</option>
|
<option value="zjxt">浙江系统</option>
|
</select>
|
</div>
|
</div>
|
|
<div class="layui-inline">
|
<label class="layui-form-label">访问结果</label>
|
<div class="layui-input-inline">
|
<select name="result" class="result">
|
<option value="">全部</option>
|
<option value="ok">成功</option>
|
<option value="fail">失败</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<table class="layui-hide" id="test" lay-filter="test" style="width: 100%"></table>
|
<script type="text/html" id="toolbar">
|
<div class="layui-btn-container">
|
<button class="layui-btn layui-btn-sm" lay-event="query">查询</button>
|
<button class="layui-btn layui-btn-sm" lay-event="reset">重置</button>
|
</div>
|
</script>
|
|
<script src="JS/layui/layui.js" charset="utf-8"></script>
|
<script src="JS/jquery.min.js" charset="utf-8"></script>
|
<script>
|
var table = null;
|
var resourcedata = [];
|
|
layui.use("table", function () {
|
table = layui.table;
|
table.render({
|
elem: "#test",
|
toolbar: "#toolbar",
|
url: "http://192.168.20.106:8070/log/querylog",
|
parseData: function (res) {
|
return {
|
"code": 0,
|
"msg": "",
|
"count": res.total,
|
"data": res.data
|
}
|
},
|
method: 'get',
|
cellMinwidth: "80",
|
cols: [
|
[{
|
type: 'checkbox'
|
},
|
{
|
field: 'ID',
|
title: '主键',
|
sort: true,
|
align: 'center'
|
},
|
{
|
field: 'SERVERURL',
|
title: '服务地址',
|
sort: true,
|
align: 'center',
|
edit: 'text'
|
},
|
{
|
field: 'RESOURCEID',
|
title: '资源ID',
|
sort: true,
|
align: 'center'
|
},
|
{
|
field: 'SERVERNAME',
|
title: '服务名称',
|
sort: true,
|
align: 'center',
|
edit: 'text'
|
},
|
{
|
field: 'FROMSYS',
|
title: '来源系统',
|
sort: true,
|
align: 'center',
|
templet:function(d){
|
switch(d.FROMSYS){
|
case "zjzt":return "浙江专题";
|
break;
|
case "jgpt": return "监管平台";
|
break;
|
default: return "";
|
}
|
}
|
},
|
{
|
field: 'REQUESTIP',
|
title: '访问ip',
|
sort: true,
|
align: 'center',
|
edit: 'text'
|
},
|
{
|
field: 'RESULT',
|
title: '访问结果',
|
sort: true,
|
align: 'center',
|
templet:function(d){
|
switch(d.RESULT){
|
case "ok":return "成功";
|
break;
|
case "fail": return "失败";
|
break;
|
default: return "";
|
}
|
}
|
}
|
|
]
|
],
|
page: true
|
})
|
table.on('toolbar(test)', function (obj) {
|
var checkstatus = table.checkStatus(obj.config.id);
|
switch (obj.event) {
|
case 'query':
|
query();
|
break;
|
case 'reset':
|
reset();
|
break;
|
};
|
});
|
|
|
})
|
|
|
function query() {
|
table.reload('test', {
|
page: {
|
curr: 1
|
},
|
where: {
|
id: $("[name='resid']").val(),
|
ip: $("[name='requestip']").val(),
|
serverurl: $("[name='serverurl']").val(),
|
fromsys: $("[name='fromsys'] option:selected").val() == "" ? null : $(
|
"[name='fromsys'] option:selected").val(),
|
result:$("[name='result'] option:selected").val() == "" ? null : $(
|
"[name='result'] option:selected").val(),
|
servername: $("[name='resname']").val(),
|
}
|
|
}, 'data')
|
}
|
|
|
function reset() {
|
$("[name='resid']").val('');
|
$("[name='requestip']").val('');
|
$("[name='resname']").val(''),
|
$("[name='fromsys'] option:selected").val(""),
|
$("[name='result'] option:selected").val(""),
|
table.reload('test', {
|
page: {
|
curr: 1
|
},
|
where: {
|
|
}
|
|
}, 'data')
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|
