var initCountVal = 0;
|
var initAnfmeVal = "-";
|
var matCodeData = [];
|
var currLocNo;
|
var matCodeLayerIdx;
|
function getCol() {
|
var cols = [
|
{fixed: 'left', field: 'count', title: I18n.t('actual_quantity'), align: 'center', edit:'text', width: 120, style:'color: blue;font-weight: bold'}
|
,{field: 'anfme', align: 'center',title: I18n.t('quantity')}
|
,{field: 'batch', align: 'center',title: I18n.t('batch_edit'), edit: true, style: 'font-weight:bold'}
|
];
|
var dCols = [];
|
if (typeof getDetlCols === 'function') {
|
dCols = getDetlCols();
|
} else {
|
dCols = detlCols.slice();
|
}
|
arrRemove(dCols, "field", "anfme");
|
arrRemove(dCols, "field", "batch");
|
cols.push.apply(cols, dCols);
|
cols.push({fixed: 'right', title: I18n.t('operation'), align: 'center', toolbar: '#operate', width:80})
|
return cols;
|
}
|
|
layui.config({
|
base: baseUrl + "/static/layui/lay/modules/"
|
}).use(['table','laydate', 'form', 'admin'], function() {
|
var table = layui.table;
|
var $ = layui.jquery;
|
var layer = layui.layer;
|
var layDate = layui.laydate;
|
var form = layui.form;
|
var admin = layui.admin;
|
|
tableIns = table.render({
|
elem: '#chooseData',
|
data: [],
|
even: true,
|
limit: 500,
|
cellMinWidth: 50,
|
toolbar: '#toolbar',
|
cols: [getCol()],
|
text: {
|
none: typeof I18n !== 'undefined' ? I18n.t('no_data') : '暂无相关数据'
|
},
|
done: function (res, curr, count) {
|
limit();
|
if (typeof I18n !== 'undefined') {
|
I18n.updatePage($('.layui-table-view'));
|
}
|
}
|
});
|
|
$(document).on('i18n:languageChanged', function() {
|
tableIns.reload({
|
cols: [getCol()]
|
});
|
$('[data-i18n-placeholder]').each(function() {
|
var key = $(this).attr('data-i18n-placeholder');
|
$(this).attr('placeholder', I18n.t(key));
|
});
|
// Update location status message if visible
|
if (currLocNo) {
|
// Need to re-trigger locTips logic or just update the text if possible.
|
// Since locTips makes an ajax call, maybe just leave it until next interaction or if we want to be perfect we could store the status.
|
// But 'location_status' is inside the dynamic html string.
|
// Let's rely on the user to re-search or just update the static part if we can.
|
// Actually, simply re-running the status text update if we had the data would be better.
|
// But for now, let's just let it be, or update if we have data.
|
}
|
});
|
|
// 页面修改
|
table.on('edit(chooseData)', function (obj) {
|
let index = obj.tr.attr("data-index");
|
let data = matCodeData[index];
|
let modify = true;
|
if (obj.field === 'count'){
|
let vle = Number(obj.value);
|
if (isNaN(vle)) {
|
layer.msg(I18n.t('please_enter_number'), {icon: 2});
|
modify = false;
|
} else {
|
if (vle <= 0) {
|
layer.msg(I18n.t('quantity_must_be_greater_than_zero'), {icon: 2});
|
modify = false;
|
}
|
}
|
}
|
if (modify) {
|
data[obj.field] = obj.value;
|
}
|
tableIns.reload({data: matCodeData});
|
});
|
|
// 监听头工具栏事件
|
table.on('toolbar(chooseData)', function (obj) {
|
switch(obj.event) {
|
case 'adjust':
|
if (isEmpty(currLocNo)) {
|
layer.msg(I18n.t('please_retrieve_location_first'), {icon: 2})
|
inputTip($("#searchLocNo"));
|
return;
|
}
|
if (matCodeData.length === 0) {
|
layer.msg(I18n.t('please_add_detail_first'), {icon: 2});
|
return;
|
}
|
for (var i=0;i<matCodeData.length;i++){
|
if (isNaN(matCodeData[i].count)) {
|
layer.msg(I18n.t('please_enter_number'), {icon: 2});
|
return;
|
}
|
if (matCodeData[i].count < 0){
|
layer.msg(I18n.t('quantity_cannot_be_less_than_zero'), {icon: 2});
|
return;
|
}
|
}
|
layer.confirm(I18n.t('confirm_adjust_location_detail', {val: currLocNo}), {shadeClose: true, title: I18n.t('prompt'), btn: [I18n.t('confirm'), I18n.t('cancel')]}, function(){
|
$.ajax({
|
url: baseUrl+"/locDdetl/adjust/start",
|
headers: {'token': localStorage.getItem('token')},
|
data: JSON.stringify({
|
locNo: currLocNo,
|
list: matCodeData
|
}),
|
contentType:'application/json;charset=UTF-8',
|
method: 'POST',
|
async: false,
|
success: function (res) {
|
if (res.code === 200){
|
layer.msg(currLocNo + " " + I18n.t(res.msg), {icon: 1});
|
init(currLocNo)
|
} else if (res.code === 403){
|
top.location.href = baseUrl+"/";
|
}else {
|
layer.msg(I18n.t(res.msg), {icon: 2})
|
}
|
}
|
})
|
});
|
break;
|
}
|
});
|
|
// 监听行工具事件
|
table.on('tool(chooseData)', function(obj){
|
var data = obj.data;
|
switch (obj.event) {
|
case 'remove':
|
let index = obj.tr.attr("data-index");
|
matCodeData.splice(index, 1);
|
tableIns.reload({data: matCodeData});
|
break;
|
}
|
});
|
|
// 检索事件
|
form.on('submit(search)', function (data) {
|
let locNo = data.field.loc_no;
|
if (locNo === "") {
|
inputTip($("#searchLocNo"));
|
layer.msg(I18n.t('please_enter_source_location'));
|
return;
|
}
|
init(locNo);
|
});
|
|
// 重置事件
|
form.on('submit(reset)', function (data) {
|
reset();
|
});
|
|
function init(locNo) {
|
http.post(baseUrl + "/locDetl/list/auth", {locNo: locNo,limit: 1000}, function (res) {
|
matCodeData = [];
|
matCodeData = res.data.records;
|
for (var i = 0; i<matCodeData.length; i++) {
|
matCodeData[i]["count"] = matCodeData[i]["anfme"];
|
}
|
locTips(true, locNo);
|
tableReload();
|
})
|
}
|
|
function reset() {
|
clearFormVal($('#search-box'));
|
matCodeData = [];
|
tableReload();
|
locTips(false);
|
}
|
|
// 重载表格
|
function tableReload() {
|
tableIns.reload({data: matCodeData});
|
}
|
|
// 库位提示框
|
function locTips(retrieve, locNo) {
|
if (retrieve) {
|
http.post(baseUrl+"/locMast/"+locNo+"/auth", null, function (res) {
|
let data = res.data;
|
if (data != null) {
|
$(".retrieve").show();
|
$("#locMsg").html(locNo + " ," + I18n.t('location_status') + "：" + data.locSts$);
|
$('.not-retrieve').hide();
|
currLocNo = locNo;
|
} else {
|
layer.msg(I18n.t('please_enter_valid_location_no'), {icon: 2});
|
$('.not-retrieve').show();
|
$("#locMsg").html("");
|
$(".retrieve").hide();
|
currLocNo = null;
|
inputTip($("#searchLocNo"));
|
}
|
})
|
} else {
|
$('.not-retrieve').show();
|
$("#locMsg").html("");
|
$(".retrieve").hide();
|
currLocNo = null;
|
}
|
}
|
|
$(document).on('click','#mat-query', function () {
|
if (isEmpty(currLocNo)) {
|
layer.msg(I18n.t('please_retrieve_location_first'))
|
inputTip($("#searchLocNo"));
|
return;
|
}
|
let loadIndex = layer.msg(I18n.t('requesting'), {icon: 16, shade: 0.01, time: false});
|
matCodeLayerIdx = admin.open({
|
type: 2,
|
title: false,
|
closeBtn: false,
|
maxmin: false,
|
area: ['90%', '85%'],
|
shadeClose: true,
|
content: 'matQuery.html',
|
success: function(layero, index){
|
layer.close(loadIndex);
|
}
|
});
|
})
|
|
})
|
|
// 搜索框空值提示
|
function inputTip(el) {
|
el.css("border-color", "red");
|
setTimeout(function () {
|
el.css("border-color", "#b8b8b8");
|
}, 1000);
|
}
|
|
// 添加表格数据
|
function addTableData(data) {
|
for (let i=0;i<data.length;i++){
|
for (let j=0;j<matCodeData.length;j++){
|
if (data[i].matnr === matCodeData[j].matnr && data[i].batch === matCodeData[j].batch) {
|
data.splice(i, 1);
|
break;
|
} else {
|
data[i]['anfme'] = initAnfmeVal;
|
data[i]['count'] = initCountVal;
|
}
|
}
|
}
|
matCodeData.push.apply(matCodeData, data);
|
tableIns.reload({data: matCodeData});
|
layer.close(matCodeLayerIdx);
|
}
|
