<!DOCTYPE html>
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
<head>
|
<th:block th:include="include :: header('修改门禁管理')" />
|
<th:block th:include="include :: select2-css" />
|
<th:block th:include="include :: bootstrap-select-css" />
|
</head>
|
<body class="white-bg">
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
<form class="form-horizontal m" id="form-control-edit" th:object="${mjDoorControl}">
|
<input name="id" th:field="*{id}" type="hidden">
|
<input id="hiddenDoorId" name="doorId" th:field="*{doorId}" type="hidden" disabled>
|
<input id="hiddenReadheadId" name="readheadId" th:field="*{readheadId}" type="hidden" disabled>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">门禁名称：</label>
|
<div class="col-sm-8">
|
<input name="doorControlName" th:field="*{doorControlName}" 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">-->
|
<!--<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">
|
<option value="">请选择</option>
|
</select>
|
</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">ip：</label>
|
<div class="col-sm-8">
|
<input name="ip" th:field="*{ip}" 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="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">
|
<!--<select id="readheadId" name="readheadId" class="form-control noselect2 selectpicker" multiple data-none-selected-text="请选择" th:with="area=${@mjFingerprintReadHeadServiceImpl.selectMjFingerprintReadHeadList(null)}">-->
|
<select id="readheadId" name="readheadId" class="form-control noselect2 selectpicker" multiple data-none-selected-text="请选择">
|
<option th:each="a:${area}" th:text="${a.ipOrOther}" th:value="${a.id}"></option>
|
</select>
|
<div>
|
</div>
|
</form>
|
</div>
|
<th:block th:include="include :: footer" />
|
<script th:inline="javascript">
|
var prefix = ctx + "station/control";
|
$.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>");
|
}
|
}
|
}
|
})
|
|
$.ajax({
|
url: ctx + 'station/head/listAll',
|
async: false,
|
type: 'post',
|
success: function (data) {
|
var t2 = $("#readheadId").empty();
|
var doorId = $("#hiddenReadheadId").val();
|
for (var i = 0; i < data.length; i++) {
|
var rd = data[i];
|
if(doorId.indexOf(rd.id)>=0 ){
|
t2.append("<option selected='true' value='" + rd.id + "'>" + rd.ipOrOther + "</option>");
|
}else {
|
t2.append("<option value='" + rd.id + "'>" + rd.ipOrOther + "</option>");
|
}
|
}
|
}
|
})
|
|
$("#form-control-edit").validate({
|
focusCleanup: true
|
});
|
|
function submitHandler() {
|
if ($.validate.form()) {
|
var data = $('#form-control-edit').serializeArray();
|
var areaName = $("#areaId").find("option:checked").text() == "请选择" ? "" : $("#areaId").find("option:checked").text();
|
data.push({"name": "areaName", "value": areaName});
|
$.operate.save(prefix + "/edit", data);
|
}
|
}
|
|
$("#areaId").change(function () {
|
var t = $("#areaId").val();
|
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>")
|
for (var i = 0; i < data.length; i++) {
|
t2.append("<option value='" + data[i].id + "'>" + data[i].doorName + "</option>");
|
}
|
}
|
})
|
});
|
|
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>
|
<th:block th:include="include :: select2-js" />
|
<th:block th:include="include :: bootstrap-select-js" />
|
</body>
|
|
</html>
|
