<%--
|
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: 0px;width: 100%;overflow:hidden;margin-left: 15px">
|
<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: 600
|
,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: 10,
|
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: 700
|
,cellMinWidth: 80
|
, url: '/HxzkFlow/hxzk/FindLoginJiLuZi?Zong='+jc //数据接口
|
, 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: 'loginphone', title: '登录电话', sort: true}
|
, {field: 'ip', title: 'IP地址',}
|
, {field: 'logindate', title: '登录时间',}
|
, {field: 'loginoutdate', title: '退出时间', sort: true}
|
|
]],
|
limit: 10,
|
limits: [10, 20, 30, 40, 50, 60, 70, 80, 90],
|
});
|
})
|
|
}
|
})
|
}
|
|
})
|
|
|
|
|
|
</script>
|
</html>
|
