var layer, eTbl, pId, macId;
layui.use(['table', 'layer', 'form'], function () {
    var table = layui.table;
    layer = layui.layer;
    var form = layui.form;
    pId = QueryString("pId");
    macId = QueryString("macId");
    bindSelect();
    if ((pId != null && pId != undefined && pId != '') || (macId != null && macId != undefined && macId != '')) {
        $('#searchForm').hide();
    }
    //第一个实例
    eTbl = table.render({
        elem: '#tbl',
        url: '/mes/api/mactprocess', //数据接口 
        page: true, //开启分页
        toolbar: '#toolbar',
        cols: [[ //表头
            { type: 'numbers' },
            { field: 'macCode', title: '机台代码', sort: true },
            { field: 'macName', title: '机台名称', sort: true },
            {
                field: 'macModelName', title: '机型', sort: true, templet: function (d) {
                    return d.macModelName;
                }
            },
            { field: 'processCode', title: '制程代码', sort: true },
            { field: 'processName', title: '制程名称', sort: true },
        ]],
        where: {
            macCode: macId,
            poCode: pId
        },
        done: () => {
            bindSelect();
        }
    });
    table.on('toolbar(machine)', function (obj) {
        if (obj.event == 'search') {
            showToast();
            var macCode = $('input[name=macCode]').val();
            var macModel = $('select[name=macModel]').val();
            var poCode = $('input[name=poCode]').val();
            eTbl.reload({
                where: {
                    macmodel: macModel,
                    macCode: macCode,
                    poCode: poCode
                },
                done: () => {
                    bindSelect();
                    form.val('searchForm', {
                        macModel: macModel,
                        macCode: macCode,
                        poCode: poCode
                    })
                    layer.closeAll('loading');
                }
            });
        } else if (obj.event == 'all') {
            showToast();
            $('input[name=macCode]').val('');
            $('select[name=macModel]').val('');
            $('input[name=poCode]').val('');
            eTbl.reload({
                where: {
                    macmodel: macModel,
                    macCode: macCode,
                    poCode: poCode
                },
                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('select');
            }
        }, 'json')
    }

    //$('#btn-search').click(function () {
    //    var macCode = $('input[name=macCode]').val();
    //    var macModel = $('select[name=macModel]').val();
    //    var poCode = $('input[name=poCode]').val();
    //    eTbl.reload({
    //        where: {
    //            macmodel: macModel,
    //            macCode: macCode,
    //            poCode: poCode
    //        }
    //    });
    //    return false;
    //})
});

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