3.7
fxl
2023-03-07 52cffc4ab8e9787a6f233295502c7c9788dddae1
src/main/webapp/hxzk/map/mapManagement.jsp
@@ -1,845 +1,1029 @@
<%@ 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>
               .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);
               }
<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;
}
               .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/assets/js/DateToStringUtil.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>
#head {
   background-color: #FFFF00;
   width: 100%;
   height: 100px;
}
         <body class="alt-menu sidebar-noneoverflow">
#center {
   background-color: #00FFFF;
   width: 100%;
   min-height: 100%;
}
            <!-- BEGIN LOADER -->
            <div id="load_screen">
               <div class="loader">
                  <div class="loader-content">
                     <div class="spinner-grow align-self-center"></div>
                  </div>
#foot {
   background-color: #FF00FF;
   width: 100%;
   height: 100px;
}
.panel-head {
   font-size: 1rem;
   color: rgba(255, 255, 255, .7);
   line-height: 2rem;
   text-align: center;
   background: linear-gradient(rgb(0, 20, 30), rgb(0, 40, 70));
   border: 2px solid rgba(0, 90, 120, .3);
}
.table-bordered td, .table-bordered th {
   border: 1px solid #ebedf2;
}
</style>
<script src="/hxzkoa/hxzk/assets/js/app.js"></script>
<script src="/hxzkoa/hxzk/assets/js/dashboard/dash_2.js"></script>
<script src="/hxzkoa/hxzk/assets/js/loader.js"></script>
<script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script>
<script src="/hxzkoa/hxzk/bootstrap/js/bootstrap.min.js"></script>
<script src="/hxzkoa/hxzk/bootstrap/js/popper.min.js"></script>
<script src="/hxzkoa/hxzk/assets/js/DateToStringUtil.js"></script>
<script src="/hxzkoa/hxzk/plugins/apex/apexcharts.min.js"></script>
<script
   src="/hxzkoa/hxzk/plugins/table/datatable/button-ext/jszip.min.js"></script>
<script src="/hxzkoa/hxzk/plugins/table/jquery.table2excel.js"></script>
<script src="/hxzkoa/hxzk/plugins/sweetalerts/promise-polyfill.js"></script>
<script src="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.js"></script>
<script src="/hxzkoa/hxzk/plugins/sweetalerts/custom-sweetalert.js"></script>
<script
   src="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
