var initCountVal = 0;
var matCodeData = [];

function getCol() {
    var cols = [
        {type: 'checkbox', fixed: 'left'},
        {
            fixed: 'left',
            field: 'count',
            title: '数量(必填)',
            align: 'center',
            edit: 'text',
            width: 120,
            style: 'color: blue;font-weight: bold'
        }
    ];
    cols.push.apply(cols, matCols);
    cols.push({field: 'matStatus', title: '物料状态', align: 'center', width: 120, templet: '#matStatus'});
    cols.push({fixed: 'right', title: '操作', align: 'center', toolbar: '#operate', width: 80});
    return cols;
}

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: '#chooseData',
        data: [],
        even: true,
        limit: 500,
        cellMinWidth: 50,
        toolbar: '#toolbar',
        cols: [getCol()],
        done: function (res, curr, count) {
            $('td[data-field=count] div').html(initCountVal);
            setMatCodeData(res.data);
            limit();
            getInBound();
        }
    });

    // 页面修改
    table.on('edit(chooseData)', function (obj) {
        updateMatCodeData(obj.data.matNo, Number(obj.value));
    });

    // 监听头工具栏事件
    table.on('toolbar(chooseData)', function (obj) {
        var checkStatus = table.checkStatus(obj.config.id);
        var data = checkStatus.data;
        switch (obj.event) {
            case 'comb':
                // 判断是否存在物料
                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;
                    }
                }
                $.ajax({
                    url: baseUrl + "/full/store/put/start",
                    headers: {'token': localStorage.getItem('token')},
                    data: JSON.stringify({
                        devpNo: Number($('#putSiteSelect').val()),
                        list: matCodeData
                    }),
                    contentType: 'application/json;charset=UTF-8',
                    method: 'POST',
                    async: false,
                    success: function (res) {
                        if (res.code === 200) {
                            layer.msg("入库启动成功，目标库位：" + res.data);
                            matCodeData = [];
                            tableIns.reload({
                                data: matCodeData, done: function (res) {
                                    limit();
                                    getInBound();
                                }
                            });
                        } else if (res.code === 403) {
                            top.location.href = baseUrl + "/";
                        } else {
                            layer.msg(res.msg)
                        }
                    }
                })
                break;
        }
    });

    // 监听行工具事件
    table.on('tool(chooseData)', function (obj) {
        var data = obj.data;
        switch (obj.event) {
            case 'remove':
                for (var i = matCodeData.length - 1; i >= 0; i--) {
                    if (matCodeData[i].matNo === data.matNo) {
                        matCodeData.splice(i, 1);
                    }
                }
                tableIns.reload({
                    data: matCodeData, done: function (res) {
                        limit();
                        getInBound();
                        // 覆盖render方法的done
                    }
                });
                break;
        }
    });

    function setMatCodeData(data) {
        matCodeData = data;
        for (var i = 0; i < matCodeData.length; i++) {
            matCodeData[i]["count"] = initCountVal;
        }
    }

    function updateMatCodeData(matNo, count) {
        if (isNaN(count)) {
            layer.msg("请输入数字");
        } else {
            if (count > 0) {
                for (var i = 0; i < matCodeData.length; i++) {
                    if (matCodeData[i]["matNo"] === matNo) {
                        matCodeData[i]["count"] = count;
                    }
                }
            } else {
                layer.msg("数量必须大于零");
            }
        }

        tableIns.reload({
            data: matCodeData, done: function (res) {
                limit();
                getInBound();
                // 覆盖render方法的done
            }
        });
    }

    // 获取可用入库站点
    function getInBound() {
        $.ajax({
            url: baseUrl + "/available/put/site",
            headers: {'token': localStorage.getItem('token')},
            method: 'POST',
            success: function (res) {
                if (res.code === 200) {
                    var tpl = $("#putSiteSelectTemplate").html();
                    var template = Handlebars.compile(tpl);
                    var html = template(res);
                    $('#putSiteSelect').append(html);
                    form.render('select');
                } else if (res.code === 403) {
                    top.location.href = baseUrl + "/";
                } else {
                    layer.msg(res.msg)
                }
            }
        })
    }


});

// 提取物料
var matCodeLayerIdx;
function getMat() {
    matCodeLayerIdx = layer.open({
        type: 2,
        title: '提取物料',
        maxmin: true,
        area: [top.detailWidth, top.detailHeight],
        shadeClose: true,
        content: 'matQuery.html',
        success: function (layero, index) {
        }
    });
}

// 添加表格数据
function addTableData(data) {
    for (var i = 0; i < data.length; i++) {
        let pass = false;
        for (var j = 0; j < matCodeData.length; j++) {
            if (data[i].matNo === matCodeData[j].matNo) {
                pass = true;
                break;
            }
        }
        if (pass) {
            data.splice(i--, 1);
        } else {
            data[i]["count"] = initCountVal;
        }
    }
    matCodeData.push.apply(matCodeData, data);
    tableIns.reload({data: matCodeData});
    layer.close(matCodeLayerIdx);
}

// 打开批量修改物料状态弹窗
var matStatusConfirm;
function showMatStatus() {
    var layer = layui.layer;
    var table = layui.table;
    // 获取选中行
    var checkStatus = table.checkStatus('chooseData');
    // 选择行数据
    var checkData = checkStatus.data;
    if (checkData.length == 0) {
        layer.msg("请选择数据");
        return;
    }

    matStatusConfirm = layer.open({
        type: 2,
        title: '选择物料状态',
        area: ['300px', '175px'],
        content: 'matStatus.html',
        btn: ['确定'],
        success: function (layero, index) {
            // 成功打开弹窗
        },
        yes: function (index, layero) {
            //do something
            // 子页面
            var matStatus = layero.find('iframe')[0].contentDocument;
            // 页面选择数据监控
            var forms = matStatus.forms;
            var cho = forms[0][0].value;
            // 更新表单数据
            matCodeData.map(function (item) {
                checkData.map(function (e) {
                    if (item.matNo === e.matNo) {
                        item.matStatus = cho;
                    }
                });
            });
            // 表格数据重载
            tableIns.reload({data: matCodeData});
            // 关闭弹窗
            layer.close(index);
        }
    });
}

// 关闭批量修改物料状态弹窗
function closeMatStatus() {
    var layer = layui.layer;
    layer.close(matStatusConfirm);
}

// 批量移除
function batchRemove() {
    debugger
    var layer = layui.layer;
    var table = layui.table;
    // 获取选中行
    var checkStatus = table.checkStatus('chooseData');
    // 选择行数据
    var checkData = checkStatus.data;
    if (checkData.length == 0) {
        layer.msg("请选择数据");
        return;
    }
    // 更新表单数据
        for (var k =  checkData.length-1; k >= 0; k--) {
            for(var i = matCodeData.length-1; i >= 0; i--) {
                if (matCodeData[i].matNo === checkData[k].matNo) {
                    matCodeData.splice(i, 1);
                }
            }
        }
    // 表格数据重载
    tableIns.reload({data: matCodeData});
}