3.7
fxl
2023-03-07 52cffc4ab8e9787a6f233295502c7c9788dddae1
src/main/webapp/hxzk/fence/jiankongManagement.jsp
@@ -1,355 +1,125 @@
<%@ 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">
<%@ 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>
            <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>
</head>
               .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 MODAL  -->
   <div class="modal fade addNew" tabindex="-1" role="dialog"
      aria-labelledby="myExtraLargeModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-xl" role="document" style="width: 30%;">
         <div class="modal-content">
            <div class="modal-header">
               <h5 class="modal-title" id="myExtraLargeModalLabel">新增</h5>
               <button type="button" class="close" data-dismiss="modal"
                  aria-label="Close">
                  <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                     width="24" height="24" viewBox="0 0 24 24" fill="none"
                     stroke="currentColor" stroke-width="2" stroke-linecap="round"
                     stroke-linejoin="round" class="feather feather-x">
                              <line x1="18" y1="6" x2="6" y2="18"></line>
                              <line x1="6" y1="6" x2="18" y2="18"></line>
                           </svg>
               </button>
         <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>
            <div class="modal-body">
               <form action="form_action.asp" method="get">
                  <div class="form-group row  mb-4">
                     <label for="colFormLabelSm"
                        class="col-sm-2 col-form-label col-form-label-sm"
                        style="font-size: 12px;">区域绑定:</label>
                     <div class="col-sm-10">
                        <input class="form-control" type="hidden" id="fencename" /> <select
                           class="form-control form-control-lg" id="bumen_m"
                           style="font-size: 15px;">
                           <c:forEach items="${fences}" var="list">
                              <option value="${list.name}">${list.name}</option>
                           </c:forEach>
                        </select>
                     </div>
                  </div>
                  <div class="form-group row  mb-4">
                     <label for="colFormLabelSm"
                        class="col-sm-2 col-form-label col-form-label-sm"
                        style="font-size: 12px;">设备ID:</label>
                     <div class="col-sm-10">
                        <input class="form-control" type="text" id="shebeiid" />
                     </div>
                  </div>
                  <div class="form-group row  mb-4">
                     <label for="colFormLabelSm"
                        class="col-sm-2 col-form-label col-form-label-sm"
                        style="font-size: 12px;">通道ID:</label>
                     <div class="col-sm-10">
                        <input class="form-control" type="text" id="tongdaoid" />
                     </div>
                  </div>
                  <div class="form-group row  mb-4">
                     <label for="colFormLabelSm"
                        class="col-sm-2 col-form-label col-form-label-sm"
                        style="font-size: 12px;">X坐标:</label>
                     <div class="col-sm-10">
                        <input class="form-control" type="text" id="posx" />
                     </div>
                  </div>
                  <div class="form-group row  mb-4">
                     <label for="colFormLabelSm"
                        class="col-sm-2 col-form-label col-form-label-sm"
                        style="font-size: 12px;">Y坐标:</label>
                     <div class="col-sm-10">
                        <input class="form-control" type="text" id="posy" />
                     </div>
                  </div>
                  <div class="form-group row  mb-4">
                     <label for="colFormLabelSm"
                        class="col-sm-2 col-form-label col-form-label-sm"
                        style="font-size: 12px;">Z坐标:</label>
                     <div class="col-sm-10">
                        <input class="form-control" type="text" id="posz" />
                     </div>
                  </div>
                  <div class="form-group row  mb-4">
                     <label for="colFormLabelSm"
                        class="col-sm-2 col-form-label col-form-label-sm"
                        style="font-size: 12px;">所在楼层:</label>
                     <div class="col-sm-10">
                        <input class="form-control" type="text" id="floor" />
                     </div>
                  </div>
                  <div class="form-group row  mb-4">
                     <label for="colFormLabelSm"
                        class="col-sm-2 col-form-label col-form-label-sm"
                        style="font-size: 12px;">视频名称:</label>
                     <div class="col-sm-10">
                        <input class="form-control" type="text" id="name" />
                     </div>
                  </div>
                  <div class="modal-footer"
                     style="margin-top: 10%; margin-left: 10%; float: left;">
                     <button type="button" class="btn btn-primary add">保存</button>
                     <a> <c:forEach var="i" begin="1" end="28">&nbsp</c:forEach>
                     </a>
                     <button class="btn" data-dismiss="modal">
                        <i class="flaticon-cancel-12"></i>取消
                     </button>
                  </div>
               </form>
            <!--  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>
      </div>
   </div>
   <div class="modal fade modifyNew" tabindex="-1" role="dialog"
      aria-labelledby="myExtraLargeModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-xl" role="document" style="width: 30%;">
         <div class="modal-content">
            <div class="modal-header">
               <h5 class="modal-title" id="myExtraLargeModalLabel">修改</h5>
               <button type="button" class="close" data-dismiss="modal"
                  aria-label="Close">
                  <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                     width="24" height="24" viewBox="0 0 24 24" fill="none"
                     stroke="currentColor" stroke-width="2" stroke-linecap="round"
                     stroke-linejoin="round" class="feather feather-x">
                              <line x1="18" y1="6" x2="6" y2="18"></line>
                              <line x1="6" y1="6" x2="18" y2="18"></line>
                           </svg>
               </button>
            <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>
            <div class="modal-body">
               <form action="form_action.asp" method="get">
                  <div class="form-group row  mb-4">
                     <label for="colFormLabelSm"
                        class="col-sm-2 col-form-label col-form-label-sm"
                        style="font-size: 12px;">区域绑定:</label>
                     <div class="col-sm-10">
                        <input class="form-control" type="hidden" id="fencenameg" /> <select
                           class="form-control form-control-lg" id="bumen_mg"
                           style="font-size: 15px;">
                           <c:forEach items="${fences}" var="list">
                              <option value="${list.name}">${list.name}</option>
                           </c:forEach>
                        </select>
                     </div>
                  </div>
                  <div class="form-group row  mb-4">
                     <label for="colFormLabelSm"
                        class="col-sm-2 col-form-label col-form-label-sm"
                        style="font-size: 12px;">设备ID:</label>
                     <div class="col-sm-10">
                        <input class="form-control" type="text" id="shebeiidg" />
                     </div>
                  </div>
                  <div class="form-group row  mb-4">
                     <label for="colFormLabelSm"
                        class="col-sm-2 col-form-label col-form-label-sm"
                        style="font-size: 12px;">通道ID:</label>
                     <div class="col-sm-10">
                        <input class="form-control" type="text" id="tongdaoidg" />
                     </div>
                  </div>
                  <div class="form-group row  mb-4">
                     <label for="colFormLabelSm"
                        class="col-sm-2 col-form-label col-form-label-sm"
                        style="font-size: 12px;">X坐标:</label>
                     <div class="col-sm-10">
                        <input class="form-control" type="text" id="posxg" />
                     </div>
                  </div>
                  <div class="form-group row  mb-4">
                     <label for="colFormLabelSm"
                        class="col-sm-2 col-form-label col-form-label-sm"
                        style="font-size: 12px;">Y坐标:</label>
                     <div class="col-sm-10">
                        <input class="form-control" type="text" id="posyg" />
                     </div>
                  </div>
                  <div class="form-group row  mb-4">
                     <label for="colFormLabelSm"
                        class="col-sm-2 col-form-label col-form-label-sm"
                        style="font-size: 12px;">Z坐标:</label>
                     <div class="col-sm-10">
                        <input class="form-control" type="text" id="poszg" />
                     </div>
                  </div>
                  <div class="form-group row  mb-4">
                     <label for="colFormLabelSm"
                        class="col-sm-2 col-form-label col-form-label-sm"
                        style="font-size: 12px;">所在楼层:</label>
                     <div class="col-sm-10">
                        <input class="form-control" type="text" id="floorg" />
                     </div>
                  </div>
                  <div class="form-group row  mb-4">
                     <label for="colFormLabelSm"
                        class="col-sm-2 col-form-label col-form-label-sm"
                        style="font-size: 12px;">视频名称:</label>
                     <div class="col-sm-10">
                        <input class="form-control" type="text" id="nameg" />
                     </div>
                  </div>
                  <div class="modal-footer"
                     style="margin-top: 10%; margin-left: 10%; float: left;">
                     <button type="button" class="btn btn-primary modify">保存</button>
                     <a> <c:forEach var="i" begin="1" end="28">&nbsp</c:forEach>
                     </a>
                     <button class="btn" data-dismiss="modal">
                        <i class="flaticon-cancel-12"></i>取消
                     </button>
                  </div>
               </form>
            </div>
         </div>
      </div>
   </div>
   <!-- <div class="modal fade importLable" tabindex="-1" role="dialog" aria-labelledby="myExtraLargeModalLabel"
            <!--  BEGIN NAVBAR  -->
            <div class="login-page"></div>
            <!--  END NAVBAR  -->
            <!--  BEGIN MODAL  -->
            <div class="modal fade addNew" tabindex="-1" role="dialog" aria-labelledby="myExtraLargeModalLabel"
               aria-hidden="true">
               <div class="modal-dialog modal-xl" role="document" style="width:25%;">
               <div class="modal-dialog modal-xl" role="document" style="width: 30%;">
                  <div class="modal-content">
                     <div class="modal-header">
                        <h5 class="modal-title" id="myExtraLargeModalLabel">导入基站</h5>
                        <h5 class="modal-title" id="myExtraLargeModalLabel">新增</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                           <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                              viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
