yzt
2023-05-08 24e1c6a1c3d5331b5a4f1111dcbae3ef148eda1a
src/main/webapp/hxzk/location/realTimeLocation.jsp
@@ -3,158 +3,158 @@
<%@ 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;
}
   <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;
}
      #head {
         background-color: #FFFF00;
         width: 100%;
         height: 100px;
      }
#center {
   background-color: #00FFFF;
   width: 100%;
   min-height: 100%;
}
      #center {
         background-color: #00FFFF;
         width: 100%;
         min-height: 100%;
      }
#foot {
   background-color: #FF00FF;
   width: 100%;
   height: 100px;
}
      #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);
}
      .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>
      .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>
<!-- BEGIN LOADER -->
<div id="load_screen">
   <div class="loader">
      <div class="loader-content">
         <div class="spinner-grow align-self-center"></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 class="search-input-group-style input-group mb-3"
                                 style="width: 15%; float: left; margin-left: 15px; margin-right: 15px;">
                                 <div class="input-group-prepend">
</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 class="search-input-group-style input-group mb-3"
                               style="width: 15%; float: left; margin-left: 15px; margin-right: 15px;">
                              <div class="input-group-prepend">
                                    <span class="input-group-text search" id="basic-addon1"><svg
                                          xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                          viewBox="0 0 24 24" fill="none" stroke="currentColor"
@@ -162,231 +162,231 @@
                                          stroke-linejoin="round" class="feather feather-search">
                                          <circle cx="11" cy="11" r="8"></circle>
                                          <line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg></span>
                                 </div>
                                 <input type="text" id="search_input" class="form-control"
                                    placeholder="请输入标签ID" aria-label="Username"
                                    aria-describedby="basic-addon1">
                              </div>
                              <button type="button" class="btn btn-secondary reset">刷新</button>
                              <input type="text" id="search_input" class="form-control"
                                    placeholder="请输入标签ID" aria-label="Username"
                                    aria-describedby="basic-addon1">
                           </div>
                           <thead>
                              <tr align="center">
                                 <th>状态</th>
                                 <th>标签ID</th>
                                 <th>X坐标</th>
                                 <th>Y坐标</th>
                                 <th>层</th>
                                 <th>时间</th>
                              </tr>
                           </thead>
                           <tbody id="nr">
                              <c:forEach items="${realTimeLocationList}" var="list">
                                 <tr align="center">
                                    <td class="noExl"><c:choose>
                                          <c:when test="${list.p_online == '0'}">离线</c:when>
                                          <c:otherwise>在线</c:otherwise>
                                       </c:choose></td>
                                    <td>${list.p_tagid}</td>
                                    <td>${list.p_x}</td>
                                    <td>${list.p_y}</td>
                                    <td>${list.p_floor}</td>
                                    <td>${list.p_addtiem}</td>
                                 </tr>
                              </c:forEach>
                           </tbody>
                        </table>
                     </div>
                     <div class="paginating-container pagination-solid">
                        <input type="hidden" id="curPage" value="${curPage}"></input>
                        <ul class="pagination" id="pageListId">
                           <li><a href="javascript:page('pre');">上一页</a></li>
                           <c:forEach items="${pageList}" var="list">
                              <li id="page_${list}"><a
                           <button type="button" class="btn btn-secondary reset">刷新</button>
                        </div>
                        <thead>
                        <tr align="center">
                           <th>状态</th>
                           <th>标签ID</th>
                           <th>X坐标</th>
                           <th>Y坐标</th>
                           <th>层</th>
                           <th>时间</th>
                        </tr>
                        </thead>
                        <tbody id="nr">
                        <c:forEach items="${realTimeLocationList}" var="list">
                           <tr align="center">
                              <td class="noExl"><c:choose>
                                 <c:when test="${list.p_online == '0'}">离线</c:when>
                                 <c:otherwise>在线</c:otherwise>
                              </c:choose></td>
                              <td>${list.p_tagid}</td>
                              <td>${list.p_x}</td>
                              <td>${list.p_y}</td>
                              <td>${list.p_floor}</td>
                              <td>${list.p_addtiem}</td>
                           </tr>
                        </c:forEach>
                        </tbody>
                     </table>
                  </div>
                  <div class="paginating-container pagination-solid">
                     <input type="hidden" id="curPage" value="${curPage}"></input>
                     <ul class="pagination" id="pageListId">
                        <li><a href="javascript:page('pre');">上一页</a></li>
                        <c:forEach items="${pageList}" var="list">
                           <li id="page_${list}"><a
                                 href="javascript:page('${list}');">${list}</a></li>
                           </c:forEach>
                           <li><a href="javascript:page('next');">下一页</a></li>
                        </ul>
                     </div>
                        </c:forEach>
                        <li><a href="javascript:page('next');">下一页</a></li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!--  END CONTENT PART  -->
   </div>
   <%
   <!--  END CONTENT PART  -->
</div>
<%
   String username = (String) session.getAttribute("username");
   if (username == null || username.equals("")) {
      request.getRequestDispatcher("/hxzk/login.jsp").forward(request, response);
      return;
   }
   %>
   <!-- END MAIN CONTAINER -->
   <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;
            },
         });
         $("#page_1").addClass("active");
