<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
<html lang="en">
|
|
<head>
|
<meta charset="utf-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta name="viewport"
|
content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
|
<title>地图管理</title>
|
<link href="/hxzkoa/hxzk/bootstrap/css/bootstrap.min.css"
|
rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/img/favicon.ico" rel="icon"
|
type="image/x-icon" />
|
<link href="/hxzkoa/hxzk/assets/css/components/custom-modal.css"
|
rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/components/custom-sweetalert.css"
|
rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/dashboard/dash_2.css"
|
rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/elements/custom-pagination.css"
|
rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/loader.css" rel="stylesheet"
|
type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/scrollspyNav.css" rel="stylesheet"
|
type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/main.css" rel="stylesheet"
|
type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/structure.css" rel="stylesheet"
|
type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/elements/search.css"
|
rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/apex/apexcharts.css" rel="stylesheet"
|
type="text/css">
|
<link href="/hxzkoa/hxzk/plugins/animate/animate.css" rel="stylesheet"
|
type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/highlight/styles/monokai-sublime.css"
|
rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.css"
|
rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert.css"
|
rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/table/datatable/datatables.css"
|
rel="stylesheet" type="text/css">
|
<link href="/hxzkoa/hxzk/plugins/table/datatable/custom_dt_html5.css"
|
rel="stylesheet" type="text/css">
|
<link href="/hxzkoa/hxzk/plugins/table/datatable/dt-global_style.css"
|
rel="stylesheet" type="text/css">
|
<link
|
href="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.css"
|
rel="stylesheet" type="text/css" />
|
<link href="https://fonts.gstatic.com" rel="preconnect">
|
<link
|
href="https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap"
|
rel="stylesheet">
|
<link
|
href="https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700&display=swap"
|
rel="stylesheet">
|
<style>
|
body {
|
margin: 0px;
|
width: 100%;
|
min-width: 1500px;
|
max-width: 100%;
|
height: 100%;
|
background-color: #F0F0F0;
|
}
|
|
#head {
|
background-color: #FFFF00;
|
width: 100%;
|
height: 100px;
|
}
|
|
#center {
|
background-color: #00FFFF;
|
width: 100%;
|
min-height: 100%;
|
}
|
|
#foot {
|
background-color: #FF00FF;
|
width: 100%;
|
height: 100px;
|
}
|
|
.panel-head {
|
font-size: 1rem;
|
color: rgba(255, 255, 255, .7);
|
line-height: 2rem;
|
text-align: center;
|
background: linear-gradient(rgb(0, 20, 30), rgb(0, 40, 70));
|
border: 2px solid rgba(0, 90, 120, .3);
|
}
|
|
.table-bordered td, .table-bordered th {
|
border: 1px solid #ebedf2;
|
}
|
</style>
|
<script src="/hxzkoa/hxzk/assets/js/app.js"></script>
|
<script src="/hxzkoa/hxzk/assets/js/dashboard/dash_2.js"></script>
|
<script src="/hxzkoa/hxzk/assets/js/loader.js"></script>
|
<script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script>
|
<script src="/hxzkoa/hxzk/bootstrap/js/bootstrap.min.js"></script>
|
<script src="/hxzkoa/hxzk/bootstrap/js/popper.min.js"></script>
|
<script src="/hxzkoa/hxzk/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"> </c:forEach>
|
</a>
|
<button class="btn" data-dismiss="modal">
|
<i class="flaticon-cancel-12"></i>取消
|
</button>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="modal fade 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>
|
<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"> </c:forEach>
|
</a>
|
<button class="btn" data-dismiss="modal">
|
<i class="flaticon-cancel-12"></i>取消
|
</button>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- END MODAL -->
|
|
<!-- BEGIN CONTENT PART -->
|
<div id="content" class="main-content">
|
<div class="layout-px-spacing">
|
|
<div class="row layout-top-spacing" id="cancel-row">
|
|
<div class="col-xl-12 col-lg-12 col-sm-12 layout-spacing">
|
<div class="widget-content widget-content-area br-6">
|
<div class="table-responsive mb-4 mt-4">
|
|
<table id="html5-extension" class="table table-hover"
|
style="width: 100%">
|
<div>
|
<div class="search-input-group-style input-group mb-3"
|
style="width: 15%; float: left; margin-left: 15px; margin-right: 15px;">
|
<div class="input-group-prepend">
|
<span class="input-group-text search" id="basic-addon1"><svg
|
xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
viewBox="0 0 24 24" fill="none" stroke="currentColor"
|
stroke-width="2" stroke-linecap="round"
|
stroke-linejoin="round" class="feather feather-search">
|
<circle cx="11" cy="11" r="8"></circle>
|
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
|
</svg></span>
|
</div>
|
<input type="text" id="search_input" class="form-control"
|
placeholder="请输入地图名称" aria-label="Username"
|
aria-describedby="basic-addon1">
|
</div>
|
<button type="button" class="btn btn-secondary reset">刷新</button>
|
<button type="button" class="btn btn-secondary"
|
data-toggle="modal" data-target=".addNew" id="addButton">新增</button>
|
<button type="button" class="btn btn-secondary initModify"
|
data-toggle="modal" data-target=".modifyNew"
|
id="modifyButton">修改</button>
|
<button type="button" class="btn btn-secondary delete"
|
id="deleteButton">删除</button>
|
<button type="button" class="btn btn-secondary deleteAll"
|
id="deleteAllButton">全部删除</button>
|
<button type="button" class="btn btn-secondary toAllExcel">导出表格</button>
|
<button type="button" class="btn btn-secondary 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>
|
<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>
|
</div>
|
|
</div>
|
|
</div>
|
<!-- END CONTENT PART -->
|
|
</div>
|
<%
|
String superuser = (String) session.getAttribute("superuser");
|
String deleteq = (String) session.getAttribute("deleteq");
|
String alertq = (String) session.getAttribute("alertq");
|
String deleteall = (String) session.getAttribute("deleteall");
|
String username = (String) session.getAttribute("username");
|
String fenceq = (String) session.getAttribute("fenceq");
|
if (username == null || username.equals("")) {
|
request.getRequestDispatcher("/hxzk/login.jsp").forward(request, response);
|
return;
|
}
|
%>
|
<input type="hidden" name="superuser" id="superuser"
|
value="<%=superuser%>"> <input type="hidden" name="deleteq"
|
id="deleteq" value="<%=deleteq%>"> <input type="hidden"
|
name="alertq" id="alertq" value="<%=alertq%>"> <input
|
type="hidden" name="deleteall" id="deleteall" value="<%=deleteall%>">
|
<input type="hidden" name="xianusera" id="xianusera" value="<%=username%>">
|
<input type="hidden" name="fenceq" id="fenceq" value="<%=fenceq%>">
|
<!-- END MAIN CONTAINER -->
|
<script>
|
// 页面初始化
|
window.onload = function() {
|
App.init();
|
$.ajax({
|
async : false,
|
type : "POST",
|
url : "/hxzkoa/getSysSetting_list2.do",
|
data : {},
|
dataType : "json",
|
success : function(data) {
|
/* title = data[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;
|
}
|
$
|
.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>"
|
+ 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');
|
}
|
});
|
});
|
$(".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()
|
},
|
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;
|
}
|
|
});
|
}
|
$("#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>
|
