var pageCurr;
|
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: '#locCache',
|
headers: { token: localStorage.getItem('token') },
|
url: baseUrl + '/locCache/list/auth',
|
page: true,
|
limit: 15,
|
limits: [15, 30, 50, 100, 200, 500],
|
toolbar: '#toolbar',
|
cellMinWidth: 80,
|
height: 'full-120',
|
cols: [[{ type: 'checkbox' }, { field: 'locNo', align: 'center', title: '库位号', width: 120 }
|
, { field: 'barcode', align: 'center', title: '托盘码' }
|
, { field: 'areaName', align: 'center', title: '库区名称' }
|
// , {field: 'whsType$', align: 'center', title: '库位类型'}
|
, { field: 'locSts', align: 'center', title: '库位状态' }
|
, { field: 'row1', align: 'center', title: '排' }
|
, { field: 'bay1', align: 'center', title: '列' }
|
, { field: 'lev1', align: 'center', title: '层' }
|
// , {field: 'locType', align: 'center', title: '库位类型'}
|
, { field: 'sort', align: 'center', title: '优先级' }
|
, { field: 'modiUser$', align: 'center', title: '修改人员', hide: true }
|
, { field: 'modiTime$', align: 'center', title: '修改时间' }
|
, { field: 'appeUser$', align: 'center', title: '创建者', hide: true }
|
, { field: 'appeTime$', align: 'center', title: '添加时间', hide: true }
|
, { field: 'frozen', align: 'center', title: '是否冻结', hide: true }
|
, { field: 'frozenMemo', align: 'center', title: '冻结备注', hide: true }
|
, { fixed: 'right', title: '操作', align: 'center', toolbar: '#operate', width: 200 }]
|
],
|
request: {
|
pageName: 'curr', pageSize: 'limit'
|
},
|
parseData: function (res) {
|
return {
|
'code': res.code, 'msg': res.msg, 'count': res.data?.total, 'data': res.data.records
|
}
|
},
|
response: {
|
statusCode: 200
|
},
|
done: function (res, curr, count) {
|
if (res.code === 403) {
|
top.location.href = baseUrl + "/";
|
}
|
pageCurr = curr;
|
limit();
|
}
|
});
|
|
// 监听排序事件
|
table.on('sort(locCache)', function (obj) {
|
var searchData = {};
|
$.each($('#search-box [name]').serializeArray(), function () {
|
searchData[this.name] = this.value;
|
});
|
searchData['orderByField'] = obj.field;
|
searchData['orderByType'] = obj.type;
|
tableIns.reload({
|
where: searchData, page: { curr: 1 }
|
});
|
});
|
|
// 监听头工具栏事件
|
table.on('toolbar(locCache)', function (obj) {
|
var checkStatus = table.checkStatus(obj.config.id).data;
|
switch (obj.event) {
|
case 'addData':
|
showEditModel();
|
break;
|
case 'batchModifties':
|
if (checkStatus.length === 0) {
|
layer.msg('请选择需要修改的数据信息', { icon: 2 });
|
return;
|
}
|
batchModifies();
|
break;
|
case 'deleteData':
|
if (checkStatus.length === 0) {
|
layer.msg('请选择要删除的数据', { icon: 2 });
|
return;
|
}
|
del(checkStatus.map(function (d) {
|
return d.id;
|
}));
|
break;
|
case 'init':
|
layer.prompt({ title: '请输入口令，并重置库位', formType: 1, shadeClose: true }, function (pass, idx) {
|
http.get(baseUrl + "/locMast/init/pwd", { pwd: pass }, function (res) {
|
if (res.data) {
|
layer.open({
|
type: 1,
|
title: '初始化库位',
|
area: ["400px"],
|
maxmin: true,
|
shadeClose: true,
|
content: $("#resetLocDiv"),
|
success: function (layero, index) {
|
|
}
|
})
|
} else {
|
layer.msg("口令错误");
|
}
|
layer.close(idx);
|
})
|
});
|
break;
|
}
|
});
|
|
|
|
// 监听行工具事件
|
table.on('tool(locCache)', function (obj) {
|
var data = obj.data;
|
switch (obj.event) {
|
case 'showDetl':
|
locNo = data?.locNo;
|
// 弹层显示
|
layer.open({
|
type: 2,
|
title: '库位明细',
|
maxmin: true,
|
area: [top.detailWidth, top.detailHeight],
|
shadeClose: true,
|
content: 'locDetail.html',
|
success: function (layero, index) {
|
}
|
});
|
break;
|
case 'edit':
|
showEditModel(data);
|
break;
|
case "del":
|
del([data.id]);
|
break;
|
}
|
});
|
|
// 初始化保存
|
form.on('submit(initDo)', function (data) {
|
console.log(data.field)
|
$.ajax({
|
url: baseUrl + "/locCache/init/auth",
|
headers: { 'token': localStorage.getItem('token') },
|
data: data.field,
|
method: 'POST',
|
async: false,
|
success: function (res) {
|
if (res.code === 200) {
|
layer.msg(res.msg);
|
layer.closeAll();
|
tableReload(false);
|
} else if (res.code === 403) {
|
parent.location.href = "/";
|
} else {
|
layer.msg(res.msg)
|
}
|
}
|
})
|
});
|
|
function batchModifies() {
|
layer.open({
|
type: 1,
|
title: '批量修改',
|
maxmin: true,
|
area: ["400px"],
|
shadeClose: true,
|
content: $('#batchModify'),
|
success: function (layero, index) {
|
|
}
|
});
|
}
|
|
/* 弹窗 - 新增、修改 */
|
function showEditModel(mData) {
|
admin.open({
|
type: 1,
|
area: '600px',
|
title: (mData ? '修改' : '添加') + '库位缓存',
|
content: $('#editDialog').html(),
|
success: function (layero, dIndex) {
|
layDateRender(mData);
|
// 加载库区列表
|
$.ajax({
|
url: baseUrl + "/basAreasQuery/auth",
|
headers: { 'token': localStorage.getItem('token') },
|
data: { condition: '' },
|
method: 'POST',
|
success: function (res) {
|
if (res.code === 200) {
|
var areaSelect = $(layero).find('select[name="areaName"]');
|
areaSelect.empty();
|
areaSelect.append('<option value="">请选择库区</option>');
|
var list = res.data;
|
for (var i = 0; i < list.length; i++) {
|
areaSelect.append('<option value="' + list[i].value + '" data-id="' + list[i].id + '">' + list[i].value + '</option>');
|
}
|
// 设置表单值
|
form.val('detail', mData);
|
// 如果有数据，设置选中的库区
|
if (mData && mData.areaName) {
|
areaSelect.val(mData.areaName);
|
}
|
form.render('select');
|
}
|
}
|
});
|
// 监听库区选择变化，同步areaId
|
form.on('select(editAreaName)', function (data) {
|
var selectedOption = $(data.elem).find('option:selected');
|
var areaId = selectedOption.attr('data-id') || '';
|
$(layero).find('input[name="areaId"]').val(areaId);
|
});
|
form.on('submit(editSubmit)', function (data) {
|
var loadIndex = layer.load(2);
|
$.ajax({
|
url: baseUrl + "/locCache/" + (mData ? 'update' : 'add') + "/auth",
|
headers: { 'token': localStorage.getItem('token') },
|
data: data.field,
|
method: 'POST',
|
success: function (res) {
|
layer.close(loadIndex);
|
if (res.code === 200) {
|
layer.close(dIndex);
|
layer.msg(res.msg, { icon: 1 });
|
tableReload();
|
} else if (res.code === 403) {
|
top.location.href = baseUrl + "/";
|
} else {
|
layer.msg(res.msg, { icon: 2 });
|
}
|
}
|
})
|
return false;
|
});
|
$(layero).children('.layui-layer-content').css('overflow', 'visible');
|
layui.form.render('select');
|
}
|
});
|
}
|
|
/* 删除 */
|
function del(ids) {
|
layer.confirm('确定要删除选中数据吗？', {
|
skin: 'layui-layer-admin', shade: .1
|
}, function (i) {
|
layer.close(i);
|
var loadIndex = layer.load(2);
|
$.ajax({
|
url: baseUrl + "/locCache/delete/auth",
|
headers: { 'token': localStorage.getItem('token') },
|
data: { ids: ids },
|
method: 'POST',
|
success: function (res) {
|
layer.close(loadIndex);
|
if (res.code === 200) {
|
layer.msg(res.msg, { icon: 1 });
|
tableReload();
|
} else if (res.code === 403) {
|
top.location.href = baseUrl + "/";
|
} else {
|
layer.msg(res.msg, { icon: 2 });
|
}
|
}
|
})
|
});
|
}
|
|
// 搜索
|
form.on('submit(search)', function (data) {
|
pageCurr = 1;
|
tableReload(false);
|
});
|
|
// 重置
|
form.on('submit(reset)', function (data) {
|
pageCurr = 1;
|
clearFormVal($('#search-box'));
|
tableReload(false);
|
});
|
|
// 时间选择器
|
function layDateRender(data) {
|
setTimeout(function () {
|
layDate.render({
|
elem: '.layui-laydate-range', type: 'datetime', range: true
|
});
|
layDate.render({
|
elem: '#ioTime\\$', type: 'datetime', value: data !== undefined ? data['ioTime\\$'] : null
|
});
|
layDate.render({
|
elem: '#firstTime\\$', type: 'datetime', value: data !== undefined ? data['firstTime\\$'] : null
|
});
|
layDate.render({
|
elem: '#modiTime\\$', type: 'datetime', value: data !== undefined ? data['modiTime\\$'] : null
|
});
|
layDate.render({
|
elem: '#appeTime\\$', type: 'datetime', value: data !== undefined ? data['appeTime\\$'] : null
|
});
|
layDate.render({
|
elem: '#errorTime\\$', type: 'datetime', value: data !== undefined ? data['errorTime\\$'] : null
|
});
|
|
}, 300);
|
}
|
|
layDateRender();
|
|
});
|
|
// 关闭动作
|
$(document).on('click', '#data-detail-close', function () {
|
parent.layer.closeAll();
|
});
|
|
function tableReload(child) {
|
var searchData = {};
|
$.each($('#search-box [name]').serializeArray(), function () {
|
searchData[this.name] = this.value;
|
});
|
tableIns.reload({
|
where: searchData, page: { curr: pageCurr }
|
});
|
}
|
