<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <title>用户操作日志</title>
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatables/datatables.bootstrap.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatables/buttons.dataTables.min.css">
    <link rel="stylesheet" href="${ctx}/css/basic.css">
    <style>
        .btn{
            padding: 0px 5px;
            font-size: 12px;
        }
        .form-control {
            height: 26px;
            padding: 4px 8px !important;
            font-size: 12px;
            line-height: 1.42857143;
        }
        .tr {
            text-align: center;
        }

        .td {
            height: 37px;
            line-height: 37px
        }

        body {
            max-height: 500px;
        }

        .table > thead > tr > th,
        .table > tbody > tr > th,
        .table > tfoot > tr > th,
        .table > thead > tr > td,
        .table > tbody > tr > td,
        .table > tfoot > tr > td {
            padding: 7px 0;
            line-height: 1.42857143;
            vertical-align: top;
            border-top: 1px solid #ddd;
        }

        @media screen and (min-width: 1200px) and (max-width: 1400px) {
            .table > thead > tr > th,
            .table > tbody > tr > th,
            .table > tfoot > tr > th,
            .table > thead > tr > td,
            .table > tbody > tr > td,
            .table > tfoot > tr > td {
                padding: 4px;
                line-height: 1.42857143;
                vertical-align: top;
                border-top: 1px solid #ddd;
            }

            body {
                min-width: 1620px;
                max-height: 500px;
            }
        }
    </style>
</head>
<body class="pd15 bg-white" onunload="shutdownsc()">
<div class="container-fluid">
    <div class="form-inline">
        <div class="row">
            <form class="form-inline ml15 header">
                <%@include file="../../include/time.jsp" %>
                <div class="form-inline pdr15 fr">
                    <button onclick="writeFile()" type="button" class="btn themeBGColor">
                        <i class="glyphicon"></i>文件备份
                    </button>
                    <button onclick="recoveryFile()" type="button" class="btn themeBGColor">
                        <i class="glyphicon"></i>文件恢复
                    </button>
                    <button id="tj" type="button" class="btn themeBGColor">
                        <i class="glyphicon"></i>统计
                    </button>
                </div>
                <label class="form-group">用户名</label> <select
                    id="username" class="form-control">
            	</select>
                <label class="form-group">事件类型</label> <select
                    id="typeSelect" class="form-control">
            	</select> 
            	<label class="form-group">操作类型</label> <select
                    id="detailedSelect" class="form-control">
            	</select>
                <button id="query" type="button" title="查询" class="btn themeBGColor">
                    <i class="glyphicon glyphicon-search"></i>
                </button>
            </form>
        </div>
    </div>
</div>
<div>
    <table id="example"
           class="table table-striped table-bordered dataTable no-footer width100">
        <thead>
        <tr role="row">
            <th class="text-center">事件ID</th>
            <th class="text-center">操作时间</th>
            <th class="text-center">操作人员</th>
            <th class="text-center">操作类型</th>
            <th class="text-center">事件描述</th>
            <th class="text-center">事件类型</th>
            <th class="text-center">操作结果</th>
            <th class="text-center">操作IP</th>
            <th class="text-center">事件等级</th>
        </thead>
    </table>
</div>
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
<script src="${ctx}/js/plugin/jquery/jquery.dataTables.js"></script>
<script src="${ctx}/js/plugin/datatables/datatables.bootstrap.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="${ctx}/js/plugin/bootstrap-table/bootstrap-table.js"></script>
<script src="${ctx}/js/plugin/bootstrap-table/locales/bootstrap-table-zh-CN.js"></script>
<script src="${ctx}/js/plugin/bootstrap-table/bootstrap-table.js"></script>
<script src="${ctx}/js/plugin/layui/layer.js"></script>
<script src="${ctx}/js/plugin/datatables/dataTables.buttons.min.js"></script>
<script src="${ctx}/js/plugin/datatables/buttons.html5.min.js"></script>
<script src="${ctx}/js/basic.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
<script src="${ctx}/jspJS/utils/loading.js"></script>
<script src="${ctx}/jspJS/settings/UserLogManger.js"></script>
<script src="${ctx}/jspJS/filebackup/FileBackUp.js"></script>
</body>
</html>