var layer, eTbl;
layui.use(['table', 'layer', 'form'], function () {
    var table = layui.table;
    layer = layui.layer;
    var form = layui.form;
    //第一个实例
    eTbl = table.render({
        elem: '#tbl',
        url: '/mes/api/matpos', //数据接口 
        page: true, //开启分页
        toolbar: '#toolbar',
        cols: [[ //表头
            { checkbox: true },
            { field: 'fCode', title: '编号', width: 160, sort: true },
            { field: 'fl', title: '长', width: 120, sort: true },
            { field: 'fw', title: '宽', width: 160, sort: true },
            { field: 'fh', title: '高', width: 160, sort: true },
            {
                field: 'fStatus', title: '状态', width: 100, align: 'center', sort: true, templet: function (d) {
                    var div = $('<div>');
                    var span = $('<span>');
                    span.addClass('layui-badge');
                    span.text(d.fStatusName);
                    if (d.isUse == -1) {
                        span.addClass('layui-bg-red');
                    } else if (d.isUse == 1) {
                        span.attr('style', 'background-color:#5FB878');
                    }
                    div.append(span);
                    return div.html();
                }
            },
            {
                field: 'rectime', title: '录入日期', width: 240, sort: true, templet: function (d) {
                    console.log(d);
                    return (d.rectime == null || d.rectime == undefined) ? '' : timeFormat(d.rectime);
                }
            },
            { field: 'remark', title: '备注', width: 380 }
        ]],
        done: () => {
            $.ajaxSettings.async = false;
        }
    });
    table.on('toolbar(machine)', function (obj) {
        if (obj.event == 'add') {
            layer.open({
                type: 2,
                title: '新增料盒',
                content: 'matposAdd.html',
                area: ['800px', '510px']
            });
        } else if (obj.event == 'delete') {
            var checkStatus = table.checkStatus('tbl');
            console.log(checkStatus);
            if (checkStatus.data.length === 0) {
                layer.msg('请先选中需要操作的料盒！', {
                    icon: 2,
                    anim: 6
                });
                return;
            }
            var ids = '';
            for (var i = 0; i < checkStatus.data.length; i++) {
                ids += checkStatus.data[i].id + ',';
            }
            ids = ids.substr(0, ids.length - 1);
            $.ajax({
                url: '/mes/api/matpos/disable',
                type: 'post',
                contentType: 'application/json',
                dataType: 'text',
                data: JSON.stringify(ids),
                success: function (res) {
                    if (res) {

                        layer.msg('操作成功', {
                            icon: 1,
                            anim: 0
                        });
                        eTbl.reload(true);
                    } else {
                        layer.msg('操作失败', {
                            icon: 2,
                            anim: 6
                        });
                    }
                }
            });
        } else if (obj.event == 'search') {
            showToast();
            var fcode = $('input[name=fcode]').val();
            var status = $('select[name=status]').val();
            eTbl.reload({
                where: {
                    fcode: fcode,
                    status: status
                },
                done: () => {
                    form.val('searchForm', {
                        fcode: fcode,
                        status: status
                    })
                    layer.closeAll('loading');
                }
            });
        }
        else if (obj.event == 'all') {
            showToast();
            $('input[name=fcode]').val('');
            $('select[name=status]').val('');
            eTbl.reload({
                where: {
                    fcode: fcode,
                    status: status
                },
                done: () => {
                    layer.closeAll('loading');
                }
            });
        }
    });
    table.on('rowDouble(machine)', function (obj) {
        console.log(obj);
        layer.open({
            type: 2,
            content: 'matposAdd.html?id=' + obj.data.id,
            area: ['800px', '510px']
        });
    });
    table.on('sort(machine)', function (obj) {
        eTbl.reload({
            initSort: obj,
            where: {
                sort: obj.field,
                order: obj.type
            }
        })
    });
});

function reloadTable() {
    eTbl.reload();
}