%>
<!-- END MAIN CONTAINER -->
<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;
         },
      });
      // 加载head复用页面
      $('.header-page').load('/hxzkoa/hxzk/top.html');
      $('.login-page').load('/hxzkoa/hxzk/head.html');
      // 刷新功能
      $(".reset").click(function() {
         setTimeout("window.location.reload()", 1000);
      });
      // 搜索功能
      $(".search")
            .click(
                  function() {
                     var input = $("#search_input").val();
                     if (input == "") {
                        swal('输入有误', '输入不能为空!', 'error');
                        return;
                     }
                     if (isNaN(input)) {
                        //swal('输入有误','请输入数字!','error');return;
                     }
                     $
                           .ajax({
                              async : false, //同步的
                              type : "POST",
                              url : "/hxzkoa/realTimeLocation_search.do",
                              data : {
                                 input : input
                              },
                              dataType : "json",
                              success : function(data) {
                                 //搜索完成后刷新页面,只显示查到的部分
                                 var str = "";
                                 for ( var k in data.dataList) {
                                    if (data.dataList[k].p_online == '0') {
                                       str += "<tr align=\"center\"><td>离线</td><td>"
                                             + data.dataList[k].p_tagid
                                             + "</td><td>"
                                             + data.dataList[k].p_x
                                             + "</td><td>"
                                             + data.dataList[k].p_y
                                             + "</td><td>"
                                             + data.dataList[k].p_floor
                                             + "</td><td>"
                                             + data.dataList[k].p_addtiem
                                             + "</td></tr>";
                                    } else {
                                       str += "<tr align=\"center\"><td>在线</td><td>"
                                             + data.dataList[k].p_tagid
                                             + "</td><td>"
                                             + data.dataList[k].p_x
                                             + "</td><td>"
                                             + data.dataList[k].p_y
                                             + "</td><td>"
                                             + data.dataList[k].p_floor
                                             + "</td><td>"
                                             + data.dataList[k].p_addtiem
                                             + "</td></tr>";
                                    }
                                 }
                                 //console.log(data)
                                 $("#nr").html(str);
                                 if (!data.pageList.length == 0) {
                                    str = "";
                                    str += "<li><a href=\"javascript:page('pre');\">上一页</a></li>";
                                    for (var k = 0; k < data.pageList.length; k++) {
                                       str += "<li id=\"page_" + data.pageList[k] + "\"><a href=\"javascript:page('"
                                             + data.pageList[k]
                                             + "');\">"
                                             + data.pageList[k]
                                             + "</a></li>";
                                    }
                                    str += "<li><a href=\"javascript:page('next');\">下一页</a></li>";
                                    $("#pageListId").html(str);
                                 }
                                 $("#pageListId>li.active")
                                       .removeClass("active");
                                 $("#page_" + data.curPage)
                                       .addClass("active");
                                 $("#curPage").val(data.curPage);
                              },
                              error : function() {
                                 //console.log('error');
                              }
                           });
                  });
      // 分页跳转
      function page(page) {
         var curPage = $("#curPage").val();
         $
               .ajax({
                  async : false, //同步的
                  type : "POST",
                  url : "/hxzkoa/realTimeLocation_page.do",
                  data : {
                     page : page,
                     curPage : curPage
                  },
                  dataType : "json",
                  success : function(data) {
                     var str = "";
                     for ( var k in data.dataList) {
                        if (data.dataList[k].p_online == '0') {
                           str += "<tr align=\"center\"><td>离线</td><td>"
                                 + data.dataList[k].p_tagid
                                 + "</td><td>"
                                 + data.dataList[k].p_x
                                 + "</td><td>"
                                 + data.dataList[k].p_y
                                 + "</td><td>"
                                 + data.dataList[k].p_floor
                                 + "</td><td>"
                                 + data.dataList[k].p_addtiem
                                 + "</td></tr>";
                        } else {
                           str += "<tr align=\"center\"><td>在线</td><td>"
                                 + data.dataList[k].p_tagid
                                 + "</td><td>"
                                 + data.dataList[k].p_x
                                 + "</td><td>"
                                 + data.dataList[k].p_y
                                 + "</td><td>"
                                 + data.dataList[k].p_floor
                                 + "</td><td>"
                                 + data.dataList[k].p_addtiem
                                 + "</td></tr>";
                        }
                     }
                     $("#nr").html(str);
                     if (!data.pageList.length == 0) {
                        str = "";
                        str += "<li><a href=\"javascript:page('pre');\">上一页</a></li>";
                        for (var k = 0; k < data.pageList.length; k++) {
                           str += "<li id=\"page_"+data.pageList[k]+"\"><a href=\"javascript:page('"
                                 + data.pageList[k]
                                 + "');\">"
                                 + data.pageList[k] + "</a></li>";
                        }
                        str += "<li><a href=\"javascript:page('next');\">下一页</a></li>";
                        $("#pageListId").html(str);
                     }
                     $("#pageListId>li.active").removeClass("active");
                     $("#page_" + data.curPage).addClass("active");
                     $("#curPage").val(data.curPage);
                  },
                  error : function() {
                     //console.log('error');
      $("#page_1").addClass("active");
   });
   // 加载head复用页面
   $('.header-page').load('/hxzkoa/hxzk/top.html');
   $('.login-page').load('/hxzkoa/hxzk/head.html');
   // 刷新功能
   $(".reset").click(function() {
      setTimeout("window.location.reload()", 1000);
   });
   // 搜索功能
   $(".search")
         .click(
               function() {
                  var input = $("#search_input").val();
                  if (input == "") {
                     swal('输入有误', '输入不能为空!', 'error');
                     return;
                  }
                  if (isNaN(input)) {
                     //swal('输入有误','请输入数字!','error');return;
                  }
                  $
                        .ajax({
                           async : false, //同步的
                           type : "POST",
                           url : "/hxzkoa/realTimeLocation_search.do",
                           data : {
                              input : input
                           },
                           dataType : "json",
                           success : function(data) {
                              //搜索完成后刷新页面,只显示查到的部分
                              var str = "";
                              for ( var k in data.dataList) {
                                 if (data.dataList[k].p_online == '0') {
                                    str += "<tr align=\"center\"><td>离线</td><td>"
                                          + data.dataList[k].p_tagid
                                          + "</td><td>"
                                          + data.dataList[k].p_x
                                          + "</td><td>"
                                          + data.dataList[k].p_y
                                          + "</td><td>"
                                          + data.dataList[k].p_floor
                                          + "</td><td>"
                                          + data.dataList[k].p_addtiem
                                          + "</td></tr>";
                                 } else {
                                    str += "<tr align=\"center\"><td>在线</td><td>"
                                          + data.dataList[k].p_tagid
                                          + "</td><td>"
                                          + data.dataList[k].p_x
                                          + "</td><td>"
                                          + data.dataList[k].p_y
                                          + "</td><td>"
                                          + data.dataList[k].p_floor
                                          + "</td><td>"
                                          + data.dataList[k].p_addtiem
                                          + "</td></tr>";
                                 }
                              }
                              //console.log(data)
                              $("#nr").html(str);
                              if (!data.pageList.length == 0) {
                                 str = "";
                                 str += "<li><a href=\"javascript:page('pre');\">上一页</a></li>";
                                 for (var k = 0; k < data.pageList.length; k++) {
                                    str += "<li id=\"page_" + data.pageList[k] + "\"><a href=\"javascript:page('"
                                          + data.pageList[k]
                                          + "');\">"
                                          + data.pageList[k]
                                          + "</a></li>";
                                 }
                                 str += "<li><a href=\"javascript:page('next');\">下一页</a></li>";
                                 $("#pageListId").html(str);
                              }
                              $("#pageListId>li.active")
                                    .removeClass("active");
                              $("#page_" + data.curPage)
                                    .addClass("active");
                              $("#curPage").val(data.curPage);
                           },
                           error : function() {
                              //console.log('error');
                           }
                        });
               });
      }
   </script>
   // 分页跳转
   function page(page) {
      var curPage = $("#curPage").val();
      $
            .ajax({
               async : false, //同步的
               type : "POST",
               url : "/hxzkoa/realTimeLocation_page.do",
               data : {
                  page : page,
                  curPage : curPage
               },
               dataType : "json",
               success : function(data) {
                  var str = "";
                  for ( var k in data.dataList) {
                     if (data.dataList[k].p_online == '0') {
                        str += "<tr align=\"center\"><td>离线</td><td>"
                              + data.dataList[k].p_tagid
                              + "</td><td>"
                              + data.dataList[k].p_x
                              + "</td><td>"
                              + data.dataList[k].p_y
                              + "</td><td>"
                              + data.dataList[k].p_floor
                              + "</td><td>"
                              + data.dataList[k].p_addtiem
                              + "</td></tr>";
                     } else {
                        str += "<tr align=\"center\"><td>在线</td><td>"
                              + data.dataList[k].p_tagid
                              + "</td><td>"
                              + data.dataList[k].p_x
                              + "</td><td>"
                              + data.dataList[k].p_y
                              + "</td><td>"
                              + data.dataList[k].p_floor
                              + "</td><td>"
                              + data.dataList[k].p_addtiem
                              + "</td></tr>";
                     }
                  }
                  $("#nr").html(str);
                  if (!data.pageList.length == 0) {
                     str = "";
                     str += "<li><a href=\"javascript:page('pre');\">上一页</a></li>";
                     for (var k = 0; k < data.pageList.length; k++) {
                        str += "<li id=\"page_"+data.pageList[k]+"\"><a href=\"javascript:page('"
                              + data.pageList[k]
                              + "');\">"
                              + data.pageList[k] + "</a></li>";
                     }
                     str += "<li><a href=\"javascript:page('next');\">下一页</a></li>";
                     $("#pageListId").html(str);
                  }
                  $("#pageListId>li.active").removeClass("active");
                  $("#page_" + data.curPage).addClass("active");
                  $("#curPage").val(data.curPage);
               },
               error : function() {
                  //console.log('error');
               }
            });
   }
</script>
</body>
</html>