fei.wang
2024-05-13 68bd753f1b77f39c1dd5609620ce29f9b8b412b5
src/webapp/page/OperationLog.jsp
¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,133 @@
<%--
  Created by IntelliJ IDEA.
  User: Dell
  Date: 2023/6/26
  Time: 11:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <link href="/HxzkFlow/images/favicon.ico" rel="icon" type="image/x-icon"/>
  <title>操作日志</title>
</head>
<link rel="stylesheet" href="/HxzkFlow/css/layui.css" media="all">
<body style="width: 100%;text-align: center;overflow:hidden;">
<div style="width: 100%;">
  <div style="margin-top: -10px;width: 100%;overflow:hidden;">
    <div style="width:55%;display: inline-block" id="userWidth">
      <table id="demo"  lay-filter="demo"></table>
    </div>
    <%--        <div style="width: 40%;height: 600px;display: inline-block;" class="userNo">--%>
    <%--            <div id="main" style="width: 100%;height: 600px;"></div>--%>
    <%--        </div>--%>
  </div>
</div>
<h3 style="position: absolute;top: 210px;left: 400px;z-index: 9999;font-weight: bolder;color: black;display:none" class="userNo">操作日志信息</h3>
</div>
</body>
<script src="/HxzkFlow/js/layui.js" charset="utf-8"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="/HxzkFlow/js/echarts.min.js"></script>
<script>
  //浏览器关闭事件
  /**
   * åˆ¤æ–­ç”¨æˆ·åœ¨è§„定的时间内没有操作系统,则刷新浏览器
   * å‚数:时间(单位分钟)
   * */
  function timeUserFun(time){
    var time = time || 2;
    var userTime = 3600;
    var objTime = {
      init:0,
      time:function(){
        objTime.init += 1;
        if(objTime.init === userTime){// è¾¾åˆ°é™åˆ¶æ—¶é—´æ—¶ï¼Œç”¨æˆ·æœªæ“ä½œäº‹ä»¶ï¼Œåˆ™åˆ·æ–°æ•´ä¸ªé¡µé¢
          localStorage.removeItem("gsjc")
          sessionStorage.removeItem("admin")
          alert("您长时间未操作当前页面,请重新登录")
          var data = "Zong="+sessionStorage.getItem("admin");
          //获取该用户最新时间
          $.post("/HxzkFlow/hxzk/userdate",data,function (data){
          })
          parent.location.reload()
          //达到限制时间没操作,所要执行的动作
        }
      },
      eventFun:function(){
        //清除上次监听,重新开始新的监听
        clearInterval(testUser);
        objTime.init = 0;
        testUser = setInterval(objTime.time,1000);
      }
    };
    //监听当前时间流动
    var testUser = setInterval(objTime.time,1000);
    //监听相应事件
    var body = document.querySelector('html');
    body.addEventListener("click",objTime.eventFun);
    body.addEventListener("keydown",objTime.eventFun);
    body.addEventListener("mousemove",objTime.eventFun);
    body.addEventListener("mousewheel",objTime.eventFun);
  }
  (function () {
    timeUserFun(1);
  }(0));
  layui.use('table', function() {
    var table = layui.table;
    //第一个实例
    var Zong = localStorage.getItem("gsjc")
    var data ="Zong="+Zong
    if(Zong == null){
    }else{
      $.post("/HxzkFlow/hxzk/jiemi",data,function (data){
        if(data == "1"){
          $(".userNo").hide();
          $("#userWidth").css("width","100%")
          table.render({
            elem: '#demo'
            , layEvent: 'LAYTABLE_TIPS'
            , height: 800
            // ,cellMinWidth: 80
            , url: '/HxzkFlow/hxzk/findOperationLog' //数据接口
            // , page: true //开启分页
            , toolbar: '#toolbarDemo'
            , defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义,去除该参数即可
              title: '提示'
              , layEvent: 'LAYTABLE_TIPS'
              , icon: 'layui-icon-tips'
            }]
            , cols: [[ //表头
              {type:'checkbox',sort: true,fixed: "left"}
              ,{field: 'id', title: '序号',  sort: true,width:'5%'}
              ,{field: 'caozuodate', title: '操作时间', }
              ,{field: 'caozuoname', title: '操作用户名称',  sort: true}
              ,{field: 'caozuotype', title: '操作类型',  sort: true}
              ,{field: 'caozuocontent', title: '操作内容', sort: true}
            ]],
            // done: function (res, curr, count) {
            //     $("table").css("width", "100%")
            // },
            limit: 500,
            // limits: [10, 20, 30, 40, 50, 60, 70, 80, 90,100],
          });
        }
      })
    }
  })
</script>
</html>