| | |
|---|
| | | <body> |
|---|
| | | <div class="main-content"> |
|---|
| | | <form id="form-patrol-add" class="form-horizontal"> |
|---|
| | | <input name="deptId" type="hidden" id="treeId"/> |
|---|
| | | <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="batchName" id="batchName" placeholder="请输入" class="form-control " type="text" |
|---|
| | | <input name="name" id="name" placeholder="请输入" class="form-control " type="text" |
|---|
| | | maxlength="30" required> |
|---|
| | | </div> |
|---|
| | | </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" 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: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> |
|---|
| | | <th:block th:include="include :: footer"/> |
|---|
| | | <th:block th:include="include :: select2-js"/> |
|---|
| | | <script> |
|---|
| | | <script type="text/javascript"> |
|---|
| | | var prefix = ctx + "security/patrol/patrolConf"; |
|---|
| | | |
|---|
| | | $("#form-cabinet-add").validate({ |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | 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> |
|---|
