var pageCurr = 0;
var tableIns;
layui.use(['table','laydate', 'form'], function() {
    var table = layui.table;
    var $ = layui.jquery;
    var layer = layui.layer;
    var layDate = layui.laydate;
    var form = layui.form;

    // 数据渲染
    tableIns = table.render({
        elem: '#locMatCode',
        headers: {token: localStorage.getItem('token')},
        // url: baseUrl+'/locDetl/list/auth',
        data:[],
        page: true,
        limit: 10,
        skin: 'line',
        even: true,
        cellMinWidth: 50,
        cols: [[
            {field: 'locNo$', align: 'center',title: '库位号'}
            ,{field: 'matnr', align: 'center',title: '物料'}
            ,{field: 'lgnum', align: 'center',title: '仓库号'}
            ,{field: 'tbnum', align: 'center',title: '转储请求编号'}
            ,{field: 'zmatid', align: 'center',title: '物料标签ID'}
            ,{field: 'maktx', align: 'center',title: '物料描述'}
            ,{field: 'werks', align: 'center',title: '工厂'}
            ,{field: 'anfme', align: 'center',title: '数量'}
            ,{field: 'altme', align: 'center',title: '单位'}
            ,{field: 'zpallet', align: 'center',title: '托盘条码'}
            ,{field: 'bname', align: 'center',title: '用户ID'}
        ]],
        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();
            form.on('checkbox(tableCheckbox)', function (data) {
                var _index = $(data.elem).attr('table-index')||0;
                if(data.elem.checked){
                    res.data[_index][data.value] = 'Y';
                }else{
                    res.data[_index][data.value] = 'N';
                }
            });
        }
    });

});

// 搜索库位物料
function getLoc() {
    let locNo = $("#locNo\\$").val();
    if (locNo === undefined || locNo === null || locNo === "") {
        layer.msg("请填写库位号");
        $('.search-input').css("border-color", "red");
        setTimeout(function () {
            $('.search-input').css("border-color", "#b8b8b8");
        }, 2000);
        return;
    }
    tableIns.reload({
        url: baseUrl+'/locDetl/list/auth'
        , where: {loc_no: locNo}
        , done:function (res) {
            limit();
        }
    });
}

// 移库启动
function locMove() {
    var sourceLocNo = $("#sourceLocNo").val();
    var targetLocNo = $("#targetLocNo").val();
    if (sourceLocNo === null || sourceLocNo === ""){
        $("#sourceLocNo").css("border-color", "red");
        setTimeout(function () {
            $("#sourceLocNo").css("border-color", "#b8b8b8");
        }, 2000);
        layer.msg("请输入库位");
        return;
    }
    if (targetLocNo === null || targetLocNo === "") {
        $("#targetLocNo").css("border-color", "red");
        setTimeout(function () {
            $("#targetLocNo").css("border-color", "#b8b8b8");
        }, 2000);
        layer.msg("请输入库位");
        return;
    }
    $.ajax({
        url: baseUrl + "/loc/move/start",
        headers: {'token': localStorage.getItem('token')},
        dataType: 'json',
        data: {
            sourceLocNo: sourceLocNo,
            targetLocNo: targetLocNo
        },
        method: 'POST',
        success: function (res) {
            if (res.code === 200) {
                $("#sourceLocNo").val("");
                $("#targetLocNo").val("");
                layer.closeAll();
                layer.msg(res.msg);
            } else if (res.code === 403) {
                top.location.href = baseUrl + "/";
            } else {
                layer.msg(res.msg);
            }
        }
    })
    // layer.open({
    //     title: "库位移转",
    //     closeBtn: 0,
    //     skin: 'layui-layer-lan',
    //     offset: '180px',
    //     type: 1,
    //     shadeClose: true,
    //     content: $('#locMoveWindow'),
    //     area: ['40rem', '18rem'],
    //     btn: ['确定', '关闭'],
    //     success: function (layero, index) {
    //
    //     }
    //
    // })
}

// 库位状态获取
var tips;
function locStatus(el) {
    let val = el.value;
    if (val === null|| val === ""){
        return;
    }
    $.ajax({
        url: baseUrl+"/locMast/"+val+"/auth",
        headers: {'token': localStorage.getItem('token')},
        dataType:'json',
        method: 'POST',
        success: function (res) {
            if (res.code === 200) {
                var status;
                if (res.data != null) {
                    status = res.data.locType$;
                } else {
                    status = "未找到库位";
                }
                tips = layer.tips(
                    "<span style='color:#333;text-overflow: clip;'>"+status+"</span>",
                    el,
                    {
                        tipsMore: true,
                        area: ['160px'],
                        tips: [3,'#fff'],
                        time:0
                        ,maxWidth:500
                    });
            } else if (res.code === 403) {
                top.location.href = baseUrl+"/";
            } else {
                layer.msg(res.msg);
            }
        }
    });
}