fei.wang
2024-05-13 19fe5a3d816184549e8ffa011c39f218734da8d5
src/webapp/page/loginJiLu.jsp
¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,225 @@
<%--
  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%;">
        <div style="width:55%;height: 600px;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));
    var list = [];
    //获取访问量
    $.get("/HxzkFlow/hxzk/fwl",function (data){
        for(var i =0; i<4;i++){
            list.push(data[i])
        }
        $(".jr").text(data[0]);
        $(".bz").text(data[1]);
        $(".by").text(data[2]);
        $(".zg").text(data[3]);
        //饼图
        var chartDom = document.getElementById('main');
        var myChart = echarts.init(chartDom);
        var option;
        option = {
            legend: {
                top: 'bottom'
            },
            toolbox: {
                show: true,
                feature: {
                    mark: { show: true },
                    dataView: { show: true, readOnly: false },
                    restore: { show: true },
                    saveAsImage: { show: true }
                }
            },
            series: [
                {
                    name: 'Nightingale Chart',
                    type: 'pie',
                    radius: [50, 250],
                    center: ['50%', '50%'],
                    roseType: 'area',
                    itemStyle: {
                        borderRadius: 8
                    },
                    data: [
                        { value: list[0], name: '今日访问量' },
                        { value: list[1], name: '本周访问量' },
                        { value: list[2], name: '本月访问量' },
                        { value: list[3], name: '总共访问量' },
                    ]
                }
            ]
        };
        option && myChart.setOption(option);
    })
    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/FindLoginJiLu' //数据接口
                        // , page: true //开启分页
                        , toolbar: '#toolbarDemo'
                        , defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义,去除该参数即可
                            title: '提示'
                            , layEvent: 'LAYTABLE_TIPS'
                            , icon: 'layui-icon-tips'
                        }]
                        , cols: [[ //表头
                            {type: 'checkbox', sort: true, fixed: "left"}
                            , {field: 'num', title: '序号', sort: true,width:'5%'}
                            , {field: 'logincompany', title: '登录公司',}
                            , {field: 'loginphone', title: '登录电话', sort: true}
                            , {field: 'ip', title: 'IP地址',}
                            , {field: 'logindate', title: '登录时间',}
                            , {field: 'loginoutdate', title: '退出时间', sort: true}
                        ]],
                        // done: function (res, curr, count) {
                        //     $("table").css("width", "100%")
                        // },
                        limit: 500,
                        // limits: [10, 20, 30, 40, 50, 60, 70, 80, 90],
                    });
                }else{
                    $(".userNo").hide();
                    $("#userWidth").css("width","100%")
                    var dt ="Zong="+localStorage.getItem("gsmc")
                    $.post("/HxzkFlow/hxzk/chaZi",dt,function (data) {
                        var jc = Zong;
                        table.render({
                            elem: '#demo'
                            , layEvent: 'LAYTABLE_TIPS'
                            , height: 830
                            ,cellMinWidth: 80
                            , url: '/HxzkFlow/hxzk/FindLoginJiLuZi' //数据接口
                            // , page: true //开启分页
                            ,method: 'post'
                            ,where: { logincompany: Zong } // æœç´¢çš„字段
                            , toolbar: '#toolbarDemo'
                            , defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义,去除该参数即可
                                title: '提示'
                                , layEvent: 'LAYTABLE_TIPS'
                                , icon: 'layui-icon-tips'
                            }]
                            , cols: [[ //表头
                                {type: 'checkbox', sort: true, fixed: "left"}
                                , {field: 'num', title: '序号', sort: true,width:'5%'}
                                , {field: 'logincompany', title: '登录公司',}
                                , {field: 'loginphone', title: '登录电话', sort: true}
                                , {field: 'ip', title: 'IP地址',}
                                , {field: 'logindate', title: '登录时间',}
                                , {field: 'loginoutdate', title: '退出时间', sort: true}
                            ]],
                            limit: 500,
                            // limits: [10, 20, 30, 40, 50, 60, 70, 80, 90],
                        });
                    })
                }
            })
        }
    })
</script>
</html>