|
|
<%--
|
|
|
Created by IntelliJ IDEA.
|
|
|
User: meiling.ge
|
|
|
Date: 2017/9/21
|
|
|
Time: 16:25
|
|
|
To change this template use File | Settings | File Templates.
|
|
|
--%>
|
|
|
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
|
|
pageEncoding="UTF-8" %>
|
|
|
<%
|
|
|
String path = request.getContextPath();
|
|
|
String basePath = request.getScheme() + "://"
|
|
|
+ request.getServerName() + ":" + request.getServerPort()
|
|
|
+ path + "/";
|
|
|
%>
|
|
|
<html>
|
|
|
<head>
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
<link rel="stylesheet" href="<%=basePath %>css/bootstrap.min.css"/>
|
|
|
<link rel="stylesheet" href="<%=basePath %>css/unicorn.main.css"/>
|
|
|
<link rel="stylesheet" href="<%=basePath %>css/unicorn.grey.css"/>
|
|
|
<link rel="stylesheet" href="<%=basePath %>css/jquery-ui.css"/>
|
|
|
<link rel="stylesheet" href="<%=basePath %>css/bootstrap-responsive.min.css"/>
|
|
|
<link rel="stylesheet" href="<%=basePath %>css/uniform.css"/>
|
|
|
<link rel="stylesheet" href="<%=basePath %>css/select2.css"/>
|
|
|
<script src="<%=basePath %>js/excanvas.min.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/jquery-1.12.0.min.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/jquery-ui.custom.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>/js/bootstrap.min.js"></script>
|
|
|
<script src="<%=basePath %>/js/unicorn.js"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/datetimepicker/moment-with-locales.js" charset="UTF-8"
|
|
|
type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/datetimepicker/bootstrap-datetimepicker.js" charset="UTF-8"
|
|
|
type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/global.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.pagination.js" charset="UTF-8"
|
|
|
type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.table.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.dialog.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.form.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.panel.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.alerts.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.accordion.js" charset="UTF-8"
|
|
|
type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.breadcrumb.js" charset="UTF-8"
|
|
|
type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.validate.js" charset="UTF-8"
|
|
|
type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.form.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/layer/layer.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.select.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/jstree/jstree.min.js"></script>
|
|
|
<script src="<%=basePath %>js/jquery.toaster.js"></script>
|
|
|
<script src="<%=basePath %>js/laydate/laydate.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script src="<%=basePath %>js/bootstrap-plugin/tableExport.min.js" charset="UTF-8" type="text/javascript"></script>
|
|
|
<script>
|
|
|
var contextPath = '<%=basePath %>';
|
|
|
</script>
|
|
|
<title>YOHO!运维</title>
|
|
|
</head>
|
|
|
<body>
|
|
|
<!-- 头部 -->
|
|
|
<div id="head">
|
|
|
</div>
|
|
|
|
|
|
<!-- 右侧具体内容 -->
|
|
|
<div id="content">
|
|
|
|
|
|
<div id="breadcrumb">
|
|
|
<a href="#" title="Go to Home" class="tip-bottom"><i
|
|
|
class="icon-home"></i> Home</a> <a href="#" class="current">用户重要操作记录</a>
|
|
|
</div>
|
|
|
|
|
|
<div class="container-fluid">
|
|
|
<div class="widget-box">
|
|
|
<div class="widget-title">
|
|
|
<h5>重要操作记录</h5>
|
|
|
</div>
|
|
|
|
|
|
<div class="widget-title" style="height: 56px;">
|
|
|
<div>
|
|
|
<div class="form-inline" role="form" id="inBoxQueryDiv" style=" margin-top: 12px;margin-left: 25px;float: left;">
|
|
|
<div class="input-group" style="float: left;margin-left: 20px">
|
|
|
<span class="input-group-addon">开始日期:</span>
|
|
|
<input id="beginTime"type="text" class="form-control dateTimeInput" style="width:150px;" />
|
|
|
</div>
|
|
|
<div class="input-group" style="float: left;margin-left: 20px">
|
|
|
<span class="input-group-addon">结束日期:</span>
|
|
|
<input id="endTime"type="text" class="form-control dateTimeInput" style="width:150px;" />
|
|
|
</div>
|
|
|
<button id="searchSqlLogsBtn" class="btn btn-primary" style="margin-left: 18px;" >搜索</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="ipTable" style="overflow-y: auto; overflow-x:hidden;max-height: 700px" />
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
<script src="<%=basePath %>script/common/genarate_left_panel.js"></script>
|
|
|
|
|
|
<script>
|
|
|
$("#li_mip").addClass("active open");
|
|
|
$("#li_malicious_record").addClass("active");
|
|
|
</script>
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
$(function () {
|
|
|
lay('.dateTimeInput').each(function(){
|
|
|
laydate.render({
|
|
|
elem: this ,type: 'datetime'
|
|
|
,trigger: 'click'
|
|
|
});
|
|
|
});
|
|
|
|
|
|
refreshTable();
|
|
|
|
|
|
});
|
|
|
|
|
|
//点击搜索按钮
|
|
|
$("#searchSqlLogsBtn").click(function () {
|
|
|
var beginTime = $.trim($("#beginTime").val());
|
|
|
var endTime = $.trim($("#endTime").val());
|
|
|
$("#ipTable").table("load", {
|
|
|
'beginTime':beginTime,
|
|
|
'endTime':endTime
|
|
|
});
|
|
|
});
|
|
|
|
|
|
function refreshTable(){
|
|
|
$("#ipTable").table({
|
|
|
url: contextPath + "userOperateLog/queryUserOperateLogList",
|
|
|
dataType: 'json',
|
|
|
striped: true,
|
|
|
pagination: true,
|
|
|
pageSize: 10,
|
|
|
//sortName: 'count', // 设置默认排序为 name
|
|
|
//sortOrder: 'desc', // 设置排序为反序 desc
|
|
|
panelClass: "panel-success",
|
|
|
loadFilter: function (data) {
|
|
|
return defaultLoadFilter(data);
|
|
|
},
|
|
|
columns: [
|
|
|
{
|
|
|
title: "用户名",
|
|
|
width: "15%",
|
|
|
field: "userName"
|
|
|
}, {
|
|
|
title: "操作",
|
|
|
width: "15%",
|
|
|
field: "operateDesc"
|
|
|
},{
|
|
|
title: "uri",
|
|
|
width: "10%",
|
|
|
field: "operate"
|
|
|
},
|
|
|
{
|
|
|
title: "参数",
|
|
|
width: "50%",
|
|
|
field: "params",
|
|
|
align: "left",
|
|
|
styler : function(value, rowData, rowIndex){
|
|
|
return {
|
|
|
"vertical-align" : "middle"
|
|
|
};
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
title: "时间",
|
|
|
field: "createTime",
|
|
|
width: "10%",
|
|
|
formatter:function (value,rowData,rowIndex) {
|
|
|
if(value !=null && value!=""){
|
|
|
return format(value);
|
|
|
}
|
|
|
return value;
|
|
|
|
|
|
|
|
|
}
|
|
|
}]
|
|
|
});
|
|
|
}
|
|
|
|
|
|
//timeValue---时间戳
|
|
|
function format(timeValue){
|
|
|
var time = new Date(timeValue);
|
|
|
var y = time.getFullYear();
|
|
|
var m = time.getMonth()+1;
|
|
|
var d = time.getDate();
|
|
|
var h = time.getHours();
|
|
|
var mm = time.getMinutes();
|
|
|
var s = time.getSeconds();
|
|
|
return y+'-'+add0(m)+'-'+add0(d)+' '+add0(h)+':'+add0(mm)+':'+add0(s);
|
|
|
}
|
|
|
function add0(m){
|
|
|
return m<10 ? '0'+m : m;
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
</html> |
...
|
...
|
|