<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<head>
<th:block th:include="include :: header"/>
<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-shipmentDetail-add">
<div class="form-group">
<label class="col-sm-3 control-label">出库单id：</label>
<div class="col-sm-8">
<input id="shipmentId" name="shipmentId" class="form-control" type="text" th:value="${shipmentId}"
readonly="readonly">
<input id="companyId" name="companyId" type="hidden" th:value="${companyId}">
<input id="companyCode" name="companyCode" type="hidden" th:value="${companyCode}">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">出库单编码：</label>
<div class="col-sm-8">
<input id="shipmentCode" name="shipmentCode" class="form-control" type="text" th:value="${shipmentCode}"
readonly="readonly">
</div>
</div>
<!-- <div class="form-group">-->
<!-- <label class="col-sm-3 control-label">物料编码：</label>-->
<!-- <div class="col-sm-8">-->
<!-- <select id="materialCode" name="materialCode" class="form-control"></select>-->
<!-- <!– <input id="materialCode" name="materialCode" 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-6">
<input id="materialCode" name="materialCode" class="form-control" type="text" onkeyup=" this.value=this.value.replace(/^\s+|\s+$/g,'')" autofocus>
</div>
<!--<a class="btn btn-primary btn-rounded " onclick="selectMaterial()">
选择物料
</a>-->
</div>
<div class="form-group">
<label class="col-sm-3 control-label">物料代码：</label>
<div class="col-sm-8">
<input id="barCode" name="barCode" 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="inventoryQty" name="inventoryQty" 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="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="readonly">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="form-group">-->
<!-- <label class="col-sm-3 control-label">物料单位：</label>-->
<!-- <div class="col-sm-8">-->
<!-- <input id="materialUnit" name="materialUnit" class="form-control" type="text" readonly="readonly">-->
<!-- </div>-->
<!-- </div>-->
<div class="form-group">
<label class="col-sm-3 control-label">库存状态：</label>
<div class="col-sm-8">
<select id="inventorySts" name="inventorySts" class="form-control"
th:with="inventorySts=${@dict.getType('inventorySts')}">
<option th:each="dict : ${inventorySts}" 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="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">
<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">-->
<!-- <select id="port" name="port" class="form-control"></select>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="form-group">-->
<!-- <label class="col-sm-3 control-label">批次：</label>-->
<!-- <div class="col-sm-8">-->
<!-- <input id="batch" name="batch" 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="lot" name="lot" 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="projectNo" name="project" 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="referLineNum" name="referLineNum" 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="allocationRule" class="form-control"-->
<!-- th:with="allocationRule=${@FilterConfigDetailService.queryFilterConfigDetail('allocationRule')}">-->
<!-- <option value=" " checked></option>-->
<!-- <option th:each="allocationRules:${allocationRule}" th:text="${allocationRules['description']}"-->
<!-- th:value="${allocationRules['code']}"></option>-->
<!-- </select>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!–<div class="form-group">–>-->
<!-- <!–<label class="col-sm-3 control-label">分配规则：</label>–>-->
<!-- <!–<div class="col-sm-8">–>-->
<!-- <!–<input id="allocationRule" name="allocationRule" 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="replenishmentRule" name="replenishmentRule" class="form-control" type="text">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="form-group">-->
<!-- <label class="col-sm-3 control-label">拣货规则：</label>-->
<!-- <div class="col-sm-8">-->
<!-- <select id="pickingRule" class="form-control"-->
<!-- th:with="pickingRule=${@FilterConfigDetailService.queryFilterConfigDetail('shipmentPickingRule')}">-->
<!-- <option value=" " checked></option>-->
<!-- <option th:each="pickingRules:${pickingRule}" th:text="${pickingRules['description']}"-->
<!-- th:value="${pickingRules['code']}"></option>-->
<!-- </select>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="form-group">-->
<!-- <label class="col-sm-3 control-label">生产日期：</label>-->
<!-- <div class="col-sm-8">-->
<!-- <input id="manufactureDate" name="manufactureDate" 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="expirationDate" name="expirationDate" 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>
<th:block th:include="include :: footer"/>
<th:block th:include="include :: select2-js"/>
<script type="text/javascript">
var prefix = ctx + "shipment/shipmentDetail"
var prefix_material = ctx + "config/material"
$("#form-shipmentDetail-add").validate({
rules: {
receiptId: {
required: true
},
receiptCode: {
required: true
},
// materialId:{
// required:true
// },
materialCode: {
required: true
},
sourceLine: {
required: false,
digits: true
},
qty: {
required: true,
min: 0
},
inventorySts: {
required: true,
},
price: {
required: false,
min: 0
},
},
submitHandler: function (form) {
$.ajax({
cache: true,
type: "POST",
url: prefix + "/add",
data: $("#form-shipmentDetail-add").serializeArray(),
async: false,
error: function (request) {
$.modal.alertError("请求失败！");
},
success: function (data) {
if (data.code == web_status.SUCCESS) {
// layer.msg("保存成功,正在刷新数据请稍后……", {
// icon: $.modal.icon(modal_status.SUCCESS),
// time: 500,
// shade: [0.1, "#8F8F8F"]
// }, function () {
// window.parent.detail(shipment_id, shipment_code);
// $.modal.close()
// });
$.modal.msgSuccess(data.msg);
window.parent.detail(shipment_id, shipment_code);
} else {
$.modal.alertError(data.msg)
}
}
});
}
});
var shipment_id = $("input[name='shipmentId']").val();
var shipment_code = $("input[name='shipmentCode']").val();
$(function () {
layui.use('laydate', function () {
var laydate = layui.laydate;
laydate.render({elem: '#manufactureDate', theme: 'molv', format: 'yyyy-MM-dd HH:mm:ss'});
laydate.render({elem: '#expirationDate', theme: 'molv', format: 'yyyy-MM-dd HH:mm:ss'});
laydate.render({elem: '#agingDate', theme: 'molv', format: 'yyyy-MM-dd HH:mm:ss'});
});
//物料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();
}
});
/*$('#materialCode').select2({
ajax: {
url: ctx + 'config/material/getData',
dataType: 'json',
type: 'post',
data: function (params) {
let query = {
materialName: params.term,
}
return query;
}
}
});*/
$('#port').select2({
ajax: {
url: ctx + 'config/station/getData',
dataType: 'json',
type: 'post',
data: function (params) {
let query = {
code: params.term,
}
return query;
}
}
});
})
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) {
$("#barCode").val(res.data.barCode);
$("#materialName").val(res.data.materialName);
$("#materialSpec").val(res.data.materialSpec);
$("#inventoryQty").val(res.data.inventoryQty);
}
}
})
}
}
/* 选择物料 */
function selectMaterial() {
var url = prefix_material + '/materialSelect';
$.modal.open("选择物料", url);
}
</script>
</body>
</html>