<!DOCTYPE html>
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
<head>
|
<th:block th:include="include :: header('修改指纹读头')" />
|
</head>
|
<body class="white-bg">
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
<form class="form-horizontal m" id="form-head-edit" th:object="${mjFingerprintReadHead}">
|
<input name="id" th:field="*{id}" type="hidden">
|
<input id="hiddenDoorId" name="doorId" th:field="*{doorId}" type="hidden" disabled>
|
<!-- <input name="doorName" class="form-control" type="hidden">-->
|
<!-- <input name="areaName" class="form-control" type="hidden">-->
|
<!--<div class="form-group">-->
|
<!--<label class="col-sm-3 control-label">区域名称：</label>-->
|
<!--<div class="col-sm-8">-->
|
<!--<select id="areaId" class="form-control" name="areaId" th:with="area=${@mjAreaManagementServiceImpl.selectMjAreaManagementList(null)}">-->
|
<!--<option value="">请选择</option>-->
|
<!--<option th:each="a:${area}" th:text="${a.areaName}" th:value="${a.id}" th:selected="*{areaId}==${a.id}"></option>-->
|
<!--</select>-->
|
<!--</div>-->
|
<!--</div>-->
|
<input id="areaId" name="areaId" type="hidden" th:field="*{areaId}">
|
<div class="form-group">
|
<label class="col-sm-3 control-label">区域：</label>
|
<div class="col-sm-8">
|
<input name="areaName" id="areaName" th:field="*{areaName}" class="form-control" type="text" required onclick="openArea()">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">门名称：</label>
|
<div class="col-sm-8">
|
<select id="doorId" class="form-control" name="doorId">
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">设备：</label>
|
<div class="col-sm-8">
|
<select th:field="*{newOldStatus}" th:switch="*{newOldStatus}" id="newOldStatus" class="form-control" name="newOldStatus">
|
<option value="">请选择</option>
|
<option th:case="0" th:selected="selected" value="0">Smart 5F</option>
|
<option th:case="1" th:selected="selected" value="1">MA300</option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">IP地址或其他标识：</label>
|
<div class="col-sm-8">
|
<input name="ipOrOther" th:field="*{ipOrOther}" class="form-control" type="text" required>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">port：</label>
|
<div class="col-sm-8">
|
<input name="port" th:field="*{port}" class="form-control" type="text" required>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">品牌：</label>
|
<div class="col-sm-8">
|
<input name="brand" th:field="*{brand}" class="form-control" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">型号：</label>
|
<div class="col-sm-8">
|
<input name="model" th:field="*{model}" class="form-control" type="text">
|
</div>
|
</div>
|
<!--<div class="form-group">
|
<label class="col-sm-3 control-label">0/进门1/出门：</label>
|
<div class="col-sm-8">
|
<input name="direction" th:field="*{direction}" class="form-control" type="text">
|
</div>
|
</div>-->
|
<div class="form-group">
|
<label class="col-sm-3 control-label">进门/出门：</label>
|
<div class="col-sm-8">
|
<select class="form-control" name="direction" th:switch="*{direction}">
|
<option th:value="0" th:selected="*{direction == 0}">进门</option>
|
<option th:value="1" th:selected="*{direction == 1}">出门</option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">控制读头标识：</label>
|
<div class="col-sm-8">
|
<input name="identification" th:field="*{identification}" class="form-control" type="text">
|
</div>
|
</div>
|
<!--<div class="form-group">
|
<label class="col-sm-3 control-label">是否禁用0/未禁用1/禁用：</label>
|
<div class="col-sm-8">
|
<div class="radio-box">
|
<input type="radio" name="status" value="">
|
<label th:for="status" th:text="未知"></label>
|
</div>
|
|
</div>
|
</div>-->
|
<div class="form-group">
|
<label class="col-sm-3 control-label">禁用：</label>
|
<div class="col-sm-8">
|
<label class="toggle-switch switch-solid">
|
<input type="checkbox" id="status" th:checked="${mjFingerprintReadHead.status == 1 ? true : false}">
|
<span></span>
|
</label>
|
</div>
|
</div>
|
</form>
|
</div>
|
<th:block th:include="include :: footer" />
|
<script th:inline="javascript">
|
var prefix = ctx + "station/head";
|
$.ajax({
|
url: ctx + 'station/door/selectDoorsByAreaId',
|
async: false,
|
type: 'post',
|
data: {areaId: $("#areaId").val()},
|
success: function (data) {
|
var t2 = $("#doorId").empty();
|
$("#doorId").append("<option value=''>请选择</option>")
|
console.log(data);
|
for (var i = 0; i < data.length; i++) {
|
var doorId = $("#hiddenDoorId").val();
|
dId = data[i].id;
|
if(doorId == dId) {
|
t2.append("<option selected value='" + data[i].id + "'>" + data[i].doorName + "</option>");
|
}else {
|
t2.append("<option value='" + data[i].id + "'>" + data[i].doorName + "</option>");
|
}
|
}
|
}
|
})
|
$("#areaId").change(function () {
|
var t = $("#areaId").val();
|
console.log(t);
|
if (t == '') {
|
return;
|
}
|
|
$.ajax({
|
url: ctx + 'station/door/selectDoorsByAreaId',
|
async: false,
|
type: 'post',
|
data: {areaId: t},
|
success: function (data) {
|
var t2 = $("#doorId").empty();
|
$("#doorId").append("<option value=''>请选择</option>")
|
console.log(data);
|
for (var i = 0; i < data.length; i++) {
|
t2.append("<option value='" + data[i].id + "'>" + data[i].doorName + "</option>");
|
}
|
}
|
})
|
});
|
|
/* $("#doorId").change(function (){
|
var d=$("#doorId").val();
|
console.log(d);
|
if (d == '') {
|
return;
|
}
|
$.ajax({
|
url: ctx + 'station/door/selectDoorById',
|
async: false,
|
type: 'post',
|
data: {mjDoorId: d},
|
success: function (data) {
|
console.log(data);
|
$("input[name='doorName']").val(data.doorName);
|
$("input[name='areaName']").val(data.areaName)
|
}
|
})
|
});*/
|
|
$("#form-head-edit").validate({
|
focusCleanup: true
|
});
|
|
function submitHandler() {
|
if ($.validate.form()) {
|
var data = $('#form-head-edit').serializeArray();
|
var status = $("input[id='status']").is(':checked') == true ? 1 : 0;
|
data.push({"name": "status", "value": status});
|
|
var doorName = $("#doorId").find("option:checked").text();
|
var areaName = $("#areaId").find("option:checked").text();
|
data.push({"name": "doorName", "value": doorName});
|
data.push({"name": "areaName", "value": areaName});
|
$.operate.save(prefix + "/edit", data);
|
}
|
}
|
|
var prefix2 = ctx + "station/door"
|
function openArea(){
|
$.modal.open("选择区域", prefix2 + "/area");
|
}
|
|
function va(){
|
var areaId = window.frames["layui-layer-iframe1"].document.getElementById("areaId2").value;
|
var areaName = window.frames["layui-layer-iframe1"].document.getElementById("areaName2").value;
|
$('#areaId').val(areaId);
|
$('#areaName').val(areaName);
|
loadDoor(areaId)
|
}
|
|
function loadDoor(t){
|
$.ajax({
|
url: ctx + 'station/door/selectDoorsByAreaId',
|
async: false,
|
type: 'post',
|
data: {areaId: t},
|
success: function (data) {
|
var t2 = $("#doorId").empty();
|
$("#doorId").append("<option value=''>请选择</option>")
|
for (var i = 0; i < data.length; i++) {
|
t2.append("<option value='" + data[i].id + "'>" + data[i].doorName + "</option>");
|
}
|
}
|
})
|
}
|
</script>
|
</body>
|
</html>
|
