parent
c0fc0690be
commit
d8b26e61cf
@ -0,0 +1,185 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
||||
<head>
|
||||
<th:block th:include="include :: header('场所出入登记')" />
|
||||
<th:block th:include="include :: datetimepicker-css" />
|
||||
<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" id="app">
|
||||
<form class="form-horizontal m" id="form-placeRegist-add">
|
||||
<input name="deptId" type="hidden" id="treeId"/>
|
||||
<input name="placeId" type="hidden"/>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">场所名称:</label>
|
||||
<div class="col-sm-8">
|
||||
<select id="placeName" name="placeName" onchange="doPlaceName()" required class="form-control">
|
||||
<option value="">请选择场所名称</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">登记人员:</label>
|
||||
<div class="col-sm-8">
|
||||
<input name="registName" required placeholder="请输入登记人员" class="form-control" type="text">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">登记日期:</label>
|
||||
<div class="col-sm-8">
|
||||
<div class="input-group date">
|
||||
<input name="registTime" required class="form-control m-b" id="datetimepicker-demo-3" placeholder="yyyy-MM-dd HH:mm" type="text">
|
||||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">陪同人员:</label>
|
||||
<div class="col-sm-8">
|
||||
<input name="entourageName" required placeholder="请输入陪同人员" class="form-control"></input>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">进入时间:</label>
|
||||
<div class="col-sm-8">
|
||||
<div class="input-group date">
|
||||
<input name="accessTime" required class="form-control m-b" placeholder="yyyy-MM-dd HH:mm" type="text">
|
||||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">离开时间:</label>
|
||||
<div class="col-sm-8">
|
||||
<div class="input-group date">
|
||||
<input name="leaveTime" required class="form-control m-b" placeholder="yyyy-MM-dd HH:mm" type="text">
|
||||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-2 control-label is-required" >所属单位:</label>
|
||||
<div class="col-sm-10">
|
||||
<div class="input-group">
|
||||
<input name="deptName" required onclick="selectDeptTree()" id="treeName" type="text" placeholder="请选择所属单位" class="form-control m-b">
|
||||
<span class="input-group-addon"><i class="fa fa-search"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-2 control-label is-required">进入事由:</label>
|
||||
<div class="col-sm-10">
|
||||
<textarea name="subjectMatter" required rows="4" placeholder="请输入进入事由" class="form-control"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-2 control-label">备注:</label>
|
||||
<div class="col-sm-10">
|
||||
<textarea name="remark" rows="4" placeholder="请输入备注" class="form-control"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<th:block th:include="include :: footer" />
|
||||
<th:block th:include="include :: datetimepicker-js" />
|
||||
<th:block th:include="include :: select2-js" />
|
||||
<th:block th:include="include :: bootstrap-select-js" />
|
||||
<script th:inline="javascript">
|
||||
var prefix = ctx + "system/placeRegist"
|
||||
$("#form-placeRegist-add").validate({
|
||||
focusCleanup: true
|
||||
});
|
||||
$("input[name='registTime']").datetimepicker({
|
||||
format: "yyyy-mm-dd hh:ii",
|
||||
autoclose: true
|
||||
});
|
||||
$("input[name='accessTime']").datetimepicker({
|
||||
format: "yyyy-mm-dd hh:ii",
|
||||
autoclose: true
|
||||
});
|
||||
$("input[name='leaveTime']").datetimepicker({
|
||||
format: "yyyy-mm-dd hh:ii",
|
||||
autoclose: true
|
||||
});
|
||||
$(document).ready(function() {
|
||||
var apiUrl = ctx + 'system/place/getList'
|
||||
$.ajax({
|
||||
url: apiUrl,
|
||||
method: 'POST',
|
||||
dataType: 'json',
|
||||
success: function(data){
|
||||
$('#placeName').empty();
|
||||
$('#placeName').append('<option value="">请选择场所名称</option>');
|
||||
$.each(data.data, function(index, item) {
|
||||
$('#placeName').append('<option value="' + item.id + '">' + item.placeName + '</option>');
|
||||
});
|
||||
},
|
||||
error: function(xhr, status, error) {
|
||||
console.error('获取数据失败:', error);
|
||||
}
|
||||
});
|
||||
});
|
||||
function doPlaceName(){
|
||||
var selectedOption = $('#placeName option:selected');
|
||||
var placeId = selectedOption.val();
|
||||
$("input[name='placeId']").val(placeId);
|
||||
}
|
||||
function selectDeptTree() {
|
||||
var treeId = $("#treeId").val();
|
||||
var deptId = $.common.isEmpty(treeId) ? "100" : $("#treeId").val();
|
||||
var url = ctx + "system/user/selectDeptTree/" + deptId;
|
||||
var options = {
|
||||
title: '选择部门',
|
||||
width: "380",
|
||||
url: url,
|
||||
callBack: doSubmit
|
||||
};
|
||||
$.modal.openOptions(options);
|
||||
}
|
||||
|
||||
function doSubmit(index, layero){
|
||||
var body = $.modal.getChildFrame(index);
|
||||
$("#treeId").val(body.find('#treeId').val());
|
||||
$("#treeName").val(body.find('#treeName').val());
|
||||
$.modal.close(index);
|
||||
}
|
||||
function submitHandler() {
|
||||
if ($.validate.form()) {
|
||||
$.operate.save(prefix + "/add", $('#form-placeRegist-add').serialize());
|
||||
console.log($('#form-placeRegist-add').serialize());
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,194 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
||||
<head>
|
||||
<th:block th:include="include :: header('场所出入详情')" />
|
||||
<th:block th:include="include :: datetimepicker-css" />
|
||||
<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" id="app">
|
||||
<form class="form-horizontal m" id="form-placeRegist-edit" th:object="${tdPlaceRegist}">
|
||||
<input name="id" th:field="*{id}" type="hidden">
|
||||
<input name="deptId" type="hidden" id="treeId" th:field="*{deptId}"/>
|
||||
<input name="placeId" type="hidden" th:field="*{placeId}"/>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">场所名称:</label>
|
||||
<div class="col-sm-8">
|
||||
<select id="placeName" disabled name="placeName" onchange="doPlaceName()" required class="form-control">
|
||||
<option value="">请选择场所名称</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">登记人员:</label>
|
||||
<div class="col-sm-8">
|
||||
<input name="registName" disabled th:field="*{registName}" required placeholder="请输入登记人员" class="form-control" type="text">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">登记日期:</label>
|
||||
<div class="col-sm-8">
|
||||
<div class="input-group date">
|
||||
<input name="registTime" disabled th:value="${#dates.format(tdPlaceRegist.registTime, 'yyyy-MM-dd HH:mm')}" required class="form-control m-b" id="datetimepicker-demo-3" placeholder="yyyy-MM-dd HH:mm" type="text">
|
||||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">陪同人员:</label>
|
||||
<div class="col-sm-8">
|
||||
<input name="entourageName" disabled th:field="*{entourageName}" required placeholder="请输入陪同人员" class="form-control"></input>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">进入时间:</label>
|
||||
<div class="col-sm-8">
|
||||
<div class="input-group date">
|
||||
<input name="accessTime" disabled th:value="${#dates.format(tdPlaceRegist.accessTime, 'yyyy-MM-dd HH:mm')}" required class="form-control m-b" placeholder="yyyy-MM-dd HH:mm" type="text">
|
||||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">离开时间:</label>
|
||||
<div class="col-sm-8">
|
||||
<div class="input-group date">
|
||||
<input name="leaveTime" disabled th:value="${#dates.format(tdPlaceRegist.leaveTime, 'yyyy-MM-dd HH:mm')}" required class="form-control m-b" placeholder="yyyy-MM-dd HH:mm" type="text">
|
||||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-2 control-label is-required" >所属单位:</label>
|
||||
<div class="col-sm-10">
|
||||
<div class="input-group">
|
||||
<input name="deptName" disabled th:field="*{deptName}" required onclick="selectDeptTree()" id="treeName" type="text" placeholder="请选择所属单位" class="form-control m-b">
|
||||
<span class="input-group-addon"><i class="fa fa-search"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-2 control-label is-required">进入事由:</label>
|
||||
<div class="col-sm-10">
|
||||
<textarea name="subjectMatter" disabled th:field="*{subjectMatter}" required rows="4" placeholder="请输入进入事由" class="form-control"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-2 control-label">备注:</label>
|
||||
<div class="col-sm-10">
|
||||
<textarea th:field="*{remark}" disabled name="remark" rows="4" placeholder="请输入备注" class="form-control"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<th:block th:include="include :: footer" />
|
||||
<th:block th:include="include :: datetimepicker-js" />
|
||||
<th:block th:include="include :: select2-js" />
|
||||
<th:block th:include="include :: bootstrap-select-js" />
|
||||
<script th:inline="javascript">
|
||||
var prefix = ctx + "system/placeRegist"
|
||||
$("#form-placeRegist-edit").validate({
|
||||
focusCleanup: true
|
||||
});
|
||||
$("input[name='registTime']").datetimepicker({
|
||||
format: "yyyy-mm-dd hh:ii",
|
||||
autoclose: true
|
||||
});
|
||||
$("input[name='accessTime']").datetimepicker({
|
||||
format: "yyyy-mm-dd hh:ii",
|
||||
autoclose: true
|
||||
});
|
||||
$("input[name='leaveTime']").datetimepicker({
|
||||
format: "yyyy-mm-dd hh:ii",
|
||||
autoclose: true
|
||||
});
|
||||
$(document).ready(function() {
|
||||
var apiUrl = ctx + 'system/place/getList'
|
||||
$.ajax({
|
||||
url: apiUrl,
|
||||
method: 'POST',
|
||||
dataType: 'json',
|
||||
data:{id:''},
|
||||
success: function(data){
|
||||
$('#placeName').empty();
|
||||
$('#placeName').append('<option value="">请选择场所名称</option>');
|
||||
$.each(data.data, function(index, item) {
|
||||
$('#placeName').append('<option value="' + item.id + '">' + item.placeName + '</option>');
|
||||
});
|
||||
var placeIdToSelect = [[${tdPlaceRegist.placeId}]]; // 需要设置的值
|
||||
$('#placeName').val(placeIdToSelect);
|
||||
|
||||
if ($('#placeName').val()) {
|
||||
$('#placeName').change();
|
||||
}
|
||||
},
|
||||
error: function(xhr, status, error) {
|
||||
console.error('获取数据失败:', error);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function doPlaceName(){
|
||||
var selectedOption = $('#placeName option:selected');
|
||||
var placeId = selectedOption.val();
|
||||
$("input[name='placeId']").val(placeId);
|
||||
}
|
||||
function selectDeptTree() {
|
||||
var treeId = $("#treeId").val();
|
||||
var deptId = $.common.isEmpty(treeId) ? "100" : $("#treeId").val();
|
||||
var url = ctx + "system/user/selectDeptTree/" + deptId;
|
||||
var options = {
|
||||
title: '选择部门',
|
||||
width: "380",
|
||||
url: url,
|
||||
callBack: doSubmit
|
||||
};
|
||||
$.modal.openOptions(options);
|
||||
}
|
||||
|
||||
function doSubmit(index, layero){
|
||||
var body = $.modal.getChildFrame(index);
|
||||
$("#treeId").val(body.find('#treeId').val());
|
||||
$("#treeName").val(body.find('#treeName').val());
|
||||
$.modal.close(index);
|
||||
}
|
||||
function submitHandler() {
|
||||
if ($.validate.form()) {
|
||||
$.operate.save(prefix + "/edit", $('#form-placeRegist-edit').serialize());
|
||||
console.log($('#form-placeRegist-edit').serialize());
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,194 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
||||
<head>
|
||||
<th:block th:include="include :: header('场所出入修改')" />
|
||||
<th:block th:include="include :: datetimepicker-css" />
|
||||
<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" id="app">
|
||||
<form class="form-horizontal m" id="form-placeRegist-edit" th:object="${tdPlaceRegist}">
|
||||
<input name="id" th:field="*{id}" type="hidden">
|
||||
<input name="deptId" type="hidden" id="treeId" th:field="*{deptId}"/>
|
||||
<input name="placeId" type="hidden" th:field="*{placeId}"/>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">场所名称:</label>
|
||||
<div class="col-sm-8">
|
||||
<select id="placeName" name="placeName" onchange="doPlaceName()" required class="form-control">
|
||||
<option value="">请选择场所名称</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">登记人员:</label>
|
||||
<div class="col-sm-8">
|
||||
<input name="registName" th:field="*{registName}" required placeholder="请输入登记人员" class="form-control" type="text">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">登记日期:</label>
|
||||
<div class="col-sm-8">
|
||||
<div class="input-group date">
|
||||
<input name="registTime" th:value="${#dates.format(tdPlaceRegist.registTime, 'yyyy-MM-dd HH:mm')}" required class="form-control m-b" id="datetimepicker-demo-3" placeholder="yyyy-MM-dd HH:mm" type="text">
|
||||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">陪同人员:</label>
|
||||
<div class="col-sm-8">
|
||||
<input name="entourageName" th:field="*{entourageName}" required placeholder="请输入陪同人员" class="form-control"></input>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">进入时间:</label>
|
||||
<div class="col-sm-8">
|
||||
<div class="input-group date">
|
||||
<input name="accessTime" th:value="${#dates.format(tdPlaceRegist.accessTime, 'yyyy-MM-dd HH:mm')}" required class="form-control m-b" placeholder="yyyy-MM-dd HH:mm" type="text">
|
||||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">离开时间:</label>
|
||||
<div class="col-sm-8">
|
||||
<div class="input-group date">
|
||||
<input name="leaveTime" th:value="${#dates.format(tdPlaceRegist.leaveTime, 'yyyy-MM-dd HH:mm')}" required class="form-control m-b" placeholder="yyyy-MM-dd HH:mm" type="text">
|
||||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-2 control-label is-required" >所属单位:</label>
|
||||
<div class="col-sm-10">
|
||||
<div class="input-group">
|
||||
<input name="deptName" th:field="*{deptName}" required onclick="selectDeptTree()" id="treeName" type="text" placeholder="请选择所属单位" class="form-control m-b">
|
||||
<span class="input-group-addon"><i class="fa fa-search"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-2 control-label is-required">进入事由:</label>
|
||||
<div class="col-sm-10">
|
||||
<textarea name="subjectMatter" th:field="*{subjectMatter}" required rows="4" placeholder="请输入进入事由" class="form-control"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-2 control-label">备注:</label>
|
||||
<div class="col-sm-10">
|
||||
<textarea th:field="*{remark}" name="remark" rows="4" placeholder="请输入备注" class="form-control"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<th:block th:include="include :: footer" />
|
||||
<th:block th:include="include :: datetimepicker-js" />
|
||||
<th:block th:include="include :: select2-js" />
|
||||
<th:block th:include="include :: bootstrap-select-js" />
|
||||
<script th:inline="javascript">
|
||||
var prefix = ctx + "system/placeRegist"
|
||||
$("#form-placeRegist-edit").validate({
|
||||
focusCleanup: true
|
||||
});
|
||||
$("input[name='registTime']").datetimepicker({
|
||||
format: "yyyy-mm-dd hh:ii",
|
||||
autoclose: true
|
||||
});
|
||||
$("input[name='accessTime']").datetimepicker({
|
||||
format: "yyyy-mm-dd hh:ii",
|
||||
autoclose: true
|
||||
});
|
||||
$("input[name='leaveTime']").datetimepicker({
|
||||
format: "yyyy-mm-dd hh:ii",
|
||||
autoclose: true
|
||||
});
|
||||
$(document).ready(function() {
|
||||
var apiUrl = ctx + 'system/place/getList'
|
||||
$.ajax({
|
||||
url: apiUrl,
|
||||
method: 'POST',
|
||||
dataType: 'json',
|
||||
data:{id:''},
|
||||
success: function(data){
|
||||
$('#placeName').empty();
|
||||
$('#placeName').append('<option value="">请选择场所名称</option>');
|
||||
$.each(data.data, function(index, item) {
|
||||
$('#placeName').append('<option value="' + item.id + '">' + item.placeName + '</option>');
|
||||
});
|
||||
var placeIdToSelect = [[${tdPlaceRegist.placeId}]]; // 需要设置的值
|
||||
$('#placeName').val(placeIdToSelect);
|
||||
|
||||
if ($('#placeName').val()) {
|
||||
$('#placeName').change();
|
||||
}
|
||||
},
|
||||
error: function(xhr, status, error) {
|
||||
console.error('获取数据失败:', error);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function doPlaceName(){
|
||||
var selectedOption = $('#placeName option:selected');
|
||||
var placeId = selectedOption.val();
|
||||
$("input[name='placeId']").val(placeId);
|
||||
}
|
||||
function selectDeptTree() {
|
||||
var treeId = $("#treeId").val();
|
||||
var deptId = $.common.isEmpty(treeId) ? "100" : $("#treeId").val();
|
||||
var url = ctx + "system/user/selectDeptTree/" + deptId;
|
||||
var options = {
|
||||
title: '选择部门',
|
||||
width: "380",
|
||||
url: url,
|
||||
callBack: doSubmit
|
||||
};
|
||||
$.modal.openOptions(options);
|
||||
}
|
||||
|
||||
function doSubmit(index, layero){
|
||||
var body = $.modal.getChildFrame(index);
|
||||
$("#treeId").val(body.find('#treeId').val());
|
||||
$("#treeName").val(body.find('#treeName').val());
|
||||
$.modal.close(index);
|
||||
}
|
||||
function submitHandler() {
|
||||
if ($.validate.form()) {
|
||||
$.operate.save(prefix + "/edit", $('#form-placeRegist-edit').serialize());
|
||||
console.log($('#form-placeRegist-edit').serialize());
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,176 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
|
||||
<head>
|
||||
<th:block th:include="include :: header('场所出入登记')" />
|
||||
</head>
|
||||
<body class="gray-bg">
|
||||
<div class="container-div" id="app">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 search-collapse">
|
||||
<form id="formId">
|
||||
<div class="select-list">
|
||||
<ul>
|
||||
<li>
|
||||
<label>场所名称:</label>
|
||||
<input type="text" name="placeName"></input>
|
||||
</li>
|
||||
<li>
|
||||
<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i> 搜索</a>
|
||||
<a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i> 重置</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="btn-group-sm" id="toolbar" role="group">
|
||||
<a class="btn btn-success" onclick="$.operate.add()" shiro:hasPermission="system:placeRegist:add">
|
||||
<i class="fa fa-plus"></i> 记录
|
||||
</a>
|
||||
<a class="btn btn-primary single disabled" onclick="$.operate.edit()" shiro:hasPermission="system:placeRegist:edit">
|
||||
<i class="fa fa-edit"></i> 修改
|
||||
</a>
|
||||
<a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()" shiro:hasPermission="system:placeRegist:remove">
|
||||
<i class="fa fa-remove"></i> 删除
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-sm-12 select-table table-striped">
|
||||
<table id="bootstrap-table"></table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<th:block th:include="include :: footer" />
|
||||
<script th:inline="javascript">
|
||||
var detailFlag = [[${@permission.hasPermi('system:placeRegist:detail')}]];
|
||||
var editFlag = [[${@permission.hasPermi('system:placeRegist:edit')}]];
|
||||
var removeFlag = [[${@permission.hasPermi('system:placeRegist:remove')}]];
|
||||
var prefix = ctx + "system/placeRegist";
|
||||
var placeCache = {};
|
||||
|
||||
// 预加载数据函数
|
||||
function loadPlacesData() {
|
||||
var apiUrl = ctx + 'system/place/getList';
|
||||
return $.ajax({
|
||||
url: apiUrl,
|
||||
method: 'POST',
|
||||
dataType: 'json'
|
||||
}).done(function(data) {
|
||||
// 假设返回的数据格式为 { data: [{ id: 1, placeName: '...'}, ...] }
|
||||
data.data.forEach(function(item) {
|
||||
placeCache[item.id] = item.placeName;
|
||||
});
|
||||
}).fail(function(xhr, status, error) {
|
||||
console.error('预加载数据失败:', error);
|
||||
});
|
||||
}
|
||||
$(function() {
|
||||
var options = {
|
||||
url: prefix + "/list",
|
||||
createUrl: prefix + "/add",
|
||||
updateUrl: prefix + "/edit/{id}",
|
||||
detailUrl: prefix + "/detail/{id}",
|
||||
removeUrl: prefix + "/remove",
|
||||
modalName: "场所出入登记",
|
||||
columns: [{
|
||||
checkbox: true
|
||||
},
|
||||
{
|
||||
field: 'id',
|
||||
title: 'ID',
|
||||
visible: false
|
||||
},
|
||||
{
|
||||
field: 'id',
|
||||
title: '场所ID',
|
||||
visible: false
|
||||
},
|
||||
{
|
||||
field: 'placeName',
|
||||
title: '场所名称',
|
||||
formatter:function (value, row, index){
|
||||
return placeCache[value] || '加载中...'; // 使用缓存数据或显示默认提示
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'registName',
|
||||
title: '登记人员',
|
||||
},
|
||||
{
|
||||
field: 'registTime',
|
||||
title: '登记日期',
|
||||
formatter: function(value, row, index) {
|
||||
if (value !== null){
|
||||
var date = new Date(value);
|
||||
var year = date.getFullYear();
|
||||
var month = ('0' + (date.getMonth() + 1)).slice(-2);
|
||||
var day = ('0' + date.getDate()).slice(-2);
|
||||
var hours = ('0' + date.getHours()).slice(-2);
|
||||
var minutes = ('0' + date.getMinutes()).slice(-2);
|
||||
return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes;
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'subjectMatter',
|
||||
title: '事由',
|
||||
},
|
||||
{
|
||||
field: 'accessTime',
|
||||
title: '进入时间',
|
||||
formatter: function(value, row, index) {
|
||||
if (value !== null){
|
||||
var date = new Date(value);
|
||||
var year = date.getFullYear();
|
||||
var month = ('0' + (date.getMonth() + 1)).slice(-2);
|
||||
var day = ('0' + date.getDate()).slice(-2);
|
||||
var hours = ('0' + date.getHours()).slice(-2);
|
||||
var minutes = ('0' + date.getMinutes()).slice(-2);
|
||||
return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes;
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'leaveTime',
|
||||
title: '离开时间',
|
||||
formatter: function(value, row, index) {
|
||||
if (value !== null){
|
||||
var date = new Date(value);
|
||||
var year = date.getFullYear();
|
||||
var month = ('0' + (date.getMonth() + 1)).slice(-2);
|
||||
var day = ('0' + date.getDate()).slice(-2);
|
||||
var hours = ('0' + date.getHours()).slice(-2);
|
||||
var minutes = ('0' + date.getMinutes()).slice(-2);
|
||||
return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes;
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'entourageName',
|
||||
title: '陪同人员',
|
||||
},
|
||||
{
|
||||
field: 'deptName',
|
||||
title: '所属单位',
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
align: 'center',
|
||||
formatter: function(value, row, index) {
|
||||
var actions = [];
|
||||
actions.push('<a class="btn btn-warning btn-xs ' + detailFlag + '" href="javascript:void(0)" onclick="$.operate.detail(\'' + row.id + '\')"><i class="fa fa-search"></i>详细</a> ');
|
||||
actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.edit(\'' + row.id + '\')"><i class="fa fa-edit"></i>编辑</a> ');
|
||||
actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a>');
|
||||
return actions.join('');
|
||||
}
|
||||
}]
|
||||
};
|
||||
$.table.init(options);
|
||||
});
|
||||
$(document).ready(function() {
|
||||
loadPlacesData().done(function() {
|
||||
$('#bootstrap-table').bootstrapTable('refresh'); // 刷新表格以应用新的数据
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in new issue