<%@ 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;
|
}
|
.form-control{
|
max-width:200px;
|
}
|
</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 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 width="100%">
|
<tr align="center">
|
<td colspan="2">
|
<!-- 校对信息 表格 -->
|
<table width="60%" class="cont" >
|
<tr align="center">
|
<td align="right"><label for="p_port">发卡机端口</label></td>
|
<td align="left">
|
<input type="text" class="form-control" id="p_port" value="">
|
</td>
|
<td align="right"><label for="p_btl">波特率：</label></td>
|
<td align="left"><input type="text" class="form-control" id="p_btl" value="" disabled="disabled"></td>
|
<td align="center"><button class="btn btn-primary mb-2 savePort">保存端口</button></td>
|
<td align="center"><button class="btn btn-primary mb-2 connDev">连接设备</button></td>
|
</tr>
|
|
<tr align="center">
|
<td align="right"><label for="state">状态：</label></td>
|
<td align="left" colspan="7">
|
<input type="text" class="form-control" id="state" value="" style="width:50%;">
|
</td>
|
</tr>
|
<tr align="center">
|
<td align="right"><label for="p_name">姓名：</label></td>
|
<td align="left"><input type="text" class="form-control" id="p_name" value=""></td>
|
<td align="right"><label for="p_sex">性别：</label></td>
|
<td align="left"><input type="text" class="form-control" id="p_sex" value=""></td>
|
<td align="right"><label for="p_minzu">民族：</label></td>
|
<td align="left"><input type="text" class="form-control" id="p_minzu" value=""></td>
|
<td colspan="2" rowspan="3">
|
<div id="localImag" style="position:absolute;top:10px;right:10px;">
|
<c:choose>
|
<c:when test="">
|
<img id="morentouxiang" width="75px" height="100px"
|
style="diplay:none"
|
src="/hxzkoa/resources/images/morentouxiang.png" />
|
</c:when>
|
<c:otherwise>
|
<img id="morentouxiang" width="75px" height="100px"
|
style="diplay:none"
|
src="/hxzkoa/resources/images/morentouxiang.png" />
|
</c:otherwise>
|
</c:choose>
|
</div>
|
</td>
|
</tr>
|
<tr align="center">
|
<td align="right"><label for="birth">出生日期：</label></td>
|
<td align="left"><input type="text" class="form-control" id="birth" value=""></td>
|
<td align="right"><label for="effectiveTime">有效时间：</label></td>
|
<td align="left" colspan="5"><input type="text" class="form-control" id="effectiveTime" value="" style="width:50%;"></td>
|
</tr>
|
<tr align="center">
|
<td align="right"><label for="p_idcardnum">证件号码：</label></td>
|
<td align="left" colspan="7"><input type="text" class="form-control" id="p_idcardnum" value="" style="width:50%;"></td>
|
</tr>
|
<tr align="center">
|
<td align="right"><label for="p_adress">地址：</label></td>
|
<td align="left" colspan="7"><input type="text" class="form-control" id="p_adress" value="" style="width:50%;"></td>
|
</tr>
|
<tr align="center">
|
<td align="right"><label for="signorg">签发机关：</label></td>
|
<td align="left" colspan="7"><input type="text" class="form-control" id="signorg" value="" style="width:50%;"></td>
|
</tr>
|
<tr align="center">
|
<td align="right"><label for="p_tagid">定位卡：</label></td>
|
<td align="left"><input type="text" class="form-control" id="p_tagid" value=""></td>
|
<td align="right"><label for="p_phone">联系方式：</label></td>
|
<td align="left"><input type="text" class="form-control" id="p_phone" value=""></td>
|
<td align="right"><label for="p_department">选择部门：</label></td>
|
<td align="left">
|
<select class="form-control form-control-lg" id="p_department" style="font-size:12px;">
|
<c:forEach items="${department}" var="list">
|
<option value="${list.id}">${list.departmentName}</option>
|
</c:forEach>
|
</select>
|
</td>
|
<td colspan="2"></td>
|
</tr>
|
</table> <!-- 上传照片 表格 -->
|
<div style="margin-top:20px;">
|
<button class="btn btn-primary mb-2 idcard">读身份证</button>
|
<button class="btn btn-primary mb-2 poscard">读定位卡</button>
|
<button class="btn btn-primary mb-2 binding">绑定</button>
|
<button class="btn btn-primary mb-2 remove">解绑</button>
|
</div>
|
</td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- END CONTENT PART -->
|
</div>
|
<!-- END MAIN CONTAINER -->
|
<!-- BEGIN GLOBAL MANDATORY SCRIPTS -->
|
<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;},});
|
});
|
$('.header-page').load('/hxzkoa/hxzk/top.html');$('.login-page').load('/hxzkoa/hxzk/head.html');
|
// 读身份证
|
$(".idcard").click(function() {
|
$.ajax({
|
async : false, //同步的
|
type : "POST",
|
url : "/hxzkoa/labelDeliver_readIDcard.do",
|
dataType : "json",
|
success : function(data) {
|
//console.log(data)
|
var idcard = data.idcard.split("_")
|
var name = idcard[0]
|
var sex = idcard[1]
|
var minzu = idcard[2]
|
var chushengdate = idcard[3]
|
var date = idcard[4]
|
var idnum = idcard[5]
|
var address = idcard[6]
|
var fazhengjiguan = idcard[7]
|
$("#state").val("已生效");
|
$("#p_name").val(name);
|
$("#p_sex").val(sex);
|
$("#p_minzu").val(minzu);
|
$("#birth").val(chushengdate);
|
$("#p_idcardnum").val(idnum);
|
$("#p_adress").val(address);
|
$("#effectiveTime").val(date);
|
$("#signorg").val(fazhengjiguan);
|
swal({title:"idcard!",
|
text:"读取成功！",
|
type:"success",
|
showCancelButton:false,
|
showConfirmButton:false,
|
buttons: false,
|
timer: 1000
|
})
|
},
|
error : function() {
|
swal({title:"idcard!",
|
text:"读取失败！",
|
type:"error",
|
showCancelButton:false,
|
showConfirmButton:false,
|
buttons: false,
|
timer: 1000
|
})
|
}
|
});
|
});
|
// 读定位卡
|
$(".poscard").click(function() {
|
$.ajax({
|
async : false, //同步的
|
type : "POST",
|
url : "/hxzkoa/labelDeliver_readPoscard.do",
|
dataType : "json",
|
success : function(data) {
|
//console.log(data)
|
$("#p_tagid").val(data.rfidnum);
|
swal({title:"idcard!",
|
text:"读取成功！",
|
type:"success",
|
showCancelButton:false,
|
showConfirmButton:false,
|
buttons: false,
|
timer: 1000
|
})
|
},
|
error : function() {
|
swal({title:"idcard!",
|
text:"读取失败！",
|
type:"error",
|
showCancelButton:false,
|
showConfirmButton:false,
|
buttons: false,
|
timer: 1000
|
})
|
}
|
});
|
});
|
// 绑定
|
$(".binding").click(function() {
|
var p_name = $("#p_name").val();
|
var p_tagid = $("#p_tagid").val();
|
var p_sex = $("#p_sex").val();
|
var p_minzu = $("#p_minzu").val();
|
var p_phone = $("#p_phone").val();
|
var p_department = $("#p_department option:checked").text();
|
var p_idcardnum = $("#p_idcardnum").val();
|
var p_adress = $("#p_adress").val();
|
if (p_idcardnum == "") {
|
swal('绑定失败','证件号码不能为空！','error');return;
|
}
|
$.ajax({
|
async : false, //同步的
|
type : "POST",
|
url : "/hxzkoa/labelDeliver_add.do",
|
data : {
|
p_name : p_name,
|
p_tagid : p_tagid,
|
p_sex : p_sex,
|
p_minzu : p_minzu,
|
p_phone : p_phone,
|
p_department : p_department,
|
p_idcardnum : p_idcardnum,
|
p_adress : p_adress
|
},
|
dataType : "json"
|
});
|
swal({title:"bound!",
|
text:"绑定成功！",
|
type:"success",
|
showCancelButton:false,
|
showConfirmButton:false,
|
buttons: false,
|
timer: 1000
|
})
|
});
|
// 解绑
|
$(".remove").click(function() {
|
var p_name = $("#p_name").val();
|
var p_tagid = $("#p_tagid").val();
|
var p_sex = $("#p_sex").val();
|
var p_minzu = $("#p_minzu").val();
|
var p_phone = $("#p_phone").val();
|
var p_department = $("#p_department option:checked").text();
|
var p_idcardnum = $("#p_idcardnum").val();
|
var p_adress = $("#p_adress").val();
|
if (p_idcardnum == "") {
|
swal('绑定失败','证件号码不能为空！','error');return;
|
}
|
$.ajax({
|
async : false, //同步的
|
type : "POST",
|
url : "/hxzkoa/labelDeliver_remove.do",
|
data : {
|
p_name : p_name,
|
p_tagid : p_tagid,
|
p_sex : p_sex,
|
p_minzu : p_minzu,
|
p_phone : p_phone,
|
p_department : p_department,
|
p_idcardnum : p_idcardnum,
|
p_adress : p_adress
|
},
|
dataType : "json"
|
});
|
swal({title:"bound!",
|
text:"解绑成功！",
|
type:"success",
|
showCancelButton:false,
|
showConfirmButton:false,
|
buttons: false,
|
timer: 1000
|
})
|
});
|
// 保存端口
|
$(".savePort").click(function() {
|
var p_port = $("#p_port").val();
|
var p_btl = $("#p_btl").val();
|
if (p_port == "") {
|
swal('保存失败','发卡机端口不能为空！','error');return;
|
}
|
if (p_btl == "") {
|
swal('保存失败','波特率不能为空！','error');return;
|
}
|
$.ajax({
|
async : false, //同步的
|
type : "POST",
|
url : "/hxzkoa/labelDeliver_savePort.do",
|
data : {
|
p_port : p_port,
|
p_btl : p_btl
|
},
|
dataType : "json"
|
});
|
swal({title:"Saved!",
|
text:"保存成功！",
|
type:"success",
|
showCancelButton:false,
|
showConfirmButton:false,
|
buttons: false,
|
timer: 1000
|
})
|
});
|
// 连接设备
|
$(".connDev").click(function() {
|
$.ajax({
|
async : false, //同步的
|
type : "POST",
|
url : "/hxzkoa/labelDeliver_conn.do",
|
dataType : "json",
|
success : function(data) {
|
//console.log(data)
|
$("#p_port").val(data.port);
|
$("#p_btl").val(data.btl);
|
swal({title:"idcard!",
|
text:"连接成功！",
|
type:"success",
|
showCancelButton:false,
|
showConfirmButton:false,
|
buttons: false,
|
timer: 1000
|
})
|
},
|
error : function() {
|
swal({title:"idcard!",
|
text:"连接失败！",
|
type:"error",
|
showCancelButton:false,
|
showConfirmButton:false,
|
buttons: false,
|
timer: 1000
|
})
|
}
|
});
|
});
|
</script>
|
</body>
|
</html>
|