</head>
<body class="alt-menu sidebar-noneoverflow">
   <!-- BEGIN LOADER -->
   <div id="load_screen">
      <div class="loader">
         <div class="loader-content">
            <div class="spinner-grow align-self-center"></div>
         </div>
      </div>
   </div>
   <!--  END LOADER -->
   <div class="border-left"
      style="opacity: 0.4; float: left; position: absolute; z-index: 1; left: 120px; height: 20px;">
      <img alt="" src="/hxzkoa/resources/images/border.png" class="img-left">
   </div>
   <div class="border-right"
      style="opacity: 0.4; float: right; position: absolute; z-index: 2; right: 120px;">
      <img alt="" src="/hxzkoa/resources/images/border2.png"
         class="img-right">
   </div>
   <!--  BEGIN NAVBAR  -->
   <div class="login-page"></div>
   <!--  END NAVBAR  -->
   <!--  BEGIN MAIN CONTAINER  -->
   <div class="main-container" id="container">
      <div class="overlay"></div>
      <div class="search-overlay"></div>
      <!--  BEGIN TOPBAR  -->
      <div class="header-page"></div>
      <!--  END TOPBAR  -->
      <!--  BEGIN 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-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="modal-body">
                  <form action="/hxzkoa/uploadMap.do" method="post"
                     enctype="multipart/form-data">
                     <div class="form-group row  mb-4">
                        <div class="col-sm-10">
                           <input type="file" class="form-control-file" name="file"
                              id="file_a"
                              style="font-size: 14px; color: white; float: left; width: 70%"
                              onclick="check()" required="required" />
                           <button type="button" class="btn btn-primary getPixel"
                              style="float: left;">获取像素</button>
                        </div>
                     </div>
                     <div class="form-group row  mb-4">
                        <label for="colFormLabelSm"
                           class="col-sm-4 col-form-label col-form-label-sm"
                           style="width: 40px">图层:</label>
                        <div class="col-sm-8">
                           <input class="form-control" type="text" id="floor_a"
                              name="floor_a" required="required" />
                        </div>
                     </div>
                     <div class="form-group row  mb-4">
                        <label for="colFormLabelSm"
                           class="col-sm-4 col-form-label col-form-label-sm">X实长:</label>
                        <div class="col-sm-8">
                           <input class="form-control" type="text" id="realX_a"
                              name="realX_a" required="required" />
                        </div>
                     </div>
                     <div class="form-group row  mb-4">
                        <label for="colFormLabelSm"
                           class="col-sm-4 col-form-label col-form-label-sm">y实长:</label>
                        <div class="col-sm-8">
                           <input class="form-control" type="text" id="realY_a"
                              name="realY_a" required="required" />
                        </div>
                     </div>
                     <div class="form-group row  mb-4">
                        <label for="colFormLabelSm"
                           class="col-sm-4 col-form-label col-form-label-sm">X0坐标:</label>
                        <div class="col-sm-8">
                           <input class="form-control" type="text" id="x0_a" name="x0_a"
                              required="required" />
                        </div>
                     </div>
                     <div class="form-group row  mb-4">
                        <label for="colFormLabelSm"
                           class="col-sm-4 col-form-label col-form-label-sm">Y0坐标:</label>
                        <div class="col-sm-8">
                           <input class="form-control" type="text" id="y0_a" name="y0_a"
                              required="required" />
                        </div>
                     </div>
                     <div class="form-group row  mb-4">
                        <label for="colFormLabelSm"
                           class="col-sm-4 col-form-label col-form-label-sm">X像素:</label>
                        <div class="col-sm-8">
                           <input class="form-control" type="text" id="pixelX_a"
                              name="pixelX_a" required="required" />
                        </div>
                     </div>
                     <div class="form-group row  mb-4">
                        <label for="colFormLabelSm"
                           class="col-sm-4 col-form-label col-form-label-sm">Y像素:</label>
                        <div class="col-sm-8">
                           <input class="form-control" type="text" id="pixelY_a"
                              name="pixelY_a" required="required" />
                        </div>
                     </div>
                     <div class="form-group row  mb-4">
                        <label for="colFormLabelSm"
                           class="col-sm-4 col-form-label col-form-label-sm">经度:</label>
                        <div class="col-sm-8">
                           <input class="form-control" type="text" id="baoliu3"
                              name="baoliu3" required="required" />
                        </div>
                     </div>
                     <div class="form-group row  mb-4">
                        <label for="colFormLabelSm"
                           class="col-sm-4 col-form-label col-form-label-sm">纬度:</label>
                        <div class="col-sm-8">
                           <input class="form-control" type="text" id="baoliu4"
                              name="baoliu4" required="required" />
                        </div>
                     </div>
                     <div class="modal-footer"
                        style="margin-top: 10%; margin-left: 10%; float: left;">
                        <button type="submit" class="btn btn-primary" id="zengjia">保存</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>
            <!--  END LOADER -->
            <div class="border-left"
               style="opacity:0.4;float:left;position:absolute;z-index:1;left:120px;height:20px;"><img alt=""
                  src="/hxzkoa/resources/images/border.png" class="img-left"></div>
            <div class="border-right" style="opacity:0.4;float:right;position:absolute;z-index:2;right:120px;"><img
                  alt="" src="/hxzkoa/resources/images/border2.png" class="img-right"></div>
            <!--  BEGIN NAVBAR  -->
            <div class="login-page"></div>
            <!--  END NAVBAR  -->
            <!--  BEGIN MAIN CONTAINER  -->
            <div class="main-container" id="container">
               <div class="overlay"></div>
               <div class="search-overlay"></div>
               <!--  BEGIN TOPBAR  -->
               <div class="header-page"></div>
               <!--  END TOPBAR  -->
               <!--  BEGIN 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-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">
         </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: 25%;">
            <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="modal-body">
                           <form action="/hxzkoa/uploadMap.do" method="post" enctype="multipart/form-data">
                              <div class="form-group row  mb-4">
                                 <div class="col-sm-10">
                                    <input type="file" class="form-control-file" name="file" id="file_a"
                                       style="font-size:14px;color:white;float:left;width:70%"
                                       onclick="check()" required="required" />
                                    <button type="button" class="btn btn-primary getPixel"
                                       style="float:left;">获取像素</button>
                                 </div>
                              </div>
                              <div class="form-group row  mb-4">
                                 <label for="colFormLabelSm"
                                    class="col-sm-4 col-form-label col-form-label-sm"
                                    style="width:40px">图层:</label>
                                 <div class="col-sm-8">
                                    <input class="form-control" type="text" id="floor_a" name="floor_a"
                                       required="required" />
                                 </div>
                              </div>
                              <div class="form-group row  mb-4">
                                 <label for="colFormLabelSm"
                                    class="col-sm-4 col-form-label col-form-label-sm">X实长:</label>
                                 <div class="col-sm-8">
                                    <input class="form-control" type="text" id="realX_a" name="realX_a"
                                       required="required" />
                                 </div>
                              </div>
                              <div class="form-group row  mb-4">
                                 <label for="colFormLabelSm"
                                    class="col-sm-4 col-form-label col-form-label-sm">y实长:</label>
                                 <div class="col-sm-8">
                                    <input class="form-control" type="text" id="realY_a" name="realY_a"
                                       required="required" />
                                 </div>
                              </div>
                              <div class="form-group row  mb-4">
                                 <label for="colFormLabelSm"
                                    class="col-sm-4 col-form-label col-form-label-sm">X0坐标:</label>
                                 <div class="col-sm-8">
                                    <input class="form-control" type="text" id="x0_a" name="x0_a"
                                       required="required" />
                                 </div>
                              </div>
                              <div class="form-group row  mb-4">
                                 <label for="colFormLabelSm"
                                    class="col-sm-4 col-form-label col-form-label-sm">Y0坐标:</label>
                                 <div class="col-sm-8">
                                    <input class="form-control" type="text" id="y0_a" name="y0_a"
                                       required="required" />
                                 </div>
                              </div>
                              <div class="form-group row  mb-4">
                                 <label for="colFormLabelSm"
                                    class="col-sm-4 col-form-label col-form-label-sm">X像素:</label>
                                 <div class="col-sm-8">
                                    <input class="form-control" type="text" id="pixelX_a" name="pixelX_a"
                                       required="required" />
                                 </div>
                              </div>
                              <div class="form-group row  mb-4">
                                 <label for="colFormLabelSm"
                                    class="col-sm-4 col-form-label col-form-label-sm">Y像素:</label>
                                 <div class="col-sm-8">
                                    <input class="form-control" type="text" id="pixelY_a" name="pixelY_a"
                                       required="required" />
                                 </div>
                              </div>
                              <div class="modal-footer" style="margin-top:10%; margin-left:10%;float:left;">
                                 <button type="submit" class="btn btn-primary" id="zengjia">保存</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>
                  </button>
               </div>
               <div class="modal-body">
                  <form action="/hxzkoa/modifyMap.do" method="post"
                     enctype="multipart/form-data">
                     <div class="form-group row  mb-4">
                        <div class="col-sm-10">
                           <input type="file" class="form-control-file" name="file"
                              id="file_m"
                              style="font-size: 14px; color: white; float: left; width: 70%"
                              onclick="check()" />
                           <button type="button" class="btn btn-primary getPixel"
                              style="float: left;">获取像素</button>
                        </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:25%;">
                     <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="modal-body">
                           <form action="/hxzkoa/modifyMap.do" method="post" enctype="multipart/form-data">
                              <div class="form-group row  mb-4">
                                 <div class="col-sm-10">
                                    <input type="file" class="form-control-file" name="file" id="file_m"
                                       style="font-size:14px;color:white;float:left;width:70%"
                                       onclick="check()" />
                                    <button type="button" class="btn btn-primary getPixel"
                                       style="float:left;">获取像素</button>
                                 </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_m" name="floor_m"
                                       required="required" />
                                 </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="realX_m" name="realX_m"
                                       required="required" />
                                 </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="realY_m" name="realY_m"
                                       required="required" />
                                 </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;">X0坐标:</label>
                                 <div class="col-sm-10">
                                    <input class="form-control" type="text" id="x0_m" name="x0_m"
                                       required="required" />
                                 </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;">Y0坐标:</label>
                                 <div class="col-sm-10">
                                    <input class="form-control" type="text" id="y0_m" name="y0_m"
                                       required="required" />
                                 </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="pixelX_m" name="pixelX_m"
                                       required="required" />
                                 </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="pixelY_m" name="pixelY_m"
                                       required="required" />
                                 </div>
                              </div>
                              <input class="form-control" type="hidden" id="mapId" name="mapId" />
                              <div class="modal-footer" style="margin-top:10%; margin-left:10%;float:left;">
                                 <button type="submit" class="btn btn-primary" onclick="getId()">保存</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 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_m"
                              name="floor_m" required="required" />
                        </div>
                     </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="realX_m"
                              name="realX_m" required="required" />
                        </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="realY_m"
                              name="realY_m" required="required" />
                        </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;">X0坐标:</label>
                        <div class="col-sm-10">
                           <input class="form-control" type="text" id="x0_m" name="x0_m"
                              required="required" />
                        </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;">Y0坐标:</label>
                        <div class="col-sm-10">
                           <input class="form-control" type="text" id="y0_m" name="y0_m"
                              required="required" />
                        </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="pixelX_m"
                              name="pixelX_m" required="required" />
                        </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="pixelY_m"
                              name="pixelY_m" required="required" />
                        </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="baoliu3m"
                              name="baoliu3" required="required" />
                        </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="baoliu4m"
                              name="baoliu4" required="required" />
                        </div>
                     </div>
                     <input class="form-control" type="hidden" id="mapId" name="mapId" />
                     <div class="modal-footer"
                        style="margin-top: 10%; margin-left: 10%; float: left;">
                        <button type="submit" class="btn btn-primary" onclick="getId()">保存</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>
               <!--  END MODAL  -->
            </div>
         </div>
      </div>
      <!--  END MODAL  -->
               <!--  BEGIN CONTENT PART  -->
               <div id="content" class="main-content">
                  <div class="layout-px-spacing">
      <!--  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="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">
               <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">
                        <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 toTemplate">下载模板</button>
                                    </div>
                                    <thead>
                                       <tr align="center">
                                          <th class="noExl noTemp">选择</th>
                                          <th>序号</th>
                                          <th>图层</th>
                                          <th>地图名称</th>
                                          <th>X实长</th>
                                          <th>Y实长</th>
                                          <th>X0坐标</th>
                                          <th>Y0坐标</th>
                                          <th>X像素</th>
                                          <th>Y像素</th>
                                          <th>时间</th>
                                       </tr>
                                    </thead>
                                    <tbody id="nr">
                                       <c:forEach items="${mapManagementList}" var="list">
                                          <tr align="center">
                                             <td class="noExl noTemp custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input"
                                                   id="${list.id}" name="selectIds"><input
                                                   type="hidden" class="custom-control-input"
                                                   value="${list.floor}" name="floors"><label
                                                   class="custom-control-label" for="${list.id}"
                                                   style="position:raletive;left:20px;bottom:5px;"></label>
                                             </td>
                                             <td class="noTemp">${list.id}</td>
                                             <td class="noTemp">${list.floor}</td>
                                             <td class="noTemp">${list.mapname}</td>
                                             <td class="noTemp">${list.x_Truelength}</td>
                                             <td class="noTemp">${list.y_Truewidth}</td>
                                             <td class="noTemp">${list.x0_length}</td>
                                             <td class="noTemp">${list.y0_width}</td>
                                             <td class="noTemp">${list.x_Pixel}</td>
                                             <td class="noTemp">${list.y_Pixel}</td>
                                             <td class="noTemp">${list.addTime}</td>
                                          </tr>
                                       </c:forEach>
                                    </tbody>
                                 </table>
                                 </div>
                                 <input type="text" id="search_input" class="form-control"
                                    placeholder="请输入地图名称" aria-label="Username"
                                    aria-describedby="basic-addon1">
                              </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>
                              <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 toTemplate">下载模板</button>
                           </div>
                        </div>
                           <thead>
                              <tr align="center">
                                 <th class="noExl noTemp">选择</th>
                                 <th>序号</th>
                                 <th>图层</th>
                                 <th>地图名称</th>
                                 <th>X实长</th>
                                 <th>Y实长</th>
                                 <th>X0坐标</th>
                                 <th>Y0坐标</th>
                                 <th>X像素</th>
                                 <th>Y像素</th>
                                 <th>经度</th>
                                 <th>纬度</th>
                                 <th>时间</th>
                              </tr>
                           </thead>
                           <tbody id="nr">
                              <c:forEach items="${mapManagementList}" var="list">
                                 <tr align="center">
                                    <td class="noExl noTemp custom-control custom-checkbox">
                                       <input type="checkbox" class="custom-control-input"
                                       id="${list.id}" name="selectIds"><input
                                       type="hidden" class="custom-control-input"
                                       value="${list.floor}" name="floors"><label
                                       class="custom-control-label" for="${list.id}"
                                       style="position: raletive; left: 20px; bottom: 5px;"></label>
                                    </td>
                                    <td class="noTemp">${list.id}</td>
                                    <td class="noTemp">${list.floor}</td>
                                    <td class="noTemp">${list.mapname}</td>
                                    <td class="noTemp">${list.x_Truelength}</td>
                                    <td class="noTemp">${list.y_Truewidth}</td>
                                    <td class="noTemp">${list.x0_length}</td>
                                    <td class="noTemp">${list.y0_width}</td>
                                    <td class="noTemp">${list.x_Pixel}</td>
                                    <td class="noTemp">${list.y_Pixel}</td>
                                    <td class="noTemp">${list.baoliu3}</td>
                                    <td class="noTemp">${list.baoliu4}</td>
                                    <td class="noTemp">${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>
                  <!--  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: {}, 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");
                        }
                     });
                     $('.header-page').load('/hxzkoa/hxzk/top.html'); $('.login-page').load('/hxzkoa/hxzk/head.html');
                     $(".toExcel").click(function () {
                        $(".table-responsive").table2excel({
                           // 不被导出的表格行的CSS class类
                           exclude: ".noExl",
                           // 导出的Excel文档的名称
                           name: "地图",
                           // Excel文件的名称
                           filename: "地图",
                           //文件后缀名
                           fileext: ".xls",
                           //是否排除导出图片
                           exclude_img: false,
                           //是否排除导出超链接
                           exclude_links: false,
                           //是否排除导出输入框中的内容
                           exclude_inputs: false
                        });
                     });
                     $(".toTemplate").click(function () {
                        $(".table-responsive").table2excel({
                           // 不被导出的表格行的CSS class类
                           exclude: ".noTemp",
                           // 导出的Excel文档的名称
                           name: "地图",
                           // Excel文件的名称
                           filename: "地图模板",
                           //文件后缀名
                           fileext: ".xls",
                           //是否排除导出图片
                           exclude_img: false,
                           //是否排除导出超链接
                           exclude_links: false,
                           //是否排除导出输入框中的内容
                           exclude_inputs: false
                        });
                     });
                     // 分页跳转
                     function page(page) {
                        var curPage = $("#curPage").val();
                        $.ajax({
                           async: false, //同步的
                           type: "POST",
                           url: "/hxzkoa/mapManagement_page.do",
                           data: {
                              page: page,
                              curPage: curPage
                           },
                           dataType: "json",
                           success: function (data) {
                              var str = "";
                              for (var k in data.dataList) {
                                 str += "<tr align=\"center\"><td class=\"noExl noTemp 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;bottom:5px;\"></label></td><td>" +
                                    data.dataList[k].id + "</td><td>" + data.dataList[k].floor + "</td><td>" + data.dataList[k].mapname +
                                    "</td><td>" + data.dataList[k].x_Truelength + "</td><td>" + data.dataList[k].y_Truewidth +
                                    "</td><td>" + data.dataList[k].x0_length + "</td><td>" + data.dataList[k].y0_width +
                                    "</td><td>" + data.dataList[k].x_Pixel + "</td><td>" + data.dataList[k].y_Pixel + "</td><td>" +
                                    formatDate(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');
                           }
                        });
                     }
                     // 搜索功能
                     $(".search").click(function () {
            </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[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");
            }
         };
         $('.header-page').load('/hxzkoa/hxzk/top.html');
         $('.login-page').load('/hxzkoa/hxzk/head.html');
         $(".toExcel").click(function() {
            $(".table-responsive").table2excel({
               // 不被导出的表格行的CSS class类
               exclude : ".noExl",
               // 导出的Excel文档的名称
               name : "地图",
               // Excel文件的名称
               filename : "地图",
               //文件后缀名
               fileext : ".xls",
               //是否排除导出图片
               exclude_img : false,
               //是否排除导出超链接
               exclude_links : false,
               //是否排除导出输入框中的内容
               exclude_inputs : false
            });
         });
         $(".toTemplate").click(function() {
            $(".table-responsive").table2excel({
               // 不被导出的表格行的CSS class类
               exclude : ".noTemp",
               // 导出的Excel文档的名称
               name : "地图",
               // Excel文件的名称
               filename : "地图模板",
               //文件后缀名
               fileext : ".xls",
               //是否排除导出图片
               exclude_img : false,
               //是否排除导出超链接
               exclude_links : false,
               //是否排除导出输入框中的内容
               exclude_inputs : false
            });
         });
         // 分页跳转
         function page(page) {
            var curPage = $("#curPage").val();
            $
                  .ajax({
                     async : false, //同步的
                     type : "POST",
                     url : "/hxzkoa/mapManagement_page.do",
                     data : {
                        page : page,
                        curPage : curPage
                     },
                     dataType : "json",
                     success : function(data) {
                        var str = "";
                        for ( var k in data.dataList) {
                           str += "<tr align=\"center\"><td class=\"noExl noTemp 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;bottom:5px;\"></label></td><td>"
                                 + data.dataList[k].id
                                 + "</td><td>"
                                 + data.dataList[k].floor
                                 + "</td><td>"
                                 + data.dataList[k].mapname
                                 + "</td><td>"
                                 + data.dataList[k].x_Truelength
                                 + "</td><td>"
                                 + data.dataList[k].y_Truewidth
                                 + "</td><td>"
                                 + data.dataList[k].x0_length
                                 + "</td><td>"
                                 + data.dataList[k].y0_width
                                 + "</td><td>"
                                 + data.dataList[k].x_Pixel
                                 + "</td><td>"
                                 + data.dataList[k].y_Pixel
                                 + "</td><td>"
                                 + data.dataList[k].baoliu3
                                 + "</td><td>"
                                 + data.dataList[k].baoliu4
                                 + "</td><td>"
                                 + formatDate(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');
                     }
                  });
         }
         // 搜索功能
         $(".search")
               .click(
                     function() {
                        var input = $("#search_input").val();
                        if (input == "") {
                           alert("输入不能为空!"); return;
                           alert("输入不能为空!");
                           return;
                        }
                        $.ajax({
                           async: false, //同步的
                           type: "POST",
                           url: "/hxzkoa/mapManagement_search.do",
                           data: {
                              input: input
                           },
                           dataType: "json",
                           success: function (data) {
                              //搜索完成后刷新页面,只显示查到的部分
                              var str = "";
                              for (var k in data.dataList) {
                                 str += "<tr align=\"center\"><td class=\"noExl noTemp 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;bottom:5px;\"></label></td><td>" +
                                    data.dataList[k].id + "</td><td>" + data.dataList[k].floor + "</td><td>" + data.dataList[k].mapname +
                                    "</td><td>" + data.dataList[k].x_Truelength + "</td><td>" + data.dataList[k].y_Truewidth +
                                    "</td><td>" + data.dataList[k].x0_length + "</td><td>" + data.dataList[k].y0_width +
                                    "</td><td>" + data.dataList[k].x_Pixel + "</td><td>" + data.dataList[k].y_Pixel + "</td><td>" +
                                    formatDate(data.dataList[k].addTime) + "</td></tr>";
                              }
                              $("#nr").html(str);
                              for (var i = 0; i < 10; i++) {
                                 $("#page_" + i).removeClass("active");
                              }
                              $("#page_" + data.curPage).addClass("active");
                           },
                           error: function () {
                              //console.log('error');
                           }
                        });
                     });
                     $(".reset").click(function () {
                        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");
                              var floors = document.getElementsByName("floors");
                              for (var k in floors) {
                                 if (obj[k].checked) {
                                    checkVal.push(floors[k].value);
                                 }
                              }
                              if (checkVal.length > 0) {
                                 $.ajax({
                                    async: false, //同步的
                                    type: "POST",
                                    url: "/hxzkoa/mapManagement_delete.do",
                                    data: {
                                       checkVal: checkVal.toString()
                                    },
                                    dataType: "json"
                                 });
                                 swal(
                                    'Deleted!',
                                    '删除成功!',
                                    'success'
                                 )
                                 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) {
                              //获取选中数据
                              var checkVal = [];
                              var obj = document.getElementsByName("selectIds");
                              for (var k in obj) {
                                 if (obj[k].checked) {
                                    checkVal.push(obj[k].id);
                                 }
                              }
                              $.ajax({
                                 async: false, //同步的
                                 type: "POST",
                                 url: "/hxzkoa/mapManagement_deleteAll.do",
                                 data: {
                                    checkVal: checkVal.toString()
                        $
                              .ajax({
                                 async : false, //同步的
                                 type : "POST",
                                 url : "/hxzkoa/mapManagement_search.do",
                                 data : {
                                    input : input
                                 },
                                 dataType: "json"
                                 dataType : "json",
                                 success : function(data) {
                                    //搜索完成后刷新页面,只显示查到的部分
                                    var str = "";
                                    for ( var k in data.dataList) {
                                       str += "<tr align=\"center\"><td class=\"noExl noTemp 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;bottom:5px;\"></label></td><td>"
                                             + data.dataList[k].id
                                             + "</td><td>"
                                             + data.dataList[k].floor
                                             + "</td><td>"
                                             + data.dataList[k].mapname
                                             + "</td><td>"
                                             + data.dataList[k].x_Truelength
                                             + "</td><td>"
                                             + data.dataList[k].y_Truewidth
                                             + "</td><td>"
                                             + data.dataList[k].x0_length
                                             + "</td><td>"
                                             + data.dataList[k].y0_width
                                             + "</td><td>"
                                             + data.dataList[k].x_Pixel
                                             + "</td><td>"
                                             + data.dataList[k].y_Pixel
                                             + "</td><td>"
                                             + data.dataList[k].baoliu3
                                             + "</td><td>"
                                             + data.dataList[k].baoliu4
                                             + "</td><td>"
                                             + formatDate(data.dataList[k].addTime)
                                             + "</td></tr>";
                                    }
                                    $("#nr").html(str);
                                    for (var i = 0; i < 10; i++) {
                                       $("#page_" + i)
                                             .removeClass(
                                                   "active");
                                    }
                                    $("#page_" + data.curPage)
                                          .addClass("active");
                                 },
                                 error : function() {
                                    //console.log('error');
                                 }
                              });
                              swal(
                                 'Deleted!',
                                 '已删除',
                                 'success'
                              )
                              setTimeout("window.location.reload()", 1000);
                           }
                        })
                     });
                     $(".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;
                        }
                     });
                     function getId() {
                        var fistId, state;
                        $('input[name="selectIds"]').each(
                           function () {
                              state = $(this).prop('checked');
                              if (state) {
                                 firstId = $(this).attr('id');
                                 return false;
                              }
                           }
                        );
                        if (!state) {
                           $('input[name="selectIds"]').each(
                              function () {
                                 state = $(this).prop('checked');
                                 if (!state) {
                                    firstId = $(this).attr('id');
                                    return false;
                                 }
                              }
                           );
                        }
                        $("#mapId").val(firstId);
         $(".reset").click(function() {
            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");
                  var floors = document.getElementsByName("floors");
                  for ( var k in floors) {
                     if (obj[k].checked) {
                        checkVal.push(floors[k].value);
                     }
                     // 修改功能初始化
                     $('.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];
                                 $("#floor_m").val(tr.children[2].innerHTML);
                                 $("#realX_m").val(tr.children[4].innerHTML);
                                 $("#realY_m").val(tr.children[5].innerHTML);
                                 $("#x0_m").val(tr.children[6].innerHTML);
                                 $("#y0_m").val(tr.children[7].innerHTML);
                                 $("#pixelX_m").val(tr.children[8].innerHTML);
                                 $("#pixelY_m").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];
                                    $("#floor_m").val(tr.children[2].innerHTML);
                                    $("#realX_m").val(tr.children[4].innerHTML);
                                    $("#realY_m").val(tr.children[5].innerHTML);
                                    $("#x0_m").val(tr.children[6].innerHTML);
                                    $("#y0_m").val(tr.children[7].innerHTML);
                                    $("#pixelX_m").val(tr.children[8].innerHTML);
                                    $("#pixelY_m").val(tr.children[9].innerHTML);
                                    return false;
                                 }
                              }
                           );
                           alert("请选中一条数据进行修改,当前默认第一条!");
                        }
                  }
                  if (checkVal.length > 0) {
                     $.ajax({
                        async : false, //同步的
                        type : "POST",
                        url : "/hxzkoa/mapManagement_delete.do",
                        data : {
                           checkVal : checkVal.toString()
                        },
                        dataType : "json"
                     });
                     // 导出表格
                     $(".toAllExcel").click(function () {
                        window.location.href = '/hxzkoa/mapManagement_export.do';
                        swal({
                           title: "Exported!",
                           text: "导出成功!",
                           type: "success",
                           showCancelButton: false,
                           showConfirmButton: false,
                           buttons: false
                        })
                        setTimeout("window.location.reload()", 1000);
                     });
                     $(".getPixel").click(function () {
                        var input = document.getElementById("file_a");
                        if (input.files) {
                           //读取图片数据
                           var f = input.files[0];
                           var reader = new FileReader();
                           reader.onload = function (e) {
                              var data = e.target.result;
                              //加载图片获取图片真实宽度和高度
                              var image = new Image();
                              image.onload = function () {
                                 var width = image.width;
                                 var height = image.height;
                                 document.getElementById("pixelY_a").value = height;
                                 document.getElementById("pixelX_a").value = width;
                                 document.getElementById("pixelY_m").value = height;
                                 document.getElementById("pixelX_m").value = width;
                              };
                              image.src = data;
                           };
                           reader.readAsDataURL(f);
                        } else {
                           var image = new Image();
                           image.onload = function () {
                              var width = image.width;
                              var height = image.height;
                              var fileSize = image.fileSize;
                              document.getElementById("pixelY_a").value = height;
                              document.getElementById("pixelX_a").value = width;
                              document.getElementById("pixelY_m").value = height;
                              document.getElementById("pixelX_m").value = width;
                           }
                           image.src = input.value;
                        }
                     });
                     $("#zengjia").on('click', function () {
                        var floor = $("#floor_a").val();
                        var result = "";
                        $.ajax({
                           async: false,
                           type: "POST",
                           url: "/hxzkoa/mapfloor_search.do",
                           data: {
                              floor: floor
                           },
                           dataType: "json",
                           success: function (data) {
                              result = data
                           },
                        });
                        if (result == 1) {
                           swal(
                              '添加失败!',
                              '该图层已存在',
                              'error'
                           )
                           return false;
                        }
                        //console.log("result", result);
                        var realX = $("#realX_a").val();
                        var realY = $("#realY_a").val();
                        //var reg2 = /^-?\\d+$/;
                        var reg2 = new RegExp("^[0-9][0-9]*$");
                        var result_x = reg2.test(realX);
                        var result_y = reg2.test(realY);
                        var x0 = $("#x0_a").val();
                        var result_x0 = reg2.test(x0);
                        var y0 = $("#y0_a").val();
                        var result_y0 = reg2.test(y0);
                        var pixelX = $("#pixelX_a").val();
                        var result_px = reg2.test(pixelX);
                        var pixelY = $("#pixelY_a").val();
                        var result_py = reg2.test(pixelY);
                        if (realX == "" || realY == "" || x0 == "" || y0 == "" || pixelX == "" || pixelY == ""){
                           swal('输入有误',
                                 '输入不能为空!',
                                 'error');
                           return false;
                        }
                        if ((!result_x && realX != "") || (!result_y && realY != "") || (!result_x0 && x0 != "") || (!result_y0 && y0 != "") || (!result_px && pixelX != "") || (!result_py && pixelY != "")) {
                           swal(
                                 '输入有误',
                                 '不能输入小数!',
                                 'error');
                           return false;
                        }
                     });
                  </script>
         </body>
                     swal('Deleted!', '删除成功!', 'success')
                     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) {
                  //获取选中数据
                  var checkVal = [];
                  var obj = document.getElementsByName("selectIds");
                  for ( var k in obj) {
                     if (obj[k].checked) {
                        checkVal.push(obj[k].id);
                     }
                  }
                  $.ajax({
                     async : false, //同步的
                     type : "POST",
                     url : "/hxzkoa/mapManagement_deleteAll.do",
                     data : {
                        checkVal : checkVal.toString()
                     },
                     dataType : "json"
                  });
                  swal('Deleted!', '已删除', 'success')
                  setTimeout("window.location.reload()", 1000);
               }
            })
         });
         $(".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;
            }
         });
         function getId() {
            var fistId, state;
            $('input[name="selectIds"]').each(function() {
               state = $(this).prop('checked');
               if (state) {
                  firstId = $(this).attr('id');
                  return false;
               }
            });
            if (!state) {
               $('input[name="selectIds"]').each(function() {
                  state = $(this).prop('checked');
                  if (!state) {
                     firstId = $(this).attr('id');
                     return false;
                  }
         </html>
               });
            }
            $("#mapId").val(firstId);
         }
         // 修改功能初始化
         $('.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];
                  $("#floor_m").val(tr.children[2].innerHTML);
                  $("#realX_m").val(tr.children[4].innerHTML);
                  $("#realY_m").val(tr.children[5].innerHTML);
                  $("#x0_m").val(tr.children[6].innerHTML);
                  $("#y0_m").val(tr.children[7].innerHTML);
                  $("#pixelX_m").val(tr.children[8].innerHTML);
                  $("#pixelY_m").val(tr.children[9].innerHTML);
                  $("#baoliu3m").val(tr.children[10].innerHTML);
                  $("#baoliu4m").val(tr.children[11].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];
                     $("#floor_m").val(tr.children[2].innerHTML);
                     $("#realX_m").val(tr.children[4].innerHTML);
                     $("#realY_m").val(tr.children[5].innerHTML);
                     $("#x0_m").val(tr.children[6].innerHTML);
                     $("#y0_m").val(tr.children[7].innerHTML);
                     $("#pixelX_m").val(tr.children[8].innerHTML);
                     $("#pixelY_m").val(tr.children[9].innerHTML);
                     $("#baoliu3m").val(tr.children[10].innerHTML);
                     $("#baoliu4m").val(tr.children[11].innerHTML);
                     return false;
                  }
               });
               alert("请选中一条数据进行修改,当前默认第一条!");
            }
         });
         // 导出表格
         $(".toAllExcel").click(function() {
            window.location.href = '/hxzkoa/mapManagement_export.do';
            swal({
               title : "Exported!",
               text : "导出成功!",
               type : "success",
               showCancelButton : false,
               showConfirmButton : false,
               buttons : false
            })
            setTimeout("window.location.reload()", 1000);
         });
         $(".getPixel").click(function() {
            var input = document.getElementById("file_a");
            console.log(input)
            if (input.files) {
               //读取图片数据
               var f = input.files[0];
               var reader = new FileReader();
               reader.onload = function(e) {
                  var data = e.target.result;
                  //加载图片获取图片真实宽度和高度
                  var image = new Image();
                  image.onload = function() {
                     var width = image.width;
                     var height = image.height;
                     document.getElementById("pixelY_a").value = height;
                     document.getElementById("pixelX_a").value = width;
                     document.getElementById("pixelY_m").value = height;
                     document.getElementById("pixelX_m").value = width;
                  };
                  image.src = data;
               };
               reader.readAsDataURL(f);
            } else {
               var image = new Image();
               image.onload = function() {
                  var width = image.width;
                  var height = image.height;
                  var fileSize = image.fileSize;
                  document.getElementById("pixelY_a").value = height;
                  document.getElementById("pixelX_a").value = width;
                  document.getElementById("pixelY_m").value = height;
                  document.getElementById("pixelX_m").value = width;
               }
               image.src = input.value;
            }
         });
         $("#zengjia").on(
               'click',
               function() {
                  var floor = $("#floor_a").val();
                  var result = "";
                  $.ajax({
                     async : false,
                     type : "POST",
                     url : "/hxzkoa/mapfloor_search.do",
                     data : {
                        floor : floor
                     },
                     dataType : "json",
                     success : function(data) {
                        result = data
                     },
                  });
                  if (result == 1) {
                     swal('添加失败!', '该图层已存在', 'error')
                     return false;
                  }
                  //console.log("result", result);
                  var realX = $("#realX_a").val();
                  var realY = $("#realY_a").val();
                  //var reg2 = /^-?\\d+$/;
                  var reg2 = new RegExp("^[0-9][0-9]*$");
                  var result_x = reg2.test(realX);
                  var result_y = reg2.test(realY);
                  var x0 = $("#x0_a").val();
                  var result_x0 = reg2.test(x0);
                  var y0 = $("#y0_a").val();
                  var result_y0 = reg2.test(y0);
                  var pixelX = $("#pixelX_a").val();
                  var result_px = reg2.test(pixelX);
                  var pixelY = $("#pixelY_a").val();
                  var result_py = reg2.test(pixelY);
                  if (realX == "" || realY == "" || x0 == "" || y0 == ""
                        || pixelX == "" || pixelY == "") {
                     swal('输入有误', '输入不能为空!', 'error');
                     return false;
                  }
                  if ((!result_x && realX != "")
                        || (!result_y && realY != "")
                        || (!result_px && pixelX != "")
                        || (!result_py && pixelY != "")) {
                     swal('输入有误', '不能输入小数!', 'error');
                     return false;
                  }
               });
      </script>
</body>
</html>