<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<title></title>
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
<link rel="stylesheet" href="../../static/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../../static/css/cool.css" media="all">
|
<link rel="stylesheet" href="../../static/css/common.css" media="all">
|
<link rel="stylesheet" href="../../static/css/print.css" media="all">
|
|
</head>
|
<body>
|
<div>
|
<div class="layui-form" style="padding: 8px">
|
<span id="staNoSpan">出库口：</span>
|
<div style="display: inline-block; width: 200px">
|
<select id="staNoSelect" lay-verify="required">
|
<option value="">请选择站点</option>
|
</select>
|
</div>
|
<button class="layui-btn layui-btn-sm" style="display: inline-block" id="btn-outbound" lay-event="outbound"
|
onclick="outbound()">启动出库
|
</button>
|
</div>
|
<table class="layui-hide" id="stockOut" lay-filter="stockOut"></table>
|
</div>
|
|
<script type="text/template" id="takeSiteSelectTemplate">
|
{{#each data}}
|
<option value="{{siteId}}">{{desc}}</option>
|
{{/each}}
|
</script>
|
|
</body>
|
<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
|
<script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script>
|
<script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script>
|
<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
|
<script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script>
|
<script>
|
var orderData = parent.getOrderData();
|
var locData = [];
|
var form;
|
var table;
|
|
function getCol() {
|
var cols = [
|
{field: '', align: 'center', title: '', width: 50, type: 'numbers'}
|
, {field: 'locNo$', align: 'center', title: '库位号'}
|
, {field: 'matnr', align: 'center',title: '物料编码'}
|
,{field: 'maktx', align: 'center',title: '物料名称', width: 500}
|
,{field: 'lgnum', align: 'center',title: '规格'}
|
,{field: 'type', align: 'center',title: '物料类别'}
|
,{field: 'mnemonic', align: 'center',title: '生产单号'}
|
,{field: 'supplier', align: 'center',title: '通知单号'}
|
,{field: 'anfme', align: 'center',title: '数量', edit: 'text', style: 'color: blue; font-weight: bold'}
|
// ,{field: 'altme', align: 'center',title: '单位'}
|
,{field: 'zpallet', align: 'center',title: '托盘条码'}
|
];
|
cols.push({field: 'modiUser$', align: 'center', title: '修改人员', hide: true}
|
, {field: 'modiTime$', align: 'center', title: '修改时间', hide: true})
|
return cols;
|
}
|
|
layui.use(['table', 'laydate', 'form'], function () {
|
table = layui.table;
|
var $ = layui.jquery;
|
var layer = layui.layer;
|
var layDate = layui.laydate;
|
form = layui.form;
|
// 数据渲染
|
locDetlTableIns = table.render({
|
elem: '#stockOut',
|
headers: {token: localStorage.getItem('token')},
|
url: baseUrl + '/outStock/query/locList?fbillNo=' + orderData.fbillNo,
|
page: true,
|
limit: 9999,
|
limits: [9999],
|
even: true,
|
// cellMinWidth: 50,
|
cols: [getCol()],
|
request: {
|
pageName: 'curr',
|
pageSize: 'limit'
|
},
|
parseData: function (res) {
|
return {
|
'data': res.data,
|
'code': res.code,
|
}
|
},
|
response: {
|
statusCode: 200
|
},
|
done: function (res, curr, count) {
|
if (res.code === 403) {
|
top.location.href = baseUrl + "/";
|
}
|
locData = res.data;
|
}
|
});
|
|
$.ajax({
|
url: baseUrl + "/available/take/site",
|
headers: {'token': localStorage.getItem('token')},
|
method: 'POST',
|
async: false,
|
success: function (res) {
|
if (res.code === 200) {
|
var tpl = $("#takeSiteSelectTemplate").html();
|
var template = Handlebars.compile(tpl);
|
var html = template(res);
|
$('#staNoSelect').append(html);
|
form.render('select');
|
} else if (res.code === 403) {
|
top.location.href = baseUrl + "/";
|
} else {
|
layer.msg(res.msg)
|
}
|
}
|
});
|
});
|
|
/* 启动出库 */
|
function outbound() {
|
if (locData.length == 0) {
|
layer.msg('请先添加库位物料');
|
return;
|
} else {
|
var staNo = $("#staNoSelect").val();
|
if (staNo === "" || staNo === null){
|
layer.msg("请选择出库口");
|
return;
|
}
|
var locDetls = [];
|
locData.forEach(function(elem) {
|
if (elem.anfme > 0) {
|
locDetls.push({locNo: elem.locNo, matnr: elem.matnr, count: elem.anfme});
|
}
|
});
|
let param = {
|
outSite: staNo,
|
locDetls: locDetls,
|
fbillNo: orderData.fbillNo,
|
}
|
// 调用出库接口
|
$.ajax({
|
url: baseUrl+"/plate/outStock/start",
|
headers: {'token': localStorage.getItem('token')},
|
data: JSON.stringify(param),
|
contentType:'application/json;charset=UTF-8',
|
method: 'POST',
|
success: function (res) {
|
if (res.code === 200){
|
parent.closeDetail(res.msg);
|
parent.tableReload();
|
} else if (res.code === 403){
|
top.location.href = baseUrl+"/";
|
} else {
|
layer.msg(res.msg)
|
}
|
}
|
});
|
}
|
}
|
</script>
|
</html>
|
