<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
<form class="form-horizontal m" id="form-inventoryClear-add">
<!--<div class="form-group">-->
<!--<label class="col-sm-3 control-label">出库单id：</label>-->
<!--<div class="col-sm-8">-->
<!--<input name="goodsShelfNo" th:field="*{goodsShelfNo}" 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">-->
<!--<select id="companyCode" name="companyCode" class="form-control" th:with="list=${@company.selectCompanyByCurrentUserId()}">-->
<!--<option th:each="item : ${list}" th:text="${item['name']}" th:value="${item['code']}" th:attr = " code = ${item['code']}"></option>-->
<!--</select>-->
<!--</div>-->
<!--</div>-->
<!--<div class="form-group">-->
<!--<label class="col-sm-3 control-label">u8仓库：</label>-->
<!--<div class="col-sm-8">-->
<!--<select name="uWarehouseCode" id="uWarehouseCode" class="form-control" th:with="warehouse=${@warehouse.selectList()}">-->
<!--<option th:each="e : ${warehouse}" th:text="${e['uWarehouseName']}" th:value="${e['uWarehouseCode']}"></option>-->
<!--</select>-->
<!--</div>-->
<!--</div>-->
<div class="form-group">
<label class="col-sm-3 control-label">容器号：</label>
<div class="col-sm-8">
<input id="containerCode" name="containerCode" class="form-control" type="text">
<input id="goodsShelfNo" name="goodsShelfNo" hidden th:value="${goodsShelfNo}" >
<input id="companyCode" name="companyCode" hidden th:value="${companyCode}" >
<input id="uWarehouseCode" name="uWarehouseCode" hidden th:value="${uWarehouseCode}" >
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">存货编码：</label>
<div class="col-sm-8">
<input id="materialCode" name="materialCode" class="form-control" type="text" onkeyup=" this.value=this.value.replace(/^\s+|\s+$/g,'')" autofocus>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">物料代码：</label>
<div class="col-sm-8">
<input id="materialOldCode" name="materialOldCode" 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 id="materialName" name="materialName" 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 id="materialSpec" name="materialSpec" 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 id="qty" name="qty" class="form-control" type="text" onkeyup=" this.value=this.value.replace(/^\s+|\s+$/g,'')">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">库存状态：</label>
<div class="col-sm-8">
<select id="status" class="form-control" th:with="inventoryStatus=${@dict.getType('inventoryStatus')}">
<option th:each="dict : ${inventoryStatus}" th:text="${dict['dictLabel']}" th:value="${dict['dictValue']}"></option>
</select>
</div>
</div>
<!--<div class="form-group">-->
<!--<label class="col-sm-3 control-label">工作令号：</label>-->
<!--<div class="col-sm-8">-->
<!--<input id="moCode" name="moCode" 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 id="project" name="project" class="form-control" type="text">
</div>
</div>
<div class="form-group">
<div class="form-control-static col-sm-offset-9">
<button type="submit" class="btn btn-primary">提交</button>
<button onclick="$.modal.close()" class="btn btn-danger" type="button">关闭</button>
</div>
</div>
</form>
</div>
<div th:include="include::footer"></div>
<script type="text/javascript">
let prefix = ctx + "inventory/inventoryClear";
$("#form-inventoryClear-add").validate({
rules:{
materialCode:{
required:true
},
qty:{
required:true,
min:0
}
},
submitHandler: function(form) {
$.ajax({
cache : true,
type : "POST",
url : prefix + "/add",
data : {
"goodsShelfNo": $("input[name='goodsShelfNo']").val(),
"companyCode": $("input[name='companyCode']").val(),
"uWarehouseCode": $("input[name='uWarehouseCode']").val(),
"containerCode": $("input[name='containerCode']").val(),
"materialCode": $("input[name='materialCode']").val(),
"materialOldCode": $("input[name='materialOldCode']").val(),
"materialName": $("input[name='materialName']").val(),
"materialSpec": $("input[name='materialSpec']").val(),
"qty": $("input[name='qty']").val(),
"status": $("#status option:selected").val(),
// "moCode": $("input[name='moCode']").val(),
"project": $("input[name='project']").val(),
},
async : false,
error : function(request) {
$.modal.alertError("请求失败！");
},
success : function(data) {
// $.operate.saveSuccess(data);
ajaxSuccess(data);
}
});
}
});
function ajaxSuccess(result) {
if (result.code == web_status.SUCCESS) {
$.modal.msgSuccess(result.msg);
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
window.parent.$.table.search();
} else {
$.modal.alertError(result.msg);
}
$.modal.closeLoading();
}
$(function () {
//物料input
$("#materialCode").bind('input propertychange keypress',function (e) {
let theEvent = e || window.event;
let code = theEvent.keyCode || theEvent.which || theEvent.charCode;
if (code === 13) {
e.preventDefault();
//回车执行查询
getMaterail()
}
});
$("#materialCode").bind("input propertychange",function(event){
let data=$("#materialCode").val(),temp=/^\d+$/.test(data);
if (!temp) {
$("#materialCode").val(data.slice(0,-1));
$("#materialCode").blur();
}
});
});
function getMaterail() {
let materialCode = $("#materialCode").val();
if (materialCode) {
$.ajax({
url: prefix + '/getMaterial',
type: 'post',
data: {
materialCode: materialCode,
companyCode: $("input[name='companyCode']").val(),
},
success: function (res) {
if(res.code===200) {
$("#materialOldCode").val(res.data.materialOldCode);
$("#materialName").val(res.data.materialName);
$("#materialSpec").val(res.data.materialSpec);
}
}
})
}
}
</script>
</body>
</html>