var insTbCount = 0;
var tableCache2 = [];
layui.config({
base: baseUrl + "/static/layui/lay/modules/"
}).extend({
notice: 'notice/notice',
}).use(['layer', 'form', 'table','upload','element', 'util', 'admin', 'xmSelect', 'laydate', 'tableMerge', 'notice'], function () {
var $ = layui.jquery;
var layer = layui.layer;
var form = layui.form;
var table = layui.table;
var util = layui.util;
var upload = layui.upload;
var admin = layui.admin;
var xmSelect = layui.xmSelect;
var layDate = layui.laydate;
var laytpl = layui.laytpl;
var tableMerge = layui.tableMerge;
var notice = layui.notice;
var element = layui.element;
// 渲染搜索模板
$.ajax({
url: baseUrl+"/docType/list/auth",
headers: {'token': localStorage.getItem('token')},
data: {
limit: 9999
},
method: 'POST',
success: function (res) {
if (res.code === 200){
let template = Handlebars.compile($('#docTypeTpl').html());
$('#docType-query').html(template(res.data));
layui.form.render('select');
} else if (res.code === 403){
top.location.href = baseUrl+"/";
} else {
layer.msg(res.msg, {icon: 2})
}
}
})
// 渲染表格
var insTb = table.render({
elem: '#order',
url: baseUrl+'/order/head/page/auth',
headers: {token: localStorage.getItem('token')},
page: true,
cellMinWidth: 100,
cols: [[
{type: 'numbers'},
{field: 'orderNo', title: '单据编号', templet: '#orderNoTpl'},
{field: 'docType$', align: 'center', title: '类型', minWidth: 160, width: 160},
{field: 'tkType', align: 'center', title: 'TK', minWidth: 160, width: 160,hide: true},
{align: 'center', title: '明细', toolbar: '#tbLook', minWidth: 160, width: 160},
{field: 'createTime$', title: '创建时间', minWidth: 200, width: 200},
{field: 'settle$', align: 'center', title: '状态', templet: '#settleTpl', minWidth: 160, width: 160},
{field: 'memo', align: 'center',title: '备注', hide: true},
{align: 'center', title: '操作', toolbar: '#operate', width: 240}
]],
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) {
limit();
if (res.code === 403) {
top.location.href = baseUrl+"/";
}
insTbCount = count;
}
});
// 搜索
form.on('submit(tbSearch)', function (data) {
insTb.reload({where: data.field, page: {curr: 1}});
});
//多文件列表
var uploadListIns = upload.render({
elem: '#data-btn-file2'
,elemList: $('#data-btn-file3') //列表元素对象
,url: baseUrl+'/order/insert/labelUp/file/auth'
,accept: 'file'
,multiple: true
,number: 10
,auto: false
,bindAction: '#testListAction'
,choose: function(obj){
// 赋值
this.data.orderId=$('.layui-layer-title').text()
var that = this;
var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
//读取本地文件
obj.preview(function(index, file, result){
var tr = $(['
'
,''+ file.name +' | '
,''+ (file.size/1014).toFixed(1) +'kb | '
,' | '
,''
,''
// ,''
,' | '
,'
'].join(''));
//单个重传
tr.find('.demo-reload').on('click', function(){
obj.upload(index, file);
});
//删除
tr.find('.demo-delete').on('click', function(){
delete files[index]; //删除对应的文件
tr.remove();
uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值,以免删除后出现同名文件不可选
});
that.elemList.append(tr);
element.render('progress'); //渲染新加的进度条组件
});
}
,done: function(res, index, upload){ //成功的回调
var that = this;
//if(res.code == 0){ //上传成功
var tr = that.elemList.find('tr#upload-'+ index)
,tds = tr.children();
tds.eq(3).html(''); //清空操作
delete this.files[index]; //删除文件队列已经上传成功的文件
return;
//}
this.error(index, upload);
}
,allDone: function(obj){ //多文件上传完毕后的状态回调
console.log(obj)
}
,error: function(index, upload){ //错误回调
var that = this;
var tr = that.elemList.find('tr#upload-'+ index)
,tds = tr.children();
tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
}
,progress: function(n, elem, e, index){ //注意:index 参数为 layui 2.6.6 新增
element.progress('progress-demo-'+ index, n + '%'); //执行进度条。n 即为返回的进度百分比
}
});
// 添加
$("#orderAddBtn").click(function () {
showEditModel();
});
// 工具条点击事件
table.on('tool(order)', function (obj) {
var data = obj.data;
var layEvent = obj.event;
if (layEvent === 'edit') {
showEditModel(data);
} else if (layEvent === 'wrkTrace') {
showWrkTrace(data.id);
} else if (layEvent === 'del') {
doDel(data.id);
} else if (layEvent === 'labelUp') {
//上传标签
// 打开弹窗
// 构建带参数的内容
layer.open({
area: '1020px',
type: 1,
title: '上传文件-'+data.id,
content: $('#myModal')
});
// 获取路径下的文件列表,使用 jQuery 的 ajax 方法
$.ajax({
url: baseUrl+'/order/view/labelUp/file/auth',
data:{
orderId:data.id
},
success: function(response) {
if (response.code==200){
var targetTable = document.getElementById("data-btn-file3");
targetTable.innerHTML = '';
// 将获取到的文件列表添加到文件队列中进行显示
response.data.forEach(function(file,index) {
// 创建tr元素
var tr = document.createElement("tr");
tr.id = "upload-"+index;
tr.innerHTML = '' + file.name + ' | '
+ '' + (file.size / 1024).toFixed(1) + 'kb | '
+ ' | '
+ ''
+ ''
// + ''
+ ' | ';
// 将tr元素添加到目标table中
targetTable.appendChild(tr);
});
}else {
console.log('Failed to get file list error.');
}
},
error: function() {
console.log('Failed to get file list.');
}
});
} else if (layEvent === 'refundLoc') {
//退库
pakoutPreview([data.id]);
} else if (layEvent === 'complete') {
doModify(data.id, data.orderNo, 4);
} else if (layEvent === 'look') {
var $a = $(obj.tr).find('a[lay-event="look"]');
var offset = $a.offset();
var top = offset.top;
var left = offset.left;
layer.open({
type: 1,
title: false,
area: '1020px',
offset: [top + 'px', (left - 530 + $a.outerWidth()) + 'px'],
shade: .01,
shadeClose: true,
fixed: false,
content: '',
success: function (layero) {
table.render({
elem: '#lookSSXMTable',
headers: {token: localStorage.getItem('token')},
url: baseUrl+'/orderDetl/list/auth',
where: {
order_id: data.id
},
page: true,
cellMinWidth: 100,
cols: [[
{type: 'numbers'},
{field: 'matnr', title: '规格', width: 160},
{field: 'maktx', title: '商品名称', width: 160},
{field: 'batch', title: '箱号'},
{field: 'anfme', title: '数量'},
// {field: 'workQty', title: '作业数量'},
// {field: 'unit', title: '单位'},
// {
// field: 'createTime$', title: '创建时间', sort: true, templet: function (d) {
// return util.toDateString(d.createTime);
// }, width: 180
// },
// {field: 'inQty', title: '已入库量'},
// {field: 'color', title: '颜色'},
{field: 'specs', title: '接头'},
{field: 'qty$', title: '状态', style: 'font-weight: bold'},
{field: 'source$', title: '是否确认', style: 'font-weight: bold'}
]],
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 () {
$(layero).find('.layui-table-view').css('margin', '0');
},
size: ''
});
}
});
}
});
// 显示表单弹窗
function showEditModel(expTpe) {
admin.open({
type: 1,
title: (expTpe ? '修改' : '添加') + '单据',
content: $('#editDialog').html(),
area: '1300px',
success: function (layero, dIndex) {
$(layero).children('.layui-layer-content').css('overflow', 'visible');
var isExpAdd = !expTpe;
// 回显数据
form.val('editForm', expTpe);
if (expTpe) {
$('#orderNo').attr("disabled", "disabled");
}
// 表单提交事件
form.on('submit(orderEditSubmit)', function (data) {
// 组装数据
if (xxDataList.length <= 0) {
layer.tips('请添加单据明细', '#matAddBtnComment', {tips: [1, '#ff4c4c']});
return false;
}
let nList = admin.util.deepClone(xxDataList);
for (let xi = 0; xi < nList.length; xi++) {
if (nList[xi].anfme <= 0){
layer.msg('明细修改数量不合法', {icon: 2});
return false;
}
if (nList[xi].anfme < nList[xi].workQty){
layer.msg('数量不能小于已作业数量', {icon: 2});
return false;
}
}
layer.load(2);
$.ajax({
url: baseUrl+"/order/form/" + (isExpAdd?"add":"modify") + "/auth",
headers: {'token': localStorage.getItem('token')},
data: JSON.stringify({
orderId: Number(data.field.id),
docType: Number(data.field.docType),
orderNo: data.field.orderNo,
orderDetlList: nList
}),
contentType:'application/json;charset=UTF-8',
method: 'POST',
success: function (res) {
layer.closeAll('loading');
if (res.code === 200){
layer.close(dIndex);
$(".layui-laypage-btn")[0].click();
layer.msg(res.msg, {icon: 1});
} else if (res.code === 403){
top.location.href = baseUrl+"/";
}else {
layer.msg(res.msg, {icon: 2});
}
}
})
return false;
});
// 明细表格
var xxDataList = [];
var tbOptions = {
elem: '#formSSXMTable',
headers: {token: localStorage.getItem('token')},
data: xxDataList,
page: true,
height: '350px;',
cellMinWidth: 100,
cols: [[
{type: 'numbers', title: '#'},
{field: 'matnr', title: '规格', width: 160},
{field: 'maktx', title: '商品名称', width: 200},
{field: 'batch', title: '箱号', edit: true},
{field: 'specs', title: '接头'},
{field: 'anfme', title: '数量(修改)', style: 'color: blue;font-weight: bold', edit: true, minWidth: 110, width: 110},
{field: 'workQty', title: '作业数量', minWidth: 100, width: 100},
// {field: 'unit', title: '单位', width: 80},
{field: 'memo', title: '备注' , edit: true},
{align: 'center', title: '操作', toolbar: '#formSSXMTableBar', minWidth: 80, width: 80, fixed: 'right'}
]],
done: function (res) {
$(layero).find('.layui-table-view').css('margin', '0');
},
size: ''
};
if (!isExpAdd) {
$.ajax({
url: baseUrl+"/order/detl/all/auth?orderId=" + expTpe.id,
headers: {'token': localStorage.getItem('token')},
method: 'GET',
async: false,
success: function (res) {
if (res.code === 200){
xxDataList = res.data;
tbOptions.data = xxDataList;
} else if (res.code === 403){
top.location.href = baseUrl+"/";
}else {
layer.msg(res.msg, {icon: 2})
}
}
})
}
var insTbSSXM = table.render(tbOptions);
// 工具条点击事件
table.on('tool(formSSXMTable)', function (obj) {
var data = obj.data;
var layEvent = obj.event;
if (layEvent === 'edit') {
showEditModel2(data);
} else if (layEvent === 'del') {
if(data.workQty > 0){
layer.msg("已存在作业数量,不能删除", {icon: 2});
return;
}
layer.confirm('确定要删除吗?', {
shade: .1,
skin: 'layui-layer-admin'
}, function (i) {
layer.close(i);
for (var j = 0; j < xxDataList.length; j++) {
if (xxDataList[j].matnr === data.matnr && xxDataList[j].batch === data.batch) {
xxDataList.splice(j, 1);
break;
}
}
insTbSSXM.reload({data: xxDataList, page: {curr: 1}});
});
}
});
// 明细数据修改
table.on('edit(formSSXMTable)', function (obj) {
let index = obj.tr.attr("data-index");
let data = xxDataList[index];
if (obj.field === 'anfme'){
let vle = Number(obj.value);
if (isNaN(vle)) {
layer.msg("请输入数字", {icon: 2});
return false;
} else {
if (vle <= 0) {
layer.msg("数量必须大于零", {icon: 2});
// data[obj.field] = 0;
// insTbSSXM.reload({data: xxDataList});
return false;
}
if(obj.value < data.workQty){
layer.msg("输入数量不能小于作业中数量", {icon: 2});
// data[obj.field] = 0;
// insTbSSXM.reload({data: xxDataList});
return false;
}
}
}
data[obj.field] = obj.value;
insTbSSXM.reload({data: xxDataList});
});
$('#matAddBtnComment').click(function () {
showEditModel2();
});
// 显示添加明细表单弹窗
function showEditModel2(exp) {
admin.open({
type: 1,
offset: '150px',
area: '680px',
title: (exp ? '修改' : '添加') + '明细',
content: $('#matEditDialog').html(),
success: function (layero, dIndex) {
// 回显数据
form.val('matEditForm', exp);
// 表单提交事件
form.on('submit(matEditSubmit)', function (data) {
let selectList = matXmSelect.getValue();
for (let i = 0; i
{
return new Set(staNos).has(val)
}
)
}
}
}
if (staBatchSelectVal.length === 0) {
layer.msg("出库站没有交集,无法批量修改", {icon: 2});
return;
}
admin.open({
type: 1,
area: '300px',
offset: 'auto',
title: '请选择站点',
content: $('#staBatchSelectDialog').html(),
success: function (layero, ddIndex) {
// 渲染下拉框
let template = Handlebars.compile($('#batchStaSelectTpl').html());
$('#batchSelectStaBox').html(template({list: staBatchSelectVal}));
// 确认
form.on('submit(staBatchSelectConfirm)', function (obj) {
let loadIdx = layer.load(2);
let batchSta = Number(obj.field.batchSta);
let arr = [];
for (let j = 0; j {
$('div[lay-id=stoPreTab] tr[data-index="' + item + '"] .order-sta-select').val(batchSta);
});
layui.form.render('select');
arr.forEach(item => {
$('div[lay-id=stoPreTab] tr[data-index="' + item + '"] .layui-select-title').find("input").css("color", "blue");
});
layer.close(loadIdx); layer.close(ddIndex);
return false;
});
// 弹窗不出现滚动条
$(layero).children('.layui-layer-content').css('overflow', 'visible');
layui.form.render('select');
},
})
}
}
,yes: function(index, layero){
//按钮【退库】的回调
pakout(tableCache2, index);
tableCache2 = []
}
,btn2: function(index, layero){
//按钮【稍后处理】的回调
layer.close(index)
tableCache2 = []
//return false 开启该代码可禁止点击该按钮关闭
}
});
} else if (res.code === 403){
top.location.href = baseUrl+"/";
} else {
layer.msg(res.msg, {icon: 2})
}
}
})
// 复选框事件
table.on('checkbox(stoPreTab)', function(obj){
tableCache2.push(obj.data)
});
}
function pakout(tableCache, layerIndex) {
// let loadIndex = layer.load(2);
notice.msg('正在生成出库任务......', {icon: 4});
$.ajax({
url: baseUrl + "/out/refund/loc/auth",
headers: {'token': localStorage.getItem('token')},
contentType: 'application/json;charset=UTF-8',
data: JSON.stringify(tableCache),
method: 'POST',
success: function (res) {
notice.destroy();
if (res.code === 200) {
layer.close(layerIndex);
layer.msg(res.msg, {icon: 1});
insTb.reload({where: null});
insTb2.reload({where: null, page: {curr: 1}});
} else if (res.code === 403) {
top.location.href = baseUrl + "/";
} else {
layer.msg(res.msg, {icon: 2})
}
}
});
}
});