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.
131 lines
6.5 KiB
131 lines
6.5 KiB
<!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="p_DT_realityStartTime" />
|
|
<input type="hidden" name="p_DT_realityEndTime" />
|
|
<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" disabled>
|
|
</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" readonly>
|
|
</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" readonly>[[*{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" disabled>
|
|
</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" disabled>
|
|
</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"><span style="color: red; ">*</span>实际开始时间：</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="realityStartTime" th:value="${#dates.format(bizLeave.startTime, 'yyyy-MM-dd HH:mm')}" class="form-control" placeholder="yyyy-MM-dd HH:mm" type="text" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-3 control-label"><span style="color: red; ">*</span>实际结束时间</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="realityEndTime" th:value="${#dates.format(bizLeave.endTime, 'yyyy-MM-dd HH:mm')}" class="form-control" placeholder="yyyy-MM-dd HH:mm" type="text" required>
|
|
</div>
|
|
</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()) {
|
|
$('input[name="p_DT_realityStartTime"]').val($('input[name="realityStartTime"]').val());
|
|
$('input[name="p_DT_realityEndTime"]').val($('input[name="realityEndTime"]').val());
|
|
var taskId = [[${taskId}]];
|
|
$.operate.save(prefix + "/complete/" + taskId, $('#form-leave-edit').serialize());
|
|
}
|
|
}
|
|
|
|
$("input[name='realityStartTime']").datetimepicker({
|
|
autoclose: true
|
|
});
|
|
|
|
$("input[name='realityEndTime']").datetimepicker({
|
|
autoclose: true
|
|
});
|
|
|
|
$(function () {
|
|
var leave = [[${bizLeave}]];
|
|
var dateSub = $.common.formatTotalDateSub(leave.totalTime);
|
|
$('input[name="totalTimeText"]').val(dateSub);
|
|
|
|
$('select[name="type"]').prop('disabled', true);
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|