¶Ô±ÈÐÂÎļþ |
| | |
| | | <%-- |
| | | 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> |