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/machine', //数据接口 
        page: true, //开启分页
        toolbar: '#toolbar',
        cols: [[ //表头
            { checkbox: true },
            { field: 'fCode', title: '代码', width: 160, sort: true },
            { field: 'fName', title: '名称', width: 120, sort: true },
            {
                field: 'fModel', title: '机型', width: 160, sort: true, templet: function (d) {
                    return d.fModelName;
                }
            },
            { field: 'imsIp', title: 'IMS程序所在电脑IP', width: 160 },
            {
                field: 'rectime', title: '录入日期', width: 240, sort: true, templet: function (d) {
                    return (d.rectime == null || d.rectime == undefined) ? '' : timeFormat(d.rectime);
                }
            },
            { field: 'remark', title: '备注', width: 380 }
        ]],
        done: () => {
            bindSelect();
        }
    });
    table.on('toolbar(machine)', function (obj) {
        if (obj.event == 'add') {
            layer.open({
                type: 2,
                title: '新增设备',
                content: 'machineAdd.html',
                area: ['800px', '475px']
            });
        } 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/machine/delete',
                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 name = $('input[name=name]').val();
            var macmodel = $('select[name=macmodel]').val();

            eTbl.reload({
                where: {
                    fcode: fcode,
                    name: name,
                    macmodel: macmodel

                },
                done: () => {
                    bindSelect();
                    form.val('searchForm', {
                        fCode: fcode,
                        name: name,
                        macmodel: macmodel
                    })
                    layer.closeAll('loading');
                }
            });
        }
        else if (obj.event == 'all') {
            showToast();
            $('input[name=fCode]').val('');
            $('input[name=name]').val('');
            $('select[name=macmodel]').val('');

            eTbl.reload({
                where: {
                    fcode: fcode,
                    name: name,
                    macmodel: macmodel

                },
                done: () => {
                    bindSelect();
                    layer.closeAll('loading');
                }
            });
        }
    });
    table.on('rowDouble(machine)', function (obj) {
        console.log(obj);
        layer.open({
            type: 2,
            content: 'machineAdd.html?id=' + obj.data.id,
            area: ['800px', '475px']
        });
    });
    table.on('sort(machine)', function (obj) {
        eTbl.reload({
            initSort: obj,
            where: {
                sort: obj.field,
                order: obj.type
            }
        })
    });

    function bindSelect() {
        $.ajaxSettings.async = false;
        $.get('/mes/api/macmodel/getmodelall', {}, function (res) {
            if (res) {
                for (var i = 0; i < res.length; i++) {
                    var option = $('<option>');
                    option.val(res[i].fCode);
                    option.text(res[i].fCode);
                    $('select[name=macmodel]').append(option);
                }
                form.render();
            }
        }, 'json')
    }
});

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