<%@ 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 rel="icon" type="image/x-icon" href="/hxzkoa/hxzk/assets/img/favicon.ico" />
|
<link href="/hxzkoa/hxzk/assets/css/loader.css" rel="stylesheet" type="text/css" />
|
<script src="/hxzkoa/hxzk/assets/js/loader.js"></script>
|
|
<!-- BEGIN GLOBAL MANDATORY STYLES -->
|
<link href="https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700&display=swap"
|
rel="stylesheet">
|
<link href="/hxzkoa/hxzk/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/main.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.css" rel="stylesheet"
|
type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/structure.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" />
|
<!-- END GLOBAL MANDATORY STYLES -->
|
|
<!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM STYLES -->
|
<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/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/components/custom-modal.css" rel="stylesheet" type="text/css" />
|
<!-- END PAGE LEVEL PLUGINS/CUSTOM STYLES -->
|
<link rel="preconnect" href="https://fonts.gstatic.com">
|
<link href="https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap" rel="stylesheet">
|
<link rel="stylesheet" type="text/css" href="/hxzkoa/hxzk/plugins/table/datatable/datatables.css">
|
<link rel="stylesheet" type="text/css" href="/hxzkoa/hxzk/plugins/table/datatable/custom_dt_html5.css">
|
<link rel="stylesheet" type="text/css" href="/hxzkoa/hxzk/plugins/table/datatable/dt-global_style.css">
|
<style>
|
.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>
|
</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 mt-4" style="width:100%">
|
<div>
|
<select style="float:left;width:10%;margin-left:10%;"
|
class="form-control form-control-lg" id="baowenList">
|
<option value="01">报文数据</option>
|
<option value="02">原始数据</option>
|
<option value="03">UDP转发</option>
|
<option value="04">TCP转发</option>
|
<option value="05">注册报文</option>
|
<option value="06">调试数据</option>
|
<option value="07">HEX显示</option>
|
<option value="08">数据库数</option>
|
<option value="09">气体报文</option>
|
</select>
|
<select style="float:left;width:10%;margin-left:1%;margin-right:1%;"
|
class="form-control form-control-lg" id="tagid">
|
<option value="0000">所有标签</option>
|
<c:forEach items="${labelList}" var="label">
|
<option value="${label.tag_id}">${label.tag_id} </option>
|
</c:forEach>
|
</select>
|
<button type="button" class="btn btn-secondary start">开始</button>
|
<button type="button" class="btn btn-secondary refresh">刷新</button>
|
<button type="button" class="btn btn-secondary refreshss">持续更新</button>
|
<button type="button" class="btn btn-secondary refreshstop">更新暂停</button>
|
<button type="button" class="btn btn-secondary stop">暂停</button>
|
<button type="button" class="btn btn-secondary clean">清空</button>
|
</div>
|
<thead>
|
<tr align="center">
|
<th>ID</th>
|
<th>接收时间</th>
|
<th>报文类型</th>
|
<th>标签ID</th>
|
<th>报文内容</th>
|
</tr>
|
</thead>
|
<tbody id="nr">
|
<!-- <c:forEach items="${baowen}" var="list">
|
<tr align="center" class="d">
|
<td>${list.id}</td>
|
<td>${list.Receive_time}</td>
|
<td>${list.type}</td>
|
<td>${list.tagid}</td>
|
<td>${list.neirong}</td>
|
</tr>
|
</c:forEach> -->
|
<tr align="center" class="d">
|
<td>${list.id}</td>
|
<td>${list.Receive_time}</td>
|
<td>${list.type}</td>
|
<td>${list.tagid}</td>
|
<td>${list.neirong}</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
|
</div>
|
<!-- END CONTENT PART -->
|
|
</div>
|
<!-- END MAIN CONTAINER -->
|
|
<!-- BEGIN GLOBAL MANDATORY SCRIPTS -->
|
<script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script>
|
<script src="/hxzkoa/hxzk/bootstrap/js/popper.min.js"></script>
|
<script src="/hxzkoa/hxzk/bootstrap/js/bootstrap.min.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
|
<script src="/hxzkoa/hxzk/assets/js/app.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/table/datatable/button-ext/dataTables.buttons.min.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/table/datatable/button-ext/jszip.min.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/table/datatable/button-ext/buttons.html5.min.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/table/datatable/button-ext/buttons.print.min.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/plugins/apex/apexcharts.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>
|
$(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; }, });
|
});
|
$('.header-page').load('/hxzkoa/hxzk/top.html');
|
$('.login-page').load('/hxzkoa/hxzk/head.html');
|
var messageTimeout;
|
var count = 0;
|
var timeshow;
|
function showMessage() {
|
var start = $('.start').css('display');
|
//console.log(start)
|
messageTimeout = setTimeout(showMessage, 500);
|
};
|
$(".start").click(function () {
|
var baowenleixing = document.getElementById('baowenList').value;
|
var tagid = document.getElementById('tagid').value;
|
$.ajax({
|
url: "/hxzkoa/to_cs_start_.do",
|
type: "post",
|
data: {
|
leixing: baowenleixing,
|
tagid: tagid
|
},
|
});
|
})
|
$(".refresh").click(function () {
|
$.ajax({
|
url: "/hxzkoa/baowenrefresh.do",
|
type: "post",
|
success(data) {
|
var html = ''
|
JSON.parse(data).forEach(item => {
|
html += '<tr align="center" class="d"><td>' + item.id + '</td><td>' + item.receive_time + '</td><td>' + item.type + '</td><td>' + item.tagid + '</td><td>' + item.neirong + '</td></tr>'
|
});
|
$("#nr").html(html)
|
}
|
});
|
})
|
$(".refreshss").click(function () {
|
refreshs();
|
timeshow = setInterval(refreshs, 1000);
|
|
function refreshs(){
|
console.log('1111')
|
$.ajax({
|
url: "/hxzkoa/baowenrefresh.do",
|
type: "post",
|
success(data) {
|
var html = ''
|
JSON.parse(data).forEach(item => {
|
html += '<tr align="center" class="d"><td>' + item.id + '</td><td>' + item.receive_time + '</td><td>' + item.type + '</td><td>' + item.tagid + '</td><td>' + item.neirong + '</td></tr>'
|
});
|
$("#nr").html(html)
|
}
|
});
|
}
|
})
|
$(".refreshstop").click(function (){
|
console.log('guijmikjk');
|
clearInterval(timeshow);
|
console.log('jiehsu');
|
})
|
$(".stop").click(function () {
|
$.ajax({
|
url: "/hxzkoa/to_cs_stop.do",
|
type: "post",
|
});
|
})
|
$(".clean").click(function () {
|
$.ajax({
|
url: "/hxzkoa/to_cs_clean.do",
|
type: "post",
|
});
|
})
|
window.onbeforeunload = function () {
|
$.ajax({
|
url: "/hxzkoa/to_cs_close.do",
|
type: "post",
|
});
|
};
|
|
</script>
|
<script src="/hxzkoa/hxzk/assets/js/custom.js"></script>
|
<!-- END GLOBAL MANDATORY SCRIPTS -->
|
|
<!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM SCRIPTS -->
|
<script src="/hxzkoa/hxzk/plugins/apex/apexcharts.min.js"></script>
|
<script src="/hxzkoa/hxzk/assets/js/dashboard/dash_2.js"></script>
|
<!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM SCRIPTS -->
|
|
</body>
|
|
</html>
|
