liuxiaoxu
1 month ago
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