<%@ 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);
|
}
|
.table-bordered td, .table-bordered th {
|
border: 1px solid #ebedf2;
|
}
|
</style>
|
<script src="/hxzkoa/hxzk/assets/js/app.js"></script>
|
<script src="/hxzkoa/hxzk/assets/js/dashboard/dash_2.js"></script>
|
<script src="/hxzkoa/hxzk/assets/js/loader.js"></script>
|
<script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script>
|
<script src="/hxzkoa/hxzk/bootstrap/js/bootstrap.min.js"></script>
|
<script src="/hxzkoa/hxzk/bootstrap/js/popper.min.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/apex/apexcharts.min.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/table/datatable/button-ext/jszip.min.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/table/jquery.table2excel.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/sweetalerts/promise-polyfill.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/sweetalerts/custom-sweetalert.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
|
</head>
|
<body class="alt-menu sidebar-noneoverflow">
|
<!-- BEGIN LOADER -->
|
<div id="load_screen"> <div class="loader"> <div class="loader-content">
|
<div class="spinner-grow align-self-center"></div>
|
</div></div></div>
|
<!-- END LOADER -->
|
<div class="border-left" style="opacity:0.4;float:left;position:absolute;z-index:1;left:120px;height:20px;"><img alt="" src="/hxzkoa/resources/images/border.png" class="img-left"></div>
|
<div class="border-right" style="opacity:0.4;float:right;position:absolute;z-index:2;right:120px;"><img alt="" src="/hxzkoa/resources/images/border2.png" class="img-right"></div>
|
<!-- BEGIN NAVBAR -->
|
<div class="login-page"></div>
|
<!-- END NAVBAR -->
|
<!-- BEGIN 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 modifyNew" tabindex="-1" role="dialog"
|
aria-labelledby="myExtraLargeModalLabel" aria-hidden="true">
|
<div class="modal-dialog modal-xl" role="document" style="width:30%;">
|
<div class="modal-content">
|
<div class="modal-header">
|
<h5 class="modal-title" id="myExtraLargeModalLabel">修改</h5>
|
<button type="button" class="close" data-dismiss="modal"
|
aria-label="Close">
|
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
width="24" height="24" viewBox="0 0 24 24" fill="none"
|
stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
stroke-linejoin="round" class="feather feather-x">
|
<line x1="18" y1="6" x2="6" y2="18"></line>
|
<line x1="6" y1="6" x2="18" y2="18"></line></svg>
|
</button>
|
</div>
|
<div class="modal-body">
|
<form action="form_action.asp" method="get">
|
<div
|
style="width:90%; margin:0 auto; overflow:auto; _display:inline-block;">
|
<div style="width:60%; margin-left:20%;float:left;">
|
<label for="quyu_m">区域名称:</label>
|
<input class="form-control" type="text" id="quyu_m" disabled="disabled" />
|
</div>
|
</div>
|
<div
|
style="width:90%; margin:0 auto; overflow:auto; _display:inline-block;">
|
<div style="width:60%; margin-left:20%;float:left;">
|
<label for="xunshu_m">巡检顺序:</label>
|
<select class="form-control form-control-lg" id="xunshu_m">
|
<option value="无">无</option>
|
<option value="1">1</option>
|
<option value="2">2</option>
|
<option value="3">3</option>
|
<option value="4">4</option>
|
<option value="5">5</option>
|
<option value="6">6</option>
|
<option value="7">7</option>
|
<option value="8">8</option>
|
<option value="9">9</option>
|
<option value="10">10</option>
|
<option value="11">11</option>
|
<option value="12">12</option>
|
</select>
|
</div>
|
</div>
|
<div
|
style="width:90%; margin:0 auto; overflow:auto; _display:inline-block;">
|
<div style="width:60%; margin-left:20%;float:left;">
|
<label for="zuobiao_m">巡检次数:</label> <input
|
class="form-control" type="text" id="cishu_m" />
|
</div>
|
</div>
|
<div
|
style="width:90%; margin:0 auto; overflow:auto; _display:inline-block;">
|
<div style="width:60%; margin-left:20%;float:left;">
|
<label for="start_m">绑定对象:</label>
|
<select class="form-control form-control-lg" id="tagid_m">
|
<c:forEach items="${tagidList}" var="list">
|
<option value="${list}">${list}</option>
|
</c:forEach>
|
</select>
|
</div>
|
</div>
|
<div
|
style="width:90%; margin:0 auto; overflow:auto; _display:inline-block;">
|
<div style="width:60%; margin-left:20%;float:left;">
|
<label for="stop_m">停留时间/s:</label> <input
|
class="form-control" type="text" id="needstoptime_m" />
|
</div>
|
</div>
|
<div
|
style="width:90%; margin:0 auto; overflow:auto; _display:inline-block;">
|
<div style="width:60%; margin-left:20%;float:left;">
|
<label for="stop_m">最晚巡检时间:</label> <input
|
class="form-control" type="text" id="stoptime_m" />
|
</div>
|
</div>
|
<div class="modal-footer"
|
style="margin-top:10%; margin-left:10%;float:left;">
|
<button type="button" class="btn btn-primary modify">保存</button>
|
<a><c:forEach var="i" begin="1" end="28"> </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 style="margin-bottom:20px;">
|
<button type="button" class="btn btn-secondary initModify" data-toggle="modal" data-target=".modifyNew" id="modifyButton">修改</button>
|
<button type="button" class="btn btn-secondary reset">刷新</button>
|
|
</div>
|
<thead>
|
<tr align="center">
|
<th class="noExl">选择</th>
|
<th>名称</th>
|
<th>最晚巡检时间</th>
|
<th>巡检顺序</th>
|
<th>标签ID</th>
|
<th>停留时间/秒</th>
|
<th>要求巡检次数</th>
|
<th>添加时间</th>
|
</tr>
|
</thead>
|
<tbody id="nr">
|
<c:forEach items="${inspectionSettingsList}" var="list">
|
<tr align="center" class="d">
|
<td class="noExl custom-control custom-checkbox"><input type="checkbox"
|
class="custom-control-input" id="${list.id}"
|
name="selectIds"><label
|
class="custom-control-label" for="${list.id}"
|
style="position:raletive;left:20px;bottom:4px"></label></td>
|
<td>${list.quyu}</td>
|
<td>${list.stoptime}</td>
|
<td>${list.xunshu}</td>
|
<td>${list.tagid}</td>
|
<td>${list.needstoptime}</td>
|
<td>${list.cishu}</td>
|
<td>${list.addtime}</td>
|
</tr>
|
</c:forEach>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- END CONTENT PART -->
|
</div>
|
<%
|
String username=(String)session.getAttribute("username");
|
if(username==null || username.equals("")){
|
request.getRequestDispatcher("/hxzk/login.jsp").forward(request,response);
|
return;
|
}
|
%>
|
<!-- END MAIN CONTAINER -->
|
<script>
|
// 页面初始化
|
$(document).ready(function() {
|
App.init();$.ajax({async : false, type : "POST",url : "/hxzkoa/getSysSetting_list.do",data : {},dataType : "json",success:function(data){/* title = data[0].title;document.title = title; */},});
|
$("#page_1").addClass("active");
|
});
|
// 加载head复用页面
|
$('.header-page').load('/hxzkoa/hxzk/top.html');$('.login-page').load('/hxzkoa/hxzk/head.html');
|
// 刷新功能
|
$(".reset").click(function() {
|
setTimeout("window.location.reload()", 1000);
|
});
|
// 修改功能初始化
|
$('.initModify').on('click', function() {
|
var tr,state,firstId;
|
$('input[name="selectIds"]').each(
|
function(){
|
state = $(this).prop('checked');
|
if(state){
|
firstId = $(this).attr('id');
|
tr = $(this).parent().parent()[0];
|
$("#quyu_m").val(tr.children[1].innerHTML);
|
$("#xunshu_m").val(tr.children[3].innerHTML);
|
$("#tagid_m").val(tr.children[4].innerHTML);
|
$("#cishu_m").val(tr.children[6].innerHTML);
|
$("#needstoptime_m").val(tr.children[7].innerHTML);
|
$("#stoptime_m").val(tr.children[2].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];
|
$("#quyu_m").val(tr.children[1].innerHTML);
|
$("#xunshu_m").val(tr.children[3].innerHTML);
|
$("#tagid_m").val(tr.children[4].innerHTML);
|
$("#cishu_m").val(tr.children[6].innerHTML);
|
$("#needstoptime_m").val(tr.children[7].innerHTML);
|
$("#stoptime_m").val(tr.children[2].innerHTML);
|
return false;
|
}
|
|
}
|
);
|
alert("请选中一条数据进行修改,当前默认第一条!");
|
}
|
});
|
// 修改功能
|
$('.modify').on('click', function() {
|
var quyu = $("#quyu_m").val();
|
var xunshu = $("#xunshu_m").val();
|
var tagid = $('#tagid_m option:selected').val();
|
var cishu = $("#cishu_m").val();
|
var needstoptime = $("#needstoptime_m").val();
|
var stoptime = $("#stoptime_m").val();
|
$.ajax({
|
async : false, //同步的
|
type : "POST",
|
url : "/hxzkoa/inspectionSettings_modify.do",
|
data : {
|
quyu : quyu,
|
xunshu : xunshu,
|
tagid : tagid,
|
cishu : cishu,
|
needstoptime : needstoptime,
|
stoptime : stoptime
|
},
|
dataType : "json"
|
});
|
swal({title:"Modified!",
|
text:"修改成功!",
|
type:"success",
|
showCancelButton:false,
|
showConfirmButton:false,
|
buttons: false
|
})
|
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;
|
}
|
});
|
</script>
|
</body>
|
</html>
|