You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
129 lines
6.0 KiB
129 lines
6.0 KiB
2 years ago
|
<!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" />
|
||
|
|
</head>
|
||
|
|
<body class="white-bg">
|
||
|
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
||
|
|
<form class="form-horizontal m" id="form-leave-edit" th:object="${bizLeave}">
|
||
|
|
<input name="id" th:field="*{id}" type="hidden">
|
||
|
|
<input name="taskId" th:field="*{taskId}" type="hidden">
|
||
|
|
<input type="hidden" name="saveEntity" value="true" />
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label">申请人：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<input name="applyUserName" th:field="*{applyUserName}" class="form-control" type="text" readonly>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label">申请时间：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<div class="input-group date">
|
||
|
|
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||
|
|
<input name="applyTime" th:value="${#dates.format(bizLeave.applyTime, 'yyyy-MM-dd HH:mm')}" class="form-control" type="text" readonly>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label">请假类型：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<select name="type" class="form-control m-b" th:with="type=${@dict.getType('biz_leave_type')}">
|
||
|
|
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{type}"></option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label">标题：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<input name="title" th:field="*{title}" class="form-control" type="text">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label">原因：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<textarea name="reason" class="form-control">[[*{reason}]]</textarea>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label">开始时间：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<div class="input-group date">
|
||
|
|
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||
|
|
<input name="startTime" th:value="${#dates.format(bizLeave.startTime, 'yyyy-MM-dd HH:mm')}" class="form-control calcTotalSecondInput" placeholder="yyyy-MM-dd" type="text">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label">结束时间：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<div class="input-group date">
|
||
|
|
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||
|
|
<input name="endTime" th:value="${#dates.format(bizLeave.endTime, 'yyyy-MM-dd HH:mm')}" class="form-control calcTotalSecondInput" placeholder="yyyy-MM-dd" type="text">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label">请假时长：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<input name="totalTime" th:field="*{totalTime}" class="form-control" type="text" style="display: none;">
|
||
|
|
<input name="totalTimeText" class="form-control" type="text" readonly>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<hr />
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label" for="reApply">是否继续申请：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<select id="reApply" name="p_B_reApply" class="form-control m-b">
|
||
|
|
<option value="true">重新申请</option>
|
||
|
|
<option value="false">结束流程</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
<th:block th:include="include :: footer" />
|
||
|
|
<th:block th:include="include :: datetimepicker-js" />
|
||
|
|
<th:block th:include="include :: select2-js" />
|
||
|
|
<script th:inline="javascript">
|
||
|
|
var prefix = ctx + "process/leaveCounterSign";
|
||
|
|
$("#form-leave-edit").validate({
|
||
|
|
focusCleanup: true
|
||
|
|
});
|
||
|
|
|
||
|
|
function submitHandler() {
|
||
|
|
if ($.validate.form()) {
|
||
|
|
var taskId = [[${taskId}]];
|
||
|
|
$.operate.save(prefix + "/complete/" + taskId, $('#form-leave-edit').serialize());
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
$("input[name='startTime']").datetimepicker({
|
||
|
|
autoclose: true
|
||
|
|
});
|
||
|
|
|
||
|
|
$("input[name='endTime']").datetimepicker({
|
||
|
|
autoclose: true
|
||
|
|
});
|
||
|
|
|
||
|
|
// 监听开始和结束日期填写，动态生成请假时长
|
||
|
|
$('.calcTotalSecondInput').change(function () {
|
||
|
|
if (!$('input[name="startTime"]').val() || !$('input[name="endTime"]').val()) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
var totalSecond = $.common.calcTotalSecond($('input[name="startTime"]').val(), $('input[name="endTime"]').val());
|
||
|
|
$('input[name="totalTime"]').val(totalSecond);
|
||
|
|
var dateSub = $.common.formatTotalDateSub(totalSecond);
|
||
|
|
$('input[name="totalTimeText"]').val(dateSub);
|
||
|
|
});
|
||
|
|
|
||
|
|
$(function () {
|
||
|
|
var leave = [[${bizLeave}]];
|
||
|
|
var dateSub = $.common.formatTotalDateSub(leave.totalTime);
|
||
|
|
$('input[name="totalTimeText"]').val(dateSub);
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|