<%@ 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/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/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>
|
</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>
|
<style>
|
tr:first-child,
|
tr:last-child{
|
position: sticky;
|
background: #F4F4F5;
|
border-left: 1px solid #DDDDDD ;
|
}
|
thead tr {
|
position: sticky;
|
top: 0;
|
background: #F4F4F5;
|
height: 30px;
|
}
|
|
tr:first-child {
|
z-index: 3;
|
/*左上角单元格z-index，切记要设置，不然表格纵向横向滚动时会被该单元格右方或者下方的单元格遮挡*/
|
background: #F4F4F5;
|
}
|
.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);
|
}
|
</style>
|
<body style="background-image: none">
|
<table id="html5-extension" class="table table-hover"
|
style="width: 770px;background-color: black;background-image: none">
|
<thead>
|
<div class='panel-head'>在线:离线车辆</div>
|
<tr align="center" style="color:#029890">
|
<th class="noExl" style="color: #029890">序号</th>
|
<th style="color: #029890">车辆名称</th>
|
<th style="color: #029890">标签ID</th>
|
<th style="color: #029890">部门</th>
|
<th class="noExl" style="color: #029890">状态</th>
|
</tr>
|
</thead>
|
<tbody id="nr" style="background-color: #46535B;background-image: none">
|
<c:forEach items="${personManagementList}" var="list">
|
<tr align="center" style="background-image: none" >
|
<td class="noExl" style="color: white">${list.id}</td>
|
<td class="noExl" style="color: white">${list.p_tagid}</td>
|
<td class="noExl" style="color: white">${list.p_name}</td>
|
<td class="noExl" style="color: white">${list.p_department}</td>
|
<td class="noExl" style="color: white">${list.p_online == "1" ? "在线":"离线"}</td>
|
</tr>
|
</c:forEach>
|
</tbody>
|
</table>
|
|
|
|
<%
|
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%>">
|
<input type="hidden" name="xianusera" id="xianusera" value="<%=username%>">
|
<!-- 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;
|
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");
|
}
|
};
|
$('.header-page').load('/hxzkoa/hxzk/top.html');$('.login-page').load('/hxzkoa/hxzk/head.html');
|
$(".reset").click(function() {
|
setTimeout("window.location.reload()", 1000);
|
});
|
// 分页跳转
|
|
// 搜索功能
|
$(".search").click(function() {
|
var input = $("#search_input").val();
|
if (input == "") {
|
swal('输入有误','输入不能为空！','error');return;
|
}
|
if (isNaN(input)) {
|
//swal('输入有误','请输入数字！','error');return;
|
}
|
$.ajax({
|
async : false, //同步的
|
type : "POST",
|
url : "/hxzkoa/personManagement_search2.do",
|
data : {
|
input : input
|
},
|
dataType : "json",
|
success : function(data) {
|
//搜索完成后刷新页面,只显示查到的部分
|
var str = "";
|
for (var k in data.dataList) {
|
str += "<tr align=\"center\"><td class=\"noExl custom-control custom-checkbox\"><input type=\"checkbox\" class=\"custom-control-input\" id=" +
|
data.dataList[k].id + "\" name=\"selectIds\"><label class=\"custom-control-label\" for=" + data.dataList[k].id +
|
"\" style=\"position:raletive;left:20px;top:5px;\"></label></td><td class=\"noExl\">" +
|
data.dataList[k].id + "</td><td class=\"noExl\">" +
|
data.dataList[k].p_tagid + "</td><td class=\"noExl\">" + data.dataList[k].p_name + "</td><td class=\"noExl\">" +
|
data.dataList[k].p_department + "</td><td class=\"noExl\">" +
|
data.dataList[k].p_power + "</td><td class=\"noExl\"><img src=\"hxzk/" + data.dataList[k].p_image + "\"/></td><td class=\"noExl\">" +
|
data.dataList[k].p_addtiem + "</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');
|
}
|
});
|
});
|
// 修改功能初始化
|
$('.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];
|
$("#p_tag_id_m").val(tr.children[2].innerHTML);
|
$("#p_name_m").val(tr.children[3].innerHTML);
|
//$("#department_m").val(tr.children[4].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];
|
$("#p_tag_id_m").val(tr.children[2].innerHTML);
|
$("#p_name_m").val(tr.children[3].innerHTML);
|
//$("#department_m").val(tr.children[4].innerHTML);
|
return false;
|
}
|
|
}
|
);
|
alert("请选中一条数据进行修改,当前默认第一条！");
|
}
|
});
|
// 修改功能
|
$('.modify').on('click', function() {
|
var result = document.getElementById('department_m').value.split(",");
|
var p_department = result[0]
|
var p_tagid = $("#p_tag_id_m").val();
|
var p_name = $("#p_name_m").val();
|
if(p_department =='' || p_tagid =='' ||p_name ==''){
|
swal(
|
'失败!',
|
'请补全数据',
|
'error'
|
)
|
return
|
}
|
$.ajax({
|
async : false, //同步的
|
type : "POST",
|
url : "/hxzkoa/personManagement_modify2.do",
|
data : {
|
p_department : p_department,
|
p_tagid : p_tagid,
|
p_name : p_name,
|
},
|
dataType : "json"
|
});
|
swal(
|
'Modified!',
|
'修改成功！',
|
'success'
|
)
|
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 tagids = document.getElementsByName("tagids");
|
for (var k in obj) {
|
if (obj[k].checked) {
|
checkVal.push(tagids[k].value);
|
}
|
}
|
if (checkVal.length>0){
|
$.ajax({
|
async : false, //同步的
|
type : "POST",
|
url : "/hxzkoa/personManagement_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/personManagement_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;
|
}
|
});
|
// 导入标签
|
$(document).ready(function(){
|
var resultList = $("#resultList").val();
|
//console.log(resultList)
|
if (resultList == '1'){
|
swal({title:"Imported!",
|
text:"导入成功！",
|
type:"success",
|
showCancelButton:false,
|
showConfirmButton:false,
|
buttons: false
|
})
|
setTimeout("history.go(-1)",2000);
|
} else if (resultList == '0'){
|
swal(
|
'导入失败!',
|
'无法获取文件',
|
'error'
|
)
|
setTimeout("history.go(-1)",2000);
|
}
|
});
|
|
// 导出表格
|
$(".toAllExcel").click(function() {
|
window.location.href='/hxzkoa/personManagement_export2.do';
|
swal({title:"Exported!",
|
text:"导出成功！",
|
type:"success",
|
showCancelButton:false,
|
showConfirmButton:false,
|
buttons: false
|
})
|
setTimeout("window.location.reload()",1000);
|
});
|
// 下载模板
|
$(".toExcel").click(function() {
|
window.location.href='/hxzkoa/personManagement_exportTemplate2.do';
|
swal({title:"Exported!",
|
text:"导出成功！",
|
type:"success",
|
showCancelButton:false,
|
showConfirmButton:false,
|
buttons: false
|
})
|
setTimeout("window.location.reload()",1000);
|
});
|
</script>
|
</body>
|
</html>
|
