<%--
|
Created by IntelliJ IDEA.
|
User: Dell
|
Date: 2023/12/19
|
Time: 13:59
|
To change this template use File | Settings | File Templates.
|
--%>
|
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
<html>
|
<head>
|
<title>Title</title>
|
<link rel="stylesheet" href="../CSS/layui.css">
|
<link rel="stylesheet" href="../CSS/layer.css">
|
<link rel="stylesheet" href="ShouYeEchats/bootstrap.min.css" />
|
<link rel="stylesheet" href="ShouYeEchats/styles.css" />
|
</head>
|
<body style="">
|
<div class="layui-container" style="width: 100%;margin: 0px;padding: 0px">
|
<div class="layui-row">
|
<div class="layui-col-xs12 layui-col-md12" style="margin-top: 20px">
|
<div style="background-color: #FFC000;width: 20%;height: 160px;display: inline-block;border-radius: 25px;margin-left: 15px">
|
<span style="position: relative;left: 20px;top:35px;color: white;font-size: 22px">今日登录:</span>
|
<span style="position: relative;left: 10px;top:35px;color: white;font-size: 55px" class="login">0</span>
|
</div>
|
<div style="background-color: #92D050;width: 20%;height: 160px;display: inline-block;border-radius: 25px;margin-left: 90px">
|
<span style="position: relative;left: 20px;top:35px;color: white;font-size: 22px">当前在线:</span>
|
<span style="position: relative;left: 20px;top:35px;color: white;font-size: 55px" class="tag">0</span>
|
</div>
|
<div style="background-color: #00B0F0;width: 20%;height: 160px;display: inline-block;border-radius: 25px;margin-left: 90px">
|
<span style="position: relative;left: 20px;top:35px;color: white;font-size: 22px">今日报文:</span>
|
<span style="position: relative;left: 20px;top:35px;color: white;font-size: 55px" class="baowen">0</span>
|
</div>
|
<div style="background-color: #7030A0;width: 20%;height: 160px;display: inline-block;border-radius: 25px;margin-left: 80px">
|
<span style="position: relative;left: 20px;top:35px;color: white;font-size: 22px">处理数据:</span>
|
<span style="position: relative;left: 20px;top:35px;color: white;font-size: 55px" class="">0</span>
|
</div>
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs12 layui-col-md12">
|
<div class="container-fluid">
|
<div class="main" style="width: 100%">
|
<div class="row mt-12">
|
<div class="col-md-5">
|
<div class="box columnbox mt-4">
|
<div id="columnchart"></div>
|
</div>
|
</div>
|
<div class="col-md-7">
|
<div class="box mt-4">
|
<div id="linechart"></div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-md-5">
|
<div class="box radialbox mt-4">
|
<div id="circlechart"></div>
|
</div>
|
</div>
|
<div class="col-md-7">
|
<div class="box mt-4">
|
<div class="mt-4">
|
<div id="progress1"></div>
|
</div>
|
<div class="mt-4">
|
<div id="progress2"></div>
|
</div>
|
<div class="mt-4">
|
<div id="progress3"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</body>
|
<script src="/hxzkuwb/HouTai/Js/jquery-3.5.1.js"></script>
|
<script src="../JS/layui.js"></script>
|
<script src="../JS/layer.js"></script>
|
<script src="ShouYeEchats/moment.min.js"></script>
|
<script src="ShouYeEchats/apexcharts.js"></script>
|
<script src="ShouYeEchats/scripts.js"></script>
|
<script>
|
var data = "page=1&limit=1"
|
$.get("/hxzkuwb/findTagOnline",function (data){
|
$(".tag").text(data)
|
})
|
$.get("/hxzkuwb/findJinRiLog",function (data){
|
$(".login").text(data)
|
})
|
$.get("/hxzkuwb/findBaoWenTongJi",data,function (data){
|
$(".baowen").text(data.nums)
|
})
|
|
</script>
|
</html>
|