var matCodeData = []
var tableIns, tableInsLoc;
// 搜索条件-库位号
var locNo = ''
// 库存明细
var locData = []
var form = null
layui.use(['table', 'form'], function () {
    var table = layui.table
    var $ = layui.jquery
    form = layui.form;

    // 获取出库口
    function fetchSelect() {
        $.ajax({
            url: baseUrl + "/locCombOutStartCheckSite/site",
            headers: {'token': localStorage.getItem('token')},
            method: 'POST',
            success: function (res) {
                if (res.code === 200) {
                    var html = res.data.map((item) => {
                        return `<option value="${item}">${item}</option>`
                    })
                    $('#putSiteSelect').append(html);
                    form.render('select');
                } else if (res.code === 403) {
                    top.location.href = baseUrl + "/";
                } else {
                    layer.msg(res.msg)
                }
            }
        })
    }
    // 加载出库口信息
    fetchSelect()

    // 库位物料
    tableInsLoc = table.render({
        elem: '#locDetail'
        , headers: {token: localStorage.getItem('token')}
        , url: baseUrl + '/locDetl/pageList/auth'
        , cols: [[ //标题栏
            {field: 'locNo', title: '库位', width: 120}
            , {field: 'maktx', title: '商品名', width: 300}
            , {field: 'matnr', title: '商品号', width: 200}
            , {field: 'specs', title: '规格', width: 300}
            , {field: 'anfme', title: '数量', width: 100}
        ]]
        , page: true //是否显示分页
        , request: {
            pageName: 'curr',
            pageSize: 'limit',
        },
        where: {'locNo': locNo}
        , limits: [5]
        , limit: 5, //每页默认显示的数量
        parseData: function (res) {
            if (res.code === 201) {
                return ''
            }
            locData = res.data.records
            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 + "/";
            }
        }
    })

    // 新增物料
    tableIns = table.render({
        elem: '#chooseData',
        id: 'chooseData',
        data: [],
        limit: 500,
        cellMinWidth: 50,
        cols: [[
            {
                fixed: 'left',
                align: 'center',
                field: 'count',
                title: '数量',
                style: 'color: blue',
                width: 100,
                edit: 'text',
                width: 120,
                style: 'color: blue;font-weight: bold'
            },
            {field: 'matnr', align: 'center', title: '商品编号'},
            {field: 'maktx', align: 'center', title: '商品名称'},
            {field: 'specs', align: 'center', title: '规格'},
            {fixed: 'right', title: '操作', align: 'center', toolbar: '#operate', width: 200}
        ]]
    });

    // 监听table的移除事件
    table.on('tool(chooseData)', function (obj) {
        var data = obj.data;
        switch (obj.event) {
            case 'remove':
                const findIndex = matCodeData.findIndex(item => item.id === data.id)
                matCodeData.splice(findIndex, 1)
                tableIns.reload({data: matCodeData, limit: matCodeData.length});
                break;
        }
    });

    table.on('edit(chooseData)', function (obj) {
        matCodeData = matCodeData.map(item => {
            if (item.id === obj.data.id) {
                return {
                    ...item,
                    count: obj.value
                }
            }
            return item
        })
    });

    // 搜索按钮
    $("#searchFor").click(function () {
        table.reload('locDetail', {
            where: {'locNo': locNo},
            page: { // 分页参数
                curr: 1 // 重新从第一页开始
            },
            // 其他参数
        })
    })
})
// 获取输入框值
$("#locNo").on("input", function (e) {
    //获取input输入的值
    locNo = e.delegateTarget.value;
});

// 补料出库
$("#outbound").click(function () {
    if (locNo === "" || locNo.length != 7) {
        layer.msg("库位号错误");
        return;
    }
    //判断库位数据
    if (locData == null || locData.length === 0) {
        layer.msg("并板库位没有库存数据");
        return;
    }
    // 判断是否存在产品
    if (matCodeData.length === 0) {
        layer.msg("请先添加产品");
        return;
    }
    // 判断产品数量是否存在异常
    for (var i = 0; i < matCodeData.length; i++) {
        if (isNaN(matCodeData[i].count)) {
            layer.msg("请输入数字");
            return;
        }
        if (matCodeData[i].count === 0) {
            layer.msg("数量不能为零");
            return;
        }
    }
    // 判断出站口
    var outNo = $('#putSiteSelect').val()
    if (outNo.length === 0) {
        layer.msg("请选择出库口");
        return;
    }

    $.ajax({
        url: baseUrl + "/locComb/out/start",
        headers: {'token': localStorage.getItem('token')},
        data: JSON.stringify({
            locNo: locNo,
            devpNo: Number(outNo),
            list: matCodeData
        }),
        contentType: 'application/json;charset=UTF-8',
        method: 'POST',
        async: false,
        success: function (res) {
            if (res.code === 200) {
                layer.msg(res.msg);
                // 清空出库口选择
                $("#putSiteSelect").val('');
                form.render();
                // 清空输入的库位
                $("#locNo").val("");
                locNo = ''
                // 清空增加的明细数据
                matCodeData = [];
                tableIns.reload({data: []});
                // 清空库位明细数据
                tableInsLoc.reload({data: [], where: {'locNo': ''}});
                locData = []
            } else if (res.code === 403) {
                top.location.href = baseUrl + "/";
            } else {
                layer.msg(res.msg)
            }
        }
    })
})

// 提取物料
var matCodeLayerIdx;

// 打开商品弹窗
function getMat() {
    matCodeLayerIdx = layer.open({
        type: 2,
        title: '物料',
        shade: [0.3, '#000'],
        area: ['90%', '80%'],
        content: 'matQuery.html',
        success: function (layero, index) {
            $('.layui-layer-title').css('font-size', '16px');
        },
        end: function () {
            $('#addmatnr').focus();
        }
    });
}

// 打开商品弹窗
function getBomMat() {
    matCodeLayerIdx = layer.open({
        type: 2,
        title: 'Bom物料',
        shade: [0.3, '#000'],
        area: ['90%', '80%'],
        content: 'bomMatQuery.html',
        success: function (layero, index) {
            $('.layui-layer-title').css('font-size', '16px');
        },
        end: function () {
            $('#addBomMatnr').focus();
        }
    });
}

// 添加表格数据
var matData = [];

// 获取弹窗返回的值
function addTableData(data) {
    for (var i = 0; i < data.length; i++) {
        data[i]["count"] = 0
    }
    matCodeData = data
    // 对于options的各项参数有点迷惑，但是试了好多方法，发现加一条limit属性，取数据源长度即可
    tableIns.reload({data: matCodeData, limit: matCodeData.length});
    layer.close(matCodeLayerIdx);
}