@@ -360,14 +130,78 @@
                        </button>
                     </div>
                     <div class="modal-body">
                        <form action="/hxzkoa/uploadAnchor.do" method="post" enctype="multipart/form-data">
                           <div class="form-group mb-4 mt-3"
                              style="width:50%; margin-left:25%; overflow:auto; _display:inline-block;">
                              <input type="file" class="form-control-file" name="file" id="importXls">
                        <form action="form_action.asp" method="get">
                           <div class="form-group row  mb-4">
                              <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm"
                                 style="font-size: 12px;">区域绑定:</label>
                              <div class="col-sm-10">
                                 <input class="form-control" type="hidden" id="fencename" /> <select
                                    class="form-control form-control-lg" id="bumen_m"
                                    style="font-size: 15px;">
                                    <c:forEach items="${fences}" var="list">
                                       <option value="${list.name}">${list.name}</option>
                                    </c:forEach>
                                 </select>
                              </div>
                           </div>
                           <input class="form-control" type="hidden" id="resultList" value="${resultList}" />
                           <div class="modal-footer" style="margin-top:10%; margin-left:10%;float:left;">
                              <button type="submit" class="btn btn-primary">保存</button>
                           <div class="form-group row  mb-4">
                              <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm"
                                 style="font-size: 12px;">设备用户名:</label>
                              <div class="col-sm-10">
                                 <input class="form-control" type="text" id="yonghuming" />
                              </div>
                           </div>
                           <div class="form-group row  mb-4">
                              <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm"
                                 style="font-size: 12px;">设备密码:</label>
                              <div class="col-sm-10">
                                 <input class="form-control" type="text" id="mima" />
                              </div>
                           </div>
                           <div class="form-group row  mb-4">
                              <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm"
                                 style="font-size: 12px;">设备IP:</label>
                              <div class="col-sm-10">
                                 <input class="form-control" type="text" id="baoliu1" />
                              </div>
                           </div>
                           <div class="form-group row  mb-4">
                              <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm"
                                 style="font-size: 12px;">X坐标:</label>
                              <div class="col-sm-10">
                                 <input class="form-control" type="text" id="posx" />
                              </div>
                           </div>
                           <div class="form-group row  mb-4">
                              <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm"
                                 style="font-size: 12px;">Y坐标:</label>
                              <div class="col-sm-10">
                                 <input class="form-control" type="text" id="posy" />
                              </div>
                           </div>
                           <div class="form-group row  mb-4">
                              <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm"
                                 style="font-size: 12px;">Z坐标:</label>
                              <div class="col-sm-10">
                                 <input class="form-control" type="text" id="posz" />
                              </div>
                           </div>
                           <div class="form-group row  mb-4">
                              <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm"
                                 style="font-size: 12px;">所在楼层:</label>
                              <div class="col-sm-10">
                                 <input class="form-control" type="text" id="floor" />
                              </div>
                           </div>
                           <div class="form-group row  mb-4">
                              <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm"
                                 style="font-size: 12px;">视频名称:</label>
                              <div class="col-sm-10">
                                 <input class="form-control" type="text" id="name" />
                              </div>
                           </div>
                           <div class="modal-footer" style="margin-top: 10%; margin-left: 10%; float: left;">
                              <button type="button" class="btn btn-primary add">保存</button>
                              <a>
                                 <c:forEach var="i" begin="1" end="28">&nbsp</c:forEach>
                              </a>
