| | |
| | | <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="*{batchId}" type="hidden"> |
| | | <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="batchName" id="batchName" th:field="*{batchName}" placeholder="请输入" class="form-control " |
| | | <input name="name" id="name" th:field="*{name}" placeholder="请输入" class="form-control " |
| | | type="text" |
| | | maxlength="30" required> |
| | | </div> |
| | |
| | | <div class="form-group"> |
| | | <label class="col-sm-4 control-label is-required">巡逻人:</label> |
| | | <div class="col-sm-8"> |
| | | <input name="userName" id="userName" th:field="*{userName}" placeholder="请输入" class="form-control " |
| | | type="text" |
| | | maxlength="30" required> |
| | | <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> |
| | |
| | | <th:block th:include="include :: footer"/> |
| | | <th:block th:include="include :: select2-js"/> |
| | | <script type="text/javascript"> |
| | | |
| | | var prefix = ctx + "security/patrol/patrolConf"; |
| | | |
| | | |
| | |
| | | $.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> |