<!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>
|
<div class="main-content">
|
<form id="form-patrol-add" class="form-horizontal">
|
<input name="userId" type="hidden" 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" 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:data-userid="${user.userId}" th:text="${user.userName}"></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 name="start" placeholder="请选择开始时间" data-type="datetime" 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 name="end" placeholder="请选择结束时间" data-type="datetime" 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-add").validate({
|
onkeyup: false,
|
rules: {},
|
messages: {},
|
focusCleanup: true
|
});
|
|
// 确定按钮 提交数据
|
function submitHandler() {
|
if ($.validate.form()) {
|
$.operate.save(prefix + "/add", $('#form-patrol-add').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>
|
