15 changed files with 564 additions and 124 deletions
@ -0,0 +1,32 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" > |
|||
<head> |
|||
<th:block th:include="include :: header('作废')" /> |
|||
</head> |
|||
<body class="white-bg"> |
|||
<div class="wrapper wrapper-content animated fadeInRight ibox-content"> |
|||
<form class="form-horizontal" id="form-baseEvectionForm-cancel" th:object="${baseEvectionForm}"> |
|||
<input name="id" th:field="*{evectionId}" type="hidden"> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label is-required">作废理由：</label> |
|||
<div class="col-sm-8"> |
|||
<textarea name="cancelRemark" th:field="*{cancelRemark}" class="form-control" required></textarea> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
<th:block th:include="include :: footer" /> |
|||
<script th:inline="javascript"> |
|||
var prefix = ctx + "system/baseEvectionForm"; |
|||
$("#form-baseEvectionForm-cancel").validate({ |
|||
focusCleanup: true |
|||
}); |
|||
|
|||
function submitHandler() { |
|||
if ($.validate.form()) { |
|||
$.operate.save(prefix + "/cancel", $('#form-baseEvectionForm-cancel').serialize()); |
|||
} |
|||
} |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,181 @@ |
|||
<!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" /> |
|||
</head> |
|||
<body class="white-bg"> |
|||
<div class="wrapper wrapper-content animated fadeInRight ibox-content"> |
|||
<form class="form-horizontal m" id="form-baseEvectionForm-hrApprove" th:object="${baseEvectionForm}"> |
|||
<input name="evectionId" th:field="*{evectionId}" type="hidden"> |
|||
<div class="form-group" hidden="hidden"> |
|||
<label class="col-sm-3 control-label">出差单编号：</label> |
|||
<div class="col-sm-8"> |
|||
<input name="evectionCode" th:field="*{evectionCode}" 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"> |
|||
<input readonly name="deptName" th:field="*{deptName}" class="form-control"></input> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">岗位：</label> |
|||
<div class="col-sm-8"> |
|||
<input readonly name="postName" th:field="*{postName}" class="form-control"></input> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">出差人：</label> |
|||
<div class="col-sm-8"> |
|||
<input readonly name="evectionBy" th:field="*{evectionBy}" class="form-control"></input> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">同行人：</label> |
|||
<div class="col-sm-8"> |
|||
<input name="partnerBy" th:field="*{partnerBy}" 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"> |
|||
<input name="evectionAddr" th:field="*{evectionAddr}" 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"> |
|||
<input name="evectionDetailAddr" th:field="*{evectionDetailAddr}" 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"> |
|||
<input name="evectionCauses" th:field="*{evectionCauses}" 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"> |
|||
<input disabled name="evectionBeginTime" th:field="*{evectionBeginTime}" class="form-control" placeholder="yyyy-MM-dd" type="text" readonly> |
|||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span> |
|||
<span class="input-group-addon">-</span> |
|||
<input disabled name="evectionEndTime" th:field="*{evectionEndTime}" class="form-control" placeholder="yyyy-MM-dd" type="text" readonly> |
|||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">派工单号：</label> |
|||
<div class="col-sm-8"> |
|||
<input name="dispatchlistCode" th:field="*{dispatchlistCode}" 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"> |
|||
<input name="makeCode" th:field="*{makeCode}" class="form-control" type="text" readonly> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-xs-12"> |
|||
<div class="hr-line-dashed" style="height: 10px;border-top: 1px dashed #ddd;margin-top: 10px; /* 调整间距 */border-bottom: 1px dashed #ddd;margin-bottom: 10px;"></div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<h3 class="col-sm-3 control-label">人事行政</h3> |
|||
</div> |
|||
<div class="form-group"> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">出行方式：</label> |
|||
<div class="col-sm-8"> |
|||
<input name="travelMode" th:field="*{travelMode}" 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"> |
|||
<input name="hotel" th:field="*{hotel}" 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"> |
|||
<input name="transportationCostBudget" th:field="*{transportationCostBudget}" 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"> |
|||
<input name="accommodationBudget" th:field="*{accommodationBudget}" 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"> |
|||
<input name="otherExpensesBudget" th:field="*{otherExpensesBudget}" 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"> |
|||
<input name="realityEvenctionBeginTime" class="form-control" placeholder="yyyy-MM-dd" type="text"> |
|||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span> |
|||
<span class="input-group-addon">-</span> |
|||
<input name="realityEvenctionEndTime" class="form-control" placeholder="yyyy-MM-dd" type="text"> |
|||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
<th:block th:include="include :: footer" /> |
|||
<th:block th:include="include :: datetimepicker-js" /> |
|||
<script th:inline="javascript"> |
|||
var prefix = ctx + "system/baseEvectionForm" |
|||
$("#form-baseEvectionForm-hrApprove").validate({focusCleanup: true}); |
|||
$(function() { |
|||
console.log([[${baseEvectionForm}]]); |
|||
}); |
|||
|
|||
function submitHandler() { |
|||
if ($.validate.form()) { |
|||
$.operate.save(prefix + "/hrApprove", $('#form-baseEvectionForm-hrApprove').serialize()); |
|||
} |
|||
} |
|||
|
|||
$("input[name='evectionBeginTime']").datetimepicker({ |
|||
format: "yyyy-mm-dd", |
|||
minView: "month", |
|||
todayBtn: true, |
|||
autoClose: true |
|||
}); |
|||
|
|||
$("input[name='evectionEndTime']").datetimepicker({ |
|||
format: "yyyy-mm-dd", |
|||
minView: "month", |
|||
todayBtn: true, |
|||
autoclose: true |
|||
}); |
|||
|
|||
$("input[name='realityEvenctionBeginTime']").datetimepicker({ |
|||
format: "yyyy-mm-dd", |
|||
minView: "month", |
|||
todayBtn: true, |
|||
autoclose: true |
|||
}); |
|||
|
|||
$("input[name='realityEvenctionEndTime']").datetimepicker({ |
|||
format: "yyyy-mm-dd", |
|||
minView: "month", |
|||
todayBtn: true, |
|||
autoclose: true |
|||
}); |
|||
|
|||
</script> |
|||
</body> |
|||
</html> |
|||
Loading…
Reference in new issue