@@ -379,427 +213,568 @@
                     </div>
                  </div>
               </div>
            </div> -->
   <!--  END MODAL  -->
   <!--  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"
                                          stroke-width="2" stroke-linecap="round"
                                          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="请输入名称" aria-label="Username"
                                    aria-describedby="basic-addon1">
                              </div>
                              <button type="button" class="btn btn-secondary reset">刷新</button>
                              <button type="button" class="btn btn-secondary"
                                 data-toggle="modal" data-target=".addNew" id="addButton">新增</button>
                              <button type="button" class="btn btn-secondary initModify"
                                 data-toggle="modal" data-target=".modifyNew"
                                 id="modifyButton">修改</button>
                              <button type="button" class="btn btn-secondary delete"
                                 id="deleteButton">删除</button>
                              <button type="button" class="btn btn-secondary deleteAll"
                                 id="deleteAllButton">全部删除</button>
                              <!-- <button type="button"
                                          class="btn btn-secondary toAllExcel">导出表格</button> -->
                              <!-- <button type="button"
                                          class="btn btn-secondary toExcel">下载模板</button> -->
                              <!-- <form action="/hxzkoa/upload.do" method="post" enctype="multipart/form-data"> -->
                              <!-- <input type="file" class="btn btn-secondary" name="file" style="width:15%;"> -->
                              <!-- <input type="submit" class="btn btn-secondary" name="Submit" value="上传文件" /> -->
                              <!-- </form> -->
                           </div>
                           <thead>
                              <tr align="center">
                                 <th class="noExl">选择</th>
                                 <th>ID</th>
                                 <th>区域绑定</th>
                                 <th>设备编号</th>
                                 <th>通道编号</th>
                                 <th>X坐标</th>
                                 <th>Y坐标</th>
                                 <th>Z坐标</th>
                                 <th>所在楼层</th>
                                 <th>视频名称</th>
                                 <th>添加时间</th>
                              </tr>
                           </thead>
                           <tbody id="nr">
                              <c:forEach items="${shipinManagementList}" var="list">
                                 <tr align="center" class="d">
                                    <td class="noExl custom-control custom-checkbox"><input
                                       type="checkbox" class="custom-control-input"
                                       id="${list.id}" name="selectIds"><label
                                       class="custom-control-label" for="${list.id}"
                                       style="position: raletive; left: 20px;"></label></td>
                                    <td>${list.id}</td>
                                    <td>${list.fencename}</td>
                                    <td>${list.shebeiid}</td>
                                    <td>${list.tongdaoid}</td>
                                    <td>${list.posx}</td>
                                    <td>${list.posy}</td>
                                    <td>${list.posz}</td>
                                    <td>${list.floor}</td>
                                    <td>${list.name}</td>
                                    <td>${list.addtime}</td>
                                 </tr>
                              </c:forEach>
                           </tbody>
                        </table>
            </div>
            <div class="modal fade modifyNew" tabindex="-1" role="dialog" aria-labelledby="myExtraLargeModalLabel"
               aria-hidden="true">
               <div class="modal-dialog modal-xl" role="document" style="width: 30%;">
                  <div class="modal-content">
                     <div class="modal-header">
                        <h5 class="modal-title" id="myExtraLargeModalLabel">修改</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                           <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                              viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                              stroke-linecap="round" stroke-linejoin="round" class="feather feather-x">
                              <line x1="18" y1="6" x2="6" y2="18"></line>
                              <line x1="6" y1="6" x2="18" y2="18"></line>
                           </svg>
                        </button>
                     </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 class="modal-body">
                        <form action="form_action.asp" method="get">
                           <div class="form-group row  mb-4">
                              <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm"
                                 style="font-size: 12px;">区域绑定:</label>
                              <div class="col-sm-10">
                                 <input class="form-control" type="hidden" id="fencenameg" /> <select
                                    class="form-control form-control-lg" id="bumen_mg"
                                    style="font-size: 15px;">
                                    <c:forEach items="${fences}" var="list">
                                       <option value="${list.name}">${list.name}</option>
                                    </c:forEach>
                                 </select>
                              </div>
                           </div>
                           <div class="form-group row  mb-4">
                              <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm"
                                 style="font-size: 12px;">设备用户名:</label>
                              <div class="col-sm-10">
                                 <input class="form-control" type="text" id="yonghumingg" />
                              </div>
                           </div>
                           <div class="form-group row  mb-4">
                              <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm"
                                 style="font-size: 12px;">设备密码:</label>
                              <div class="col-sm-10">
                                 <input class="form-control" type="text" id="mimag" />
                              </div>
                           </div>
                           <div class="form-group row  mb-4">
                              <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm"
                                 style="font-size: 12px;">设备IP:</label>
                              <div class="col-sm-10">
                                 <input class="form-control" type="text" id="baoliu1g" />
                              </div>
                           </div>
                           <div class="form-group row  mb-4">
                              <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm"
                                 style="font-size: 12px;">X坐标:</label>
                              <div class="col-sm-10">
                                 <input class="form-control" type="text" id="posxg" />
                              </div>
                           </div>
                           <div class="form-group row  mb-4">
                              <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm"
                                 style="font-size: 12px;">Y坐标:</label>
                              <div class="col-sm-10">
                                 <input class="form-control" type="text" id="posyg" />
                              </div>
                           </div>
                           <div class="form-group row  mb-4">
                              <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm"
                                 style="font-size: 12px;">Z坐标:</label>
                              <div class="col-sm-10">
                                 <input class="form-control" type="text" id="poszg" />
                              </div>
                           </div>
                           <div class="form-group row  mb-4">
                              <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm"
                                 style="font-size: 12px;">所在楼层:</label>
                              <div class="col-sm-10">
                                 <input class="form-control" type="text" id="floorg" />
                              </div>
                           </div>
                           <div class="form-group row  mb-4">
                              <label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm"
                                 style="font-size: 12px;">视频名称:</label>
                              <div class="col-sm-10">
                                 <input class="form-control" type="text" id="nameg" />
                              </div>
                           </div>
                           <div class="modal-footer" style="margin-top: 10%; margin-left: 10%; float: left;">
                              <button type="button" class="btn btn-primary modify">保存</button>
                              <a>
                                 <c:forEach var="i" begin="1" end="28">&nbsp</c:forEach>
                              </a>
                              <button class="btn" data-dismiss="modal">
                                 <i class="flaticon-cancel-12"></i>取消
                              </button>
                           </div>
                        </form>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <!--  END CONTENT PART  -->
      </div>
      <%
      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%>">
      <!-- END MAIN CONTAINER -->
      <script>
         // 页面初始化
         $(document).ready(function() {
            App.init();
            $.ajax({
               async : false, //同步的
               type : "POST",
               url : "/hxzkoa/getSysSetting_list.do",
               data : {
            <!--  END MODAL  -->
            <!--  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" stroke-width="2"
                                                   stroke-linecap="round" 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="请输入名称" aria-label="Username"
                                             aria-describedby="basic-addon1">
                                       </div>
               },
               dataType : "json",
               success : function(data) {
                  title = data[0].title
                  document.title = title;
               },
            });
            $("#page_1").addClass("active");
            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");
            }
         });
         // 加载head复用页面
         $('.header-page').load('/hxzkoa/hxzk/top.html');
         $('.login-page').load('/hxzkoa/hxzk/head.html');
         // 刷新功能
         $(".reset").click(function() {
            setTimeout("window.location.reload()", 1000);
         });
         // 新增功能
         $('.add').on(
               'click',
               function() {
                  var reg = new RegExp("^[A-Za-z0-9]+$");
                  var fencename = $('#bumen_m option:selected').val();
                  var shebeiid = $("#shebeiid").val();
                  var tongdaoid = $("#tongdaoid").val();
                  var posx = $("#posx").val();
                  var posy = $("#posy").val();
                  var posz = $("#posz").val();
                  var floor = $("#floor").val();
                  var name = $("#name").val();
                  var reg2 = new RegExp("^[0-9][0-9]*$");
                  var sid = reg2.test(shebeiid);
                  var tid = reg2.test(tongdaoid);
                  if (fencename == "" || shebeiid == ""
                        || tongdaoid == "" || posx == "" || posy == ""
                        || posz == "" || floor == "" || name == "") {
                     swal('输入有误', '输入不能为空!', 'error');
                     return;
                  }
                  if ((!sid && shebeiid != "")
                        || (!tid && tongdaoid != "")) {
                     swal('输入有误', '不能输入小数!', 'error');
                     return;
                  }
                  $.ajax({
                     async : false, //同步的
                     type : "POST",
                     dataType : "json",
                     url : "/hxzkoa/shipinManagement_add.do",
                     data : {
                        fencename : fencename,
                        shebeiid : shebeiid,
                        tongdaoid : tongdaoid,
                        posx : posx,
                        posy : posy,
                        posz : posz,
                        floor : floor,
                        name : name,
                     },
                     dataType : "json"
                  });
                  swal({
                     title : "Saved!",
                     text : "保存成功!",
                     type : "success",
                     showCancelButton : false,
                     showConfirmButton : false,
                     buttons : false
                  })
                  setTimeout("window.location.reload()", 1000);
               });
         // 修改功能初始化
         $('.initModify').on('click', function() {
            var tr, state, firstId;
            $('input[name="selectIds"]').each(function() {
               state = $(this).prop('checked');
               if (state) {
                  firstId = $(this).attr('id');
                  tr = $(this).parent().parent()[0];
                  $("#bumen_mg").val(tr.children[2].innerHTML);
                  $("#shebeiidg").val(tr.children[3].innerHTML);
                  $("#tongdaoidg").val(tr.children[4].innerHTML);
                  $("#posxg").val(tr.children[5].innerHTML);
                  $("#posyg").val(tr.children[6].innerHTML);
                  $("#poszg").val(tr.children[7].innerHTML);
                  $("#floorg").val(tr.children[8].innerHTML);
                  $("#nameg").val(tr.children[9].innerHTML);
                  return false;
               }
            });
            if (!state) {
               $('input[name="selectIds"]').each(function() {
                  state = $(this).prop('checked');
                  if (!state) {
                     firstId = $(this).attr('id');
                     tr = $(this).parent().parent()[0];
                     $("#bumen_mg").val(tr.children[2].innerHTML);
                     $("#shebeiidg").val(tr.children[3].innerHTML);
                     $("#tongdaoidg").val(tr.children[4].innerHTML);
                     $("#posxg").val(tr.children[5].innerHTML);
                     $("#posyg").val(tr.children[6].innerHTML);
                     $("#poszg").val(tr.children[7].innerHTML);
                     $("#floorg").val(tr.children[8].innerHTML);
                     $("#nameg").val(tr.children[9].innerHTML);
                     return false;
                  }
               });
               alert("请选中一条数据进行修改,当前默认第一条!");
            }
         });
         // 修改功能
         $('.modify').on('click', function() {
            var checkVal = [];
            var obj = document.getElementsByName("selectIds");
            var fencename = $('#bumen_mg option:selected').val();
            var shebeiid = $("#shebeiidg").val();
            var tongdaoid = $("#tongdaoidg").val();
            var posx = $("#posxg").val();
            var posy = $("#posyg").val();
            var posz = $("#poszg").val();
            var floor = $("#floorg").val();
            var name = $("#nameg").val();
            for ( var k in obj) {
               if (obj[k].checked) {
                  checkVal.push(obj[k].id);
               }
            }
            $.ajax({
               async : false, //同步的
               type : "POST",
               url : "/hxzkoa/shipinManagement_modify.do",
               data : {
                  id : checkVal.toString(),
                  fencename : fencename,
                  shebeiid : shebeiid,
                  tongdaoid : tongdaoid,
                  posx : posx,
                  posy : posy,
                  posz : posz,
                  floor : floor,
                  name : name,
               },
               dataType : "json"
            });
            swal({
               title : "Modified!",
               text : "修改成功!",
               type : "success",
               showCancelButton : false,
               showConfirmButton : false,
               buttons : false
            })
            setTimeout("window.location.reload()", 1000);
         });
         // 删除功能
         $('.delete').on('click', function() {
            swal({
               title : '确定要删除么?',
               text : "删除之后无法恢复!",
               type : 'warning',
               showCancelButton : true,
               confirmButtonText : '删除',
               cancelButtonText : '取消',
               padding : '2em'
            }).then(function(result) {
               if (result.value) {
                  //获取选中数据
                  var checkVal = [];
                  var obj = document.getElementsByName("selectIds");
                  for ( var k in obj) {
                     if (obj[k].checked) {
                        checkVal.push(obj[k].id);
                     }
                  }
                  if (checkVal.length > 0) {
                     $.ajax({
                        async : false, //同步的
                        type : "POST",
                        url : "/hxzkoa/shipinManagement_delete.do",
                        data : {
                           checkVal : checkVal.toString(),
                        },
                        dataType : "json"
                                       <button type="button" class="btn btn-secondary reset">刷新</button>
                                       <button type="button" class="btn btn-secondary" data-toggle="modal"
                                          data-target=".addNew" id="addButton">新增</button>
                                       <button type="button" class="btn btn-secondary initModify"
                                          data-toggle="modal" data-target=".modifyNew"
                                          id="modifyButton">修改</button>
                                       <button type="button" class="btn btn-secondary delete"
                                          id="deleteButton">删除</button>
                                       <button type="button" class="btn btn-secondary deleteAll"
                                          id="deleteAllButton">全部删除</button>
                                       <!-- <button type="button"
                                          class="btn btn-secondary toAllExcel">导出表格</button> -->
                                       <!-- <button type="button"
                                          class="btn btn-secondary toExcel">下载模板</button> -->
                                       <!-- <form action="/hxzkoa/upload.do" method="post" enctype="multipart/form-data"> -->
                                       <!-- <input type="file" class="btn btn-secondary" name="file" style="width:15%;"> -->
                                       <!-- <input type="submit" class="btn btn-secondary" name="Submit" value="上传文件" /> -->
                                       <!-- </form> -->
                                    </div>
                                    <thead>
                                       <tr align="center">
                                          <th class="noExl">选择</th>
                                          <th>ID</th>
                                          <th>区域绑定</th>
                                          <th>设备用户名</th>
                                          <th>设备密码</th>
                                          <th>设备IP</th>
                                          <th>X坐标</th>
                                          <th>Y坐标</th>
                                          <th>Z坐标</th>
                                          <th>所在楼层</th>
                                          <th>视频名称</th>
                                          <th>添加时间</th>
                                       </tr>
                                    </thead>
                                    <tbody id="nr">
                                       <c:forEach items="${shipinManagementList}" var="list">
                                          <tr align="center" class="d">
                                             <td class="noExl custom-control custom-checkbox"><input
                                                   type="checkbox" class="custom-control-input"
                                                   id="${list.id}" name="selectIds"><label
                                                   class="custom-control-label" for="${list.id}"
                                                   style="position: raletive; left: 20px;"></label>
                                             </td>
                                             <td>${list.id}</td>
                                             <td>${list.fencename}</td>
                                             <td>${list.yonghuming}</td>
                                             <td>${list.mima}</td>
                                             <td>${list.baoliu1}</td>
                                             <td>${list.posx}</td>
                                             <td>${list.posy}</td>
                                             <td>${list.posz}</td>
                                             <td>${list.floor}</td>
                                             <td>${list.name}</td>
                                             <td>${list.addtime}</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>
                           </div>
                        </div>
                     </div>
                  </div>
                  <!--  END CONTENT PART  -->
               </div>
               <% 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"); String fenceq=(String) session.getAttribute("fenceq"); 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%>">
                     <input type="hidden" name="xianusera" id="xianusera" value="<%=username%>">
                     <input type="hidden" name="fenceq" id="fenceq" value="<%=fenceq%>">
                  <!-- END MAIN CONTAINER -->
                  <script>
                     // 页面初始化
                     window.onload = function () {
                        App.init();
                        $.ajax({
                           async: false, //同步的
                           type: "POST",
                           url: "/hxzkoa/getSysSetting_list2.do",
                           data: {
                           },
                           dataType: "json",
                           success: function (data) {
                              title = data.dataList[0].title
                              //document.title = title;
                              if (data.dataList2[0].label == 0) {
                                 $("#labela").css({ 'display': 'none' });
                              };
                              if (data.dataList2[0].achor == 0) {
                                 $("#anchora").css({ 'display': 'none' });
                              };
                              if (data.dataList2[0].gps == 0) {
                                 $("#gpsa").css({ 'display': 'none' });
                              };
                              if (data.dataList2[0].fence == 0) {
                                 $("#fencea").css({ 'display': 'none' });
                              };
                              if (data.dataList2[0].warning == 0) {
                                 $("#warninga").css({ 'display': 'none' });
                              };
                              if (data.dataList2[0].history == 0) {
                                 $("#historya").css({ 'display': 'none' });
                              };
                              if (data.dataList2[0].attendance == 0) {
                                 $("#attendancea").css({ 'display': 'none' });
                              };
                              if (data.dataList2[0].basiclnfo == 0) {
                                 $("#basiclnfoa").css({ 'display': 'none' });
                              };
                              if (data.dataList2[0].video == 0) {
                                 $("#videoa").css({ 'display': 'none' });
                              };
                              if (data.dataList2[0].gas == 0) {
                                 $("#gasa").css({ 'display': 'none' });
                              };
                           },
                        });
                        $("#page_1").addClass("active");
                        var superuser = document.getElementById("superuser").value;
                        var deleteq = document.getElementById("deleteq").value;
                        var alertq = document.getElementById("alertq").value;
                        var deleteall = document.getElementById("deleteall").value;
                        var fenceq = document.getElementById("fenceq").value;
                        document.getElementById("xianuser").innerHTML=document.getElementById("xianusera").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");
                        }
                        if (fenceq == "否") {
                           $("#addButton").attr("disabled", "true");
                        }
                     };
                     // 加载head复用页面
                     $('.header-page').load('/hxzkoa/hxzk/top.html');
                     $('.login-page').load('/hxzkoa/hxzk/head.html');
                     // 刷新功能
                     $(".reset").click(function () {
                        setTimeout("window.location.reload()", 1000);
                     });
                     swal({
                        title : "Deleted!",
                        text : "删除成功!",
                        type : "success",
                        showCancelButton : false,
                        showConfirmButton : false,
                        buttons : false
                     })
                     setTimeout("window.location.reload()", 1000);
                  } else {
                     swal('删除失败!', '请先选择删除的内容', 'error')
                  }
               }
            })
         });
         // 全部删除
         $('.deleteAll').on('click', function() {
            swal({
               title : '确定要全部删除么?',
               text : "删除之后无法恢复!",
               type : 'warning',
               showCancelButton : true,
               confirmButtonText : '删除',
               cancelButtonText : '取消',
               padding : '2em'
            }).then(function(result) {
               if (result.value) {
                  $.ajax({
                     async : false, //同步的
                     type : "POST",
                     url : "/hxzkoa/shipinManagement_deleteAll.do",
                     dataType : "json"
                  });
                  swal({
                     title : "Deleted!",
                     text : "删除成功!",
                     type : "success",
                     showCancelButton : false,
                     showConfirmButton : false,
                     buttons : false
                  })
                  setTimeout("window.location.reload()", 1000);
               }
            })
         });
         // 搜索功能
         $(".search")
               .click(
                     function() {
                        var input = $("#search_input").val();
                        if (input == "") {
                           swal('输入有误', '输入不能为空!', 'error');
                           return;
                     // 新增功能
                     $('.add').on(
                        'click',
                        function () {
                           var reg = new RegExp("^[A-Za-z0-9]+$");
                           var fencename = $('#bumen_m option:selected').val();
                           var yonghuming = $("#yonghuming").val();
                           var mima = $("#mima").val();
                           var posx = $("#posx").val();
                           var posy = $("#posy").val();
                           var posz = $("#posz").val();
                           var floor = $("#floor").val();
                           var name = $("#name").val();
                           var baoliu1 = $("#baoliu1").val();
                           var reg2 = new RegExp("^[0-9][0-9]*$");
                           var sid = reg2.test(yonghuming);
                           var tid = reg2.test(mima);
                           if (fencename == "" || yonghuming == ""
                              || mima == "" || posx == "" || posy == ""
                              || posz == "" || floor == "" || name == "" || baoliu1 == "") {
                              swal('输入有误', '输入不能为空!', 'error');
                              return;
                           }
                           if ((!sid && yonghuming != "")
                              || (!tid && mima != "")) {
                              swal('输入有误', '不能输入小数!', 'error');
                              return;
                           }
                           $.ajax({
                              async: false, //同步的
                              type: "POST",
                              dataType: "json",
                              url: "/hxzkoa/shipinManagement_add.do",
                              data: {
                                 fencename: fencename,
                                 yonghuming: yonghuming,
                                 mima: mima,
                                 posx: posx,
                                 posy: posy,
                                 posz: posz,
                                 floor: floor,
                                 name: name,
                                 baoliu1: baoliu1,
                              },
                              dataType: "json"
                           });
                           swal({
                              title: "Saved!",
                              text: "保存成功!",
                              type: "success",
                              showCancelButton: false,
                              showConfirmButton: false,
                              buttons: false
                           })
                           setTimeout("window.location.reload()", 1000);
                        });
                     // 修改功能初始化
                     $('.initModify').on('click', function () {
                        var tr, state, firstId;
                        $('input[name="selectIds"]').each(function () {
                           state = $(this).prop('checked');
                           if (state) {
                              firstId = $(this).attr('id');
                              tr = $(this).parent().parent()[0];
                              $("#bumen_mg").val(tr.children[2].innerHTML);
                              $("#yonghumingg").val(tr.children[3].innerHTML);
                              $("#mimag").val(tr.children[4].innerHTML);
                              $("#baoliu1g").val(tr.children[5].innerHTML);
                              $("#posxg").val(tr.children[6].innerHTML);
                              $("#posyg").val(tr.children[7].innerHTML);
                              $("#poszg").val(tr.children[8].innerHTML);
                              $("#floorg").val(tr.children[9].innerHTML);
                              $("#nameg").val(tr.children[10].innerHTML);
                              return false;
                           }
                        });
                        if (!state) {
                           $('input[name="selectIds"]').each(function () {
                              state = $(this).prop('checked');
                              if (!state) {
                                 firstId = $(this).attr('id');
                                 tr = $(this).parent().parent()[0];
                                 $("#bumen_mg").val(tr.children[2].innerHTML);
                                 $("#yonghumingg").val(tr.children[3].innerHTML);
                                 $("#mimag").val(tr.children[4].innerHTML);
                                 $("#baoliu1g").val(tr.children[5].innerHTML);
                                 $("#posxg").val(tr.children[6].innerHTML);
                                 $("#posyg").val(tr.children[7].innerHTML);
                                 $("#poszg").val(tr.children[8].innerHTML);
                                 $("#floorg").val(tr.children[9].innerHTML);
                                 $("#nameg").val(tr.children[10].innerHTML);
                                 return false;
                              }
                           });
                           alert("请选中一条数据进行修改,当前默认第一条!");
                        }
                        if (isNaN(input)) {
                           //swal('输入有误','请输入数字!','error');return;
                     });
                     // 修改功能
                     $('.modify').on('click', function () {
                        var checkVal = [];
                        var obj = document.getElementsByName("selectIds");
                        var fencename = $('#bumen_mg option:selected').val();
                        var yonghuming = $("#yonghumingg").val();
                        var mima = $("#mimag").val();
                        var baoliu1 = $("#baoliu1g").val();
                        var posx = $("#posxg").val();
                        var posy = $("#posyg").val();
                        var posz = $("#poszg").val();
                        var floor = $("#floorg").val();
                        var name = $("#nameg").val();
                        for (var k in obj) {
                           if (obj[k].checked) {
                              checkVal.push(obj[k].id);
                           }
                        }
                        $
                              .ajax({
                                 async : false, //同步的
                                 type : "POST",
                                 url : "/hxzkoa/shipinManagement_ssearch.do",
                                 data : {
                                    input : input
                                 },
                                 dataType : "json",
                                 success : function(data) {
                                    //搜索完成后刷新页面,只显示查到的部分
                                    var str = "";
                                    for ( var k in data.dataList) {
                                       str += "<tr align=\"center\" class=\"d\"><td class=\"noExl custom-control custom-checkbox\"><input type=\"checkbox\" class=\"custom-control-input\" id="+ data.dataList[k].id +" name=\"selectIds\"><label class=\"custom-control-label\" for="+ data.dataList[k].id +" style=\"position:raletive;left:20px;\"></label></td><td>"
                        $.ajax({
                           async: false, //同步的
                           type: "POST",
                           url: "/hxzkoa/shipinManagement_modify.do",
                           data: {
                              id: checkVal.toString(),
                              fencename: fencename,
                              yonghuming: yonghuming,
                              mima: mima,
                              baoliu1: baoliu1,
                              posx: posx,
                              posy: posy,
                              posz: posz,
                              floor: floor,
                              name: name,
                           },
                           dataType: "json"
                        });
                        swal({
                           title: "Modified!",
                           text: "修改成功!",
                           type: "success",
                           showCancelButton: false,
                           showConfirmButton: false,
                           buttons: false
                        })
                        setTimeout("window.location.reload()", 1000);
                     });
                     // 删除功能
                     $('.delete').on('click', function () {
                        swal({
                           title: '确定要删除么?',
                           text: "删除之后无法恢复!",
                           type: 'warning',
                           showCancelButton: true,
                           confirmButtonText: '删除',
                           cancelButtonText: '取消',
                           padding: '2em'
                        }).then(function (result) {
                           if (result.value) {
                              //获取选中数据
                              var checkVal = [];
                              var obj = document.getElementsByName("selectIds");
                              for (var k in obj) {
                                 if (obj[k].checked) {
                                    checkVal.push(obj[k].id);
                                 }
                              }
                              if (checkVal.length > 0) {
                                 $.ajax({
                                    async: false, //同步的
                                    type: "POST",
                                    url: "/hxzkoa/shipinManagement_delete.do",
                                    data: {
                                       checkVal: checkVal.toString(),
                                    },
                                    dataType: "json"
                                 });
                                 swal({
                                    title: "Deleted!",
                                    text: "删除成功!",
                                    type: "success",
                                    showCancelButton: false,
                                    showConfirmButton: false,
                                    buttons: false
                                 })
                                 setTimeout("window.location.reload()", 1000);
                              } else {
                                 swal('删除失败!', '请先选择删除的内容', 'error')
                              }
                           }
                        })
                     });
                     // 全部删除
                     $('.deleteAll').on('click', function () {
                        swal({
                           title: '确定要全部删除么?',
                           text: "删除之后无法恢复!",
                           type: 'warning',
                           showCancelButton: true,
                           confirmButtonText: '删除',
                           cancelButtonText: '取消',
                           padding: '2em'
                        }).then(function (result) {
                           if (result.value) {
                              $.ajax({
                                 async: false, //同步的
                                 type: "POST",
                                 url: "/hxzkoa/shipinManagement_deleteAll.do",
                                 dataType: "json"
                              });
                              swal({
                                 title: "Deleted!",
                                 text: "删除成功!",
                                 type: "success",
                                 showCancelButton: false,
                                 showConfirmButton: false,
                                 buttons: false
                              })
                              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/shipinManagement_ssearch.do",
                                    data: {
                                       input: input
                                    },
                                    dataType: "json",
                                    success: function (data) {
                                       //搜索完成后刷新页面,只显示查到的部分
                                       var str = "";
                                       for (var k in data.dataList) {
                                          str += "<tr align=\"center\" class=\"d\"><td class=\"noExl custom-control custom-checkbox\"><input type=\"checkbox\" class=\"custom-control-input\" id=" + data.dataList[k].id + " name=\"selectIds\"><label class=\"custom-control-label\" for=" + data.dataList[k].id + " style=\"position:raletive;left:20px;\"></label></td><td>"
                                             + data.dataList[k].id
                                             + "</td><td>"
                                             + data.dataList[k].fencename
                                             + "</td><td>"
                                             + data.dataList[k].shebeiid
                                             + data.dataList[k].yonghuming
                                             + "</td><td>"
                                             + data.dataList[k].tongdaoid
                                             + data.dataList[k].mima
                                             + "</td><td>"
                                             + data.dataList[k].baoliu1
                                             + "</td><td>"
                                             + data.dataList[k].posx
                                             + "</td><td>"
@@ -813,163 +788,108 @@
                                             + "</td><td>"
                                             + data.dataList[k].addtime
                                             + "</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('"
                                       }
                                       $("#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);
                                       }
                                       str += "<li><a href=\"javascript:page('next');\">下一页</a></li>";
                                       $("#pageListId").html(str);
                                    }
                                    $("#pageListId>li.active")
                                       $("#pageListId>li.active")
                                          .removeClass("active");
                                    $("#page_" + data.curPage)
                                       $("#page_" + data.curPage)
                                          .addClass("active");
                                    $("#curPage").val(data.curPage);
                                       $("#curPage").val(data.curPage);
                                 },
                                 error : function() {
                                    //console.log('error');
                                    },
                                    error: function () {
                                       //console.log('error');
                                    }
                                 });
                           });
                     // 分页跳转
                     function page(page) {
                        var curPage = $("#curPage").val();
                        $
                           .ajax({
                              async: false, //同步的
                              type: "POST",
                              url: "/hxzkoa/shipinManagement_page.do",
                              data: {
                                 page: page,
                                 curPage: curPage
                              },
                              dataType: "json",
                              success: function (data) {
                                 var str = "";
                                 for (var k in data.dataList) {
                                    str += "<tr align=\"center\" class=\"d\"><td class=\"noExl custom-control custom-checkbox\"><input type=\"checkbox\" class=\"custom-control-input\" id=" + data.dataList[k].id + " name=\"selectIds\"><label class=\"custom-control-label\" for=" + data.dataList[k].id + " style=\"position:raletive;left:20px;\"></label></td><td>"
                                       + data.dataList[k].id
                                       + "</td><td>"
                                       + data.dataList[k].fencename
                                       + "</td><td>"
                                       + data.dataList[k].yonghuming
                                       + "</td><td>"
                                       + data.dataList[k].mima
                                       + "</td><td>"
                                       + data.dataList[k].baoliu1
                                       + "</td><td>"
                                       + data.dataList[k].posy
                                       + "</td><td>"
                                       + data.dataList[k].posz
                                       + "</td><td>"
                                       + data.dataList[k].floor
                                       + "</td><td>"
                                       + data.dataList[k].name
                                       + "</td><td>"
                                       + data.dataList[k].addtime
                                       + "</td></tr>"
                                 }
                              });
                     });
         // $(".namess").click(function () {
         //    var input = $("#names").val();
         //    if (input == "") {
         //       swal('输入有误', '输入不能为空!', 'error'); return;
         //    }
         //    if (isNaN(input)) {
         //       //swal('输入有误','请输入数字!','error');return;
         //    }
         //    $.ajax({
         //       async: false, //同步的
         //       type: "POST",
         //       url: "/hxzkoa/shipinManagement_cesearch.do",
         //       data: {
         //          input: input
         //       },
         //       dataType: "json",
         //       success: function (data) {
         //          //搜索完成后刷新页面,只显示查到的部分
         //          var str = "";
         //          for (var k in data.dataList) {
         //             str += "<tr align=\"center\" class=\"d\"><td class=\"noExl custom-control custom-checkbox\"><input type=\"checkbox\" class=\"custom-control-input\" id="+ data.dataList[k].id +" name=\"selectIds\"><label class=\"custom-control-label\" for="+ data.dataList[k].id +" style=\"position:raletive;left:20px;\"></label></td><td>"+data.dataList[k].id+"</td><td>"+data.dataList[k].fencename+"</td><td>"+data.dataList[k].shebeiid+"</td><td>"+data.dataList[k].tongdaoid+"</td><td>"+data.dataList[k].addtime+"</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');
         //       }
         //    });
         // });
         // 导出表格
         // $(".toAllExcel").click(function () {
         //    window.location.href = '/hxzkoa/anchorManagement_export.do';
         //    swal({
         //       title: "Exported!",
         //       text: "导出成功!",
         //       type: "success",
         //       showCancelButton: false,
         //       showConfirmButton: false,
         //       buttons: false
         //    })
         //    setTimeout("window.location.reload()", 1000);
         // });
         // 分页跳转
         function page(page) {
            var curPage = $("#curPage").val();
            $
                  .ajax({
                     async : false, //同步的
                     type : "POST",
                     url : "/hxzkoa/shipinManagement_page.do",
                     data : {
                        page : page,
                        curPage : curPage
                     },
                     dataType : "json",
                     success : function(data) {
                        var str = "";
                        for ( var k in data.dataList) {
                           str += "<tr align=\"center\" class=\"d\"><td class=\"noExl custom-control custom-checkbox\"><input type=\"checkbox\" class=\"custom-control-input\" id="+ data.dataList[k].id +" name=\"selectIds\"><label class=\"custom-control-label\" for="+ data.dataList[k].id +" style=\"position:raletive;left:20px;\"></label></td><td>"
                                 + data.dataList[k].id
                                 + "</td><td>"
                                 + data.dataList[k].fencename
                                 + "</td><td>"
                                 + data.dataList[k].shebeiid
                                 + "</td><td>"
                                 + data.dataList[k].tongdaoid
                                 + "</td><td>"
                                 + data.dataList[k].posx
                                 + "</td><td>"
                                 + data.dataList[k].posy
                                 + "</td><td>"
                                 + data.dataList[k].posz
                                 + "</td><td>"
                                 + data.dataList[k].floor
                                 + "</td><td>"
                                 + data.dataList[k].name
                                 + "</td><td>"
                                 + data.dataList[k].addtime
                                 + "</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');
                                 $("#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');
                              }
                           });
                     }
                  });
         }
         $(".table tbody").on('click', 'tr', function(e) {
            //console.log(e.target.type)
            if (e.target.type != 'checkbox') {
               if ($(this).find(":checkbox").prop("checked") == true) {
                  $(this).find(":checkbox").prop("checked", false);
               } else {
                  $(this).find(":checkbox").prop("checked", true);
               }
            } else {
               return false;
            }
         });
      </script>
</body>
                     $(".table tbody").on('click', 'tr', function (e) {
                        //console.log(e.target.type)
                        if (e.target.type != 'checkbox') {
                           if ($(this).find(":checkbox").prop("checked") == true) {
                              $(this).find(":checkbox").prop("checked", false);
                           } else {
                              $(this).find(":checkbox").prop("checked", true);
                           }
                        } else {
                           return false;
                        }
                     });
                  </script>
         </body>
</html>
         </html>