<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
<html lang="en">
|
<head>
|
<meta charset="utf-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta name="viewport"
|
content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
|
<title>华星智控定位管理系统</title>
|
<link href="/hxzkoa/hxzk/bootstrap/css/bootstrap.min.css"
|
rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/img/favicon.ico" rel="icon"
|
type="image/x-icon" />
|
<link href="/hxzkoa/hxzk/assets/css/components/custom-modal.css"
|
rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/components/custom-sweetalert.css"
|
rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/dashboard/dash_2.css"
|
rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/elements/custom-pagination.css"
|
rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/loader.css" rel="stylesheet"
|
type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/scrollspyNav.css" rel="stylesheet"
|
type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/main.css" rel="stylesheet"
|
type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/structure.css" rel="stylesheet"
|
type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/elements/search.css"
|
rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/apex/apexcharts.css" rel="stylesheet"
|
type="text/css">
|
<link href="/hxzkoa/hxzk/plugins/animate/animate.css" rel="stylesheet"
|
type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/highlight/styles/monokai-sublime.css"
|
rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.css"
|
rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert.css"
|
rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/table/datatable/datatables.css"
|
rel="stylesheet" type="text/css">
|
<link href="/hxzkoa/hxzk/plugins/table/datatable/custom_dt_html5.css"
|
rel="stylesheet" type="text/css">
|
<link href="/hxzkoa/hxzk/plugins/table/datatable/dt-global_style.css"
|
rel="stylesheet" type="text/css">
|
<link
|
href="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.css"
|
rel="stylesheet" type="text/css" />
|
<link href="https://fonts.gstatic.com" rel="preconnect">
|
<link
|
href="https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap"
|
rel="stylesheet">
|
<link
|
href="https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700&display=swap"
|
rel="stylesheet">
|
<style>
|
body {
|
margin: 0px;
|
width: 100%;
|
min-width: 1500px;
|
max-width: 100%;
|
height: 100%;
|
background-color: #F0F0F0;
|
}
|
|
#head {
|
background-color: #FFFF00;
|
width: 100%;
|
height: 100px;
|
}
|
|
#center {
|
background-color: #00FFFF;
|
width: 100%;
|
min-height: 100%;
|
}
|
|
#foot {
|
background-color: #FF00FF;
|
width: 100%;
|
height: 100px;
|
}
|
|
.panel-head {
|
font-size: 1rem;
|
color: rgba(255, 255, 255, .7);
|
line-height: 2rem;
|
text-align: center;
|
background: linear-gradient(rgb(0, 20, 30), rgb(0, 40, 70));
|
border: 2px solid rgba(0, 90, 120, .3);
|
}
|
|
.table-bordered td, .table-bordered th {
|
border: 1px solid #ebedf2;
|
}
|
</style>
|
<script src="/hxzkoa/hxzk/assets/js/app.js"></script>
|
<script src="/hxzkoa/hxzk/assets/js/dashboard/dash_2.js"></script>
|
<script src="/hxzkoa/hxzk/assets/js/loader.js"></script>
|
<script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script>
|
<script src="/hxzkoa/hxzk/bootstrap/js/bootstrap.min.js"></script>
|
<script src="/hxzkoa/hxzk/bootstrap/js/popper.min.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/apex/apexcharts.min.js"></script>
|
<script
|
src="/hxzkoa/hxzk/plugins/table/datatable/button-ext/jszip.min.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/table/jquery.table2excel.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/sweetalerts/promise-polyfill.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/sweetalerts/custom-sweetalert.js"></script>
|
<script
|
src="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
|
</head>
|
<body class="alt-menu sidebar-noneoverflow">
|
|
<!-- BEGIN LOADER -->
|
<div id="load_screen">
|
<div class="loader">
|
<div class="loader-content">
|
<div class="spinner-grow align-self-center"></div>
|
</div>
|
</div>
|
</div>
|
<!-- END LOADER -->
|
<div class="border-left"
|
style="opacity: 0.4; float: left; position: absolute; z-index: 1; left: 120px; height: 20px;">
|
<img alt="" src="/hxzkoa/resources/images/border.png" class="img-left">
|
</div>
|
<div class="border-right"
|
style="opacity: 0.4; float: right; position: absolute; z-index: 2; right: 120px;">
|
<img alt="" src="/hxzkoa/resources/images/border2.png"
|
class="img-right">
|
</div>
|
<!-- BEGIN NAVBAR -->
|
<div class="login-page"></div>
|
<!-- END NAVBAR -->
|
|
<!-- BEGIN MAIN CONTAINER -->
|
<div class="main-container" id="container">
|
|
<div class="overlay"></div>
|
<div class="search-overlay"></div>
|
|
<!-- BEGIN TOPBAR -->
|
<div class="header-page"></div>
|
<!-- END TOPBAR -->
|
|
<!-- BEGIN CONTENT PART -->
|
<div id="content" class="main-content">
|
<div class="layout-px-spacing">
|
|
<div class="row layout-top-spacing" id="cancel-row">
|
|
<div class="col-xl-12 col-lg-12 col-sm-12 layout-spacing">
|
<div class="widget-content widget-content-area br-6">
|
<div class="table-responsive mb-4 mt-4">
|
|
<table id="html5-extension" class="table table-hover"
|
style="width: 100%;">
|
<div>
|
<div style="float: left; margin-top: 8px;"
|
class="custom-control custom-checkbox">
|
<input type="checkbox" class="custom-control-input"
|
id="customCheck1"> <label
|
class="custom-control-label" for="customCheck1">极速回放</label>
|
</div>
|
<div style="float: left; margin-left: 5px;">
|
<button type="button" class="btn btn-secondary reset">刷新</button>
|
<button type="button" class="btn btn-secondary deleteAll"
|
id="deleteAllButton">全部删除</button>
|
<button type="button" class="btn btn-secondary load">加载报文</button>
|
<button type="button" class="btn btn-secondary replay">报文回放</button>
|
</div>
|
|
<div style="float: left; margin-left: 5px;">
|
<label for="exampleFormControlInput1"
|
style="float: left; line-height: 37px;">开始序号：</label>
|
<div style="width: 200px; float: left;">
|
<input class="form-control" type="text" name="" id="startId" />
|
</div>
|
</div>
|
|
<div style="float: left; margin-left: 5px;">
|
<label for="exampleFormControlInput1"
|
style="float: left; line-height: 37px;">结束序号：</label>
|
<div style="width: 200px; float: left;">
|
<input class="form-control" type="text" name="" id="endId" />
|
</div>
|
</div>
|
</div>
|
<thead id="thead1">
|
<tr align="center">
|
<th>序号</th>
|
<th>ip</th>
|
<th>内容</th>
|
<th>时间</th>
|
</tr>
|
</thead>
|
<tbody id="tbody1">
|
<c:forEach items="${replayList}" var="list">
|
<tr align="center" class="d">
|
<td>${list.id}</td>
|
<td>${list.ip}</td>
|
<td style="word-break: break-all">${list.str}</td>
|
<td>${list.addtime}</td>
|
</tr>
|
</c:forEach>
|
</tbody>
|
<div style="margin-top: 20px;">
|
<textarea class="form-control"
|
style="height: 500px; width: 100%; display: none;"
|
readonly="readonly" id='msg'></textarea>
|
</div>
|
|
</table>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
|
</div>
|
<!-- END CONTENT PART -->
|
|
</div>
|
<!-- END MAIN CONTAINER -->
|
<%
|
String superuser = (String) session.getAttribute("superuser");
|
String deleteq = (String) session.getAttribute("deleteq");
|
String alertq = (String) session.getAttribute("alertq");
|
String deleteall = (String) session.getAttribute("deleteall");
|
String username = (String) session.getAttribute("username");
|
if (username == null || username.equals("")) {
|
request.getRequestDispatcher("/hxzk/login.jsp").forward(request, response);
|
return;
|
}
|
%>
|
<input type="hidden" name="superuser" id="superuser"
|
value="<%=superuser%>"> <input type="hidden" name="deleteq"
|
id="deleteq" value="<%=deleteq%>"> <input type="hidden"
|
name="alertq" id="alertq" value="<%=alertq%>"> <input
|
type="hidden" name="deleteall" id="deleteall" value="<%=deleteall%>">
|
<!-- BEGIN GLOBAL MANDATORY SCRIPTS -->
|
<script>
|
$(document).ready(function() {
|
App.init();
|
$.ajax({
|
async : false,
|
type : "POST",
|
url : "/hxzkoa/getSysSetting_list.do",
|
data : {},
|
dataType : "json",
|
success : function(data) {
|
title = data[0].title;
|
document.title = title;
|
},
|
});
|
var superuser = document.getElementById("superuser").value;
|
var deleteq = document.getElementById("deleteq").value;
|
var alertq = document.getElementById("alertq").value;
|
var deleteall = document.getElementById("deleteall").value;
|
//console.log(superuser)
|
if (superuser == "访客") {
|
$("#addButton").attr("disabled", "true");
|
$("#deleteButton").attr("disabled", "true");
|
$("#modifyButton").attr("disabled", "true");
|
$("#deleteAllButton").attr("disabled", "true");
|
$("#modifyAllButton").attr("disabled", "true");
|
$("#importButton").attr("disabled", "true");
|
}
|
if (deleteq == "否") {
|
$("#deleteButton").attr("disabled", "true");
|
}
|
if (alertq == "否") {
|
$("#modifyButton").attr("disabled", "true");
|
$("#modifyAllButton").attr("disabled", "true");
|
}
|
if (deleteall == "否") {
|
$("#deleteAllButton").attr("disabled", "true");
|
}
|
});
|
$('.header-page').load('/hxzkoa/hxzk/top.html');
|
$('.login-page').load('/hxzkoa/hxzk/head.html');
|
$(".reset").click(function() {
|
setTimeout("window.location.reload()", 1000);
|
});
|
$(".load").click(function() {
|
setTimeout("window.location.reload()", 1000);
|
var table = document.getElementById("html5-extension");
|
var rows = table.rows.length;
|
alert('加载了' + rows + "条");
|
});
|
$(".replay")
|
.click(
|
function() {
|
var table = document
|
.getElementById("html5-extension");
|
var startId = document
|
.getElementById("startId").value;
|
var endId = document.getElementById("endId").value;
|
//console.log(startId,endId)
|
var textarea = document.getElementById('msg');
|
textarea.style.display = "inline";
|
document.getElementById('thead1').style.display = "none"
|
document.getElementById('tbody1').style.display = "none"
|
if (startId && endId) {
|
for (var i = parseInt(startId); i < parseInt(endId); i++) {
|
(function(i) {
|
var interval = 0;
|
if (i > 1) {
|
if (document
|
.getElementById('customCheck1').checked) {
|
var interval = parseInt(new Date(
|
table.rows[i].cells[3].innerHTML)
|
.getTime()
|
- new Date(
|
table.rows[i].cells[3].innerHTML)
|
.getTime()) / 10
|
} else {
|
var interval = parseInt(new Date(
|
table.rows[i].cells[3].innerHTML)
|
.getTime()
|
- new Date(
|
table.rows[i].cells[3].innerHTML)
|
.getTime())
|
}
|
}
|
setTimeout(
|
function() {
|
var rows = " 序号："
|
+ table.rows[i].cells[0].innerHTML
|
+ " ip："
|
+ table.rows[i].cells[1].innerHTML
|
+ " 报文："
|
+ table.rows[i].cells[2].innerHTML
|
+ "\n";
|
|
textarea.value += rows
|
textarea.scrollTop = textarea.scrollHeight;
|
}, (i + 1) * interval);
|
})(i)
|
}
|
} else {
|
for (var i = 0; i < parseInt(table.rows.length); i++) {
|
(function(i) {
|
var interval = 0;
|
if (i > 1) {
|
if (document
|
.getElementById('customCheck1').checked) {
|
var interval = parseInt(new Date(
|
table.rows[i].cells[3].innerHTML)
|
.getTime()
|
- new Date(
|
table.rows[i].cells[3].innerHTML)
|
.getTime()) / 10
|
} else {
|
var interval = parseInt(new Date(
|
table.rows[i].cells[3].innerHTML)
|
.getTime()
|
- new Date(
|
table.rows[i].cells[3].innerHTML)
|
.getTime())
|
}
|
}
|
setTimeout(
|
function() {
|
var rows = " 序号："
|
+ table.rows[i].cells[0].innerHTML
|
+ " ip："
|
+ table.rows[i].cells[1].innerHTML
|
+ " 报文："
|
+ table.rows[i].cells[2].innerHTML
|
+ "\n";
|
textarea.value += rows
|
textarea.scrollTop = textarea.scrollHeight;
|
}, (i + 1) * interval);
|
})(i)
|
}
|
}
|
|
});
|
</script>
|
<!-- END GLOBAL MANDATORY SCRIPTS -->
|
</body>
|
</html>
|
