<!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"/>
|
</head>
|
<body class="white-bg">
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
<form class="form-horizontal m" id="form-patrol-edit" th:object="${patrolConf}">
|
<input id="id" name="id" th:field="*{id}" type="hidden">
|
<input name="userId" type="hidden" th:field="*{userId}" id="userId"/>
|
<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">
|
<input name="name" id="name" th:field="*{name}" placeholder="请输入" class="form-control "
|
type="text"
|
maxlength="30" required>
|
</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">
|
<select name="userName" id="userName" class="form-control select2" multiple required onchange="changeUser(this)">
|
<option value="">请选择巡逻人</option>
|
<option th:each="user : ${userList}"
|
th:value="${user.userName}"
|
th:text="${user.userName}"
|
th:data-userid="${user.userId}"
|
th:selected="${#strings.contains(patrolConf.userId, user.userId)}"></option>
|
</select>
|
</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">
|
<input id="start" name="startTime" th:value="*{#dates.format(start, 'yyyy-MM-dd HH:mm:ss')}" data-type="datetime" placeholder="请选择开始时间" class="form-control time-input" type="text" required>
|
</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 id="end" name="endTime" th:value="*{#dates.format(end, 'yyyy-MM-dd HH:mm:ss')}" data-type="datetime" placeholder="请选择结束时间" class="form-control time-input" type="text" required>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</form>
|
</div>
|
<th:block th:include="include :: footer"/>
|
<th:block th:include="include :: select2-js"/>
|
<script type="text/javascript">
|
var prefix = ctx + "security/patrol/patrolConf";
|
|
|
$("#form-cabinet-edit").validate({
|
onkeyup: false,
|
rules: {},
|
messages: {},
|
focusCleanup: true
|
});
|
|
function submitHandler() {
|
if ($.validate.form()) {
|
$.operate.save(prefix + "/edit", $('#form-patrol-edit').serialize());
|
}
|
}
|
|
function changeUser(selectElement) {
|
var selectedOptions = Array.from(selectElement.selectedOptions);
|
var userIds = selectedOptions.map(option => option.getAttribute('data-userid')).filter(id => id);
|
var userIdStr = userIds.join(',');
|
$("#userId").val(userIdStr);
|
}
|
|
</script>
|
</body>
|
</html>
|
