<!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-TubLog-edit" th:object="${tubLog}">
|
<input name="id" th:field="*{id}" type="hidden">
|
<div class="form-group">
|
<label class="col-sm-3 control-label">出入库单子号：</label>
|
<div class="col-sm-8">
|
<input name="code" th:field="*{code}" class="form-control" type="text" disabled="disabled">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">材料名称：</label>
|
<div class="col-sm-8">
|
<input name="tubName" th:field="*{tubName}" class="form-control" type="text" placeholder="请填写材料名称" required>
|
</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">-->
|
<!-- <option value="">所有</option>-->
|
<!-- </select>-->
|
<!-- <span class="help-block m-b-none"><i class="fa fa-info-circle"></i> 代码生成请选择字典属性</span>-->
|
<!-- </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 id="outboundDateId" name="outboundDate" th:value="${#dates.format(tubLog.outboundDate, 'yyyy-MM-dd')}" class="form-control" 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 id="inboundDateId" name="inboundDate" th:value="${#dates.format(tubLog.inboundDate, 'yyyy-MM-dd')}" class="form-control" 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="optUser" th:field="*{optUser}" class="form-control" type="text" required>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">负责人：</label>
|
<div class="col-sm-8">
|
<input name="applyUser" th:field="*{applyUser}" class="form-control" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">出入库数量：</label>
|
<div class="col-sm-8">
|
<input name="number" th:field="*{number}" class="form-control" type="text" placeholder="请输入出入库数量，数字类型">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">数据单位：</label>
|
<div class="col-sm-8">
|
<input name="unit" th:field="*{unit}" class="form-control" type="text" placeholder="例如：吨、件、个等">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">备注：</label>
|
<div class="col-sm-8">
|
<textarea id="remark" th:field="*{remark}" name="remark" class="form-control"></textarea>
|
</div>
|
</div>
|
|
</form>
|
</div>
|
<th:block th:include="include :: footer" />
|
<th:block th:include="include :: datetimepicker-js" />
|
<script type="text/javascript">
|
var prefix = ctx + "geo/TubLog";
|
|
$("#form-TubLog-edit").validate({
|
focusCleanup: true
|
});
|
|
function submitHandler() {
|
let inboundDateValue = $("#inboundDateId").val();
|
let outboundDateValue = $("#outboundDateId").val();
|
if ($.common.isEmpty(inboundDateValue) && $.common.isEmpty(outboundDateValue)) {
|
$.modal.alertWarning("出入库时间，请选择一条记录");
|
return;
|
}
|
if (!$.common.isEmpty(inboundDateValue) && !$.common.isEmpty(outboundDateValue)) {
|
$.modal.alertWarning("出入库时间，请选择一条记录");
|
return;
|
}
|
|
if ($.validate.form()) {
|
$.operate.save(prefix + "/edit", $('#form-TubLog-edit').serialize());
|
}
|
}
|
|
$("input[name='outboundDate']").datetimepicker({
|
format: "yyyy-mm-dd",
|
minView: "month",
|
autoclose: true
|
});
|
|
$("input[name='inboundDate']").datetimepicker({
|
format: "yyyy-mm-dd",
|
minView: "month",
|
autoclose: true
|
});
|
</script>
|
</body>
|
</html>
|
