layui.use(['form', 'table', 'admin', 'ax', 'func'], function () {
    var $ = layui.$;
    var table = layui.table;
    var $ax = layui.ax;
    var admin = layui.admin;
    var func = layui.func;
    var form = layui.form;


    /**
     * 工序信息管理
     */
    var OpInfo = {
        tableId: "opInfoTable"
    };

    getDictType();

    /**
     * 初始化表格的列
     */
    OpInfo.initColumn = function () {
        return [[
            {type: 'checkbox'},
            {field: 'id', hide: true, title: '主键id'},
            {field: 'opCode', sort: true, title: '工序编号',width:130},
            {field: 'opName', sort: true, title: '工序名称',width:130},
            {field: 'lineCode', sort: true, title: '产线编号',width:130},
            {
                field: 'opType', align: "center", title: '工序类型', templet: function (d) {
                    switch(d.opType){
                        case "1" :
                            return "上线工序";
                            break;
                        case "2" :
                            return "过程工序";
                            break;
                        case "3" :
                            return "下线工序";
                            break;
                        default :
                    }
                }
            },
            {field: 'status', align: "center", sort: true, templet: '#statusTpl', title: '状态'},
            // {
            //     field: 'status', align: "center", title: '状态', templet: function (d) {
            //         if (d.status === 'ENABLE') {
            //             return "启用";
            //         } else {
            //             return "禁用";
            //         }
            //     }
            // },
            {field: 'remark', sort: true, title: '备注'},
            {field: 'createUser', sort: true, title: '创建用户',width:130},
            {field: 'createTime', sort: true, title: '创建时间',width:160},
            {field: 'updateUser', sort: true, title: '更改用户',width:130},
            {field: 'updateTime', sort: true, title: '更改时间',width:160},
            {fixed: 'right',width: 125, minWidth: 125, align: 'center', toolbar: '#tableBar', title: '操作'}
        ]];
    };

    /**
     * 点击查询按钮
     */
    OpInfo.search = function () {
        var queryData = {};

        queryData['opCode'] = $('#opCode').val();
        queryData['opName'] = $('#opName').val();
        queryData['lineCode'] = $('#lineCode').val();
        queryData['opType'] = $('#opType').val();
        queryData['status'] = $('#status').val();

        table.reload(OpInfo.tableId, {
            where: queryData, page: {curr: 1}
        });
    };

    function getDictType(){
        $.ajax({
            type: "POST",
            contentType: "application/json;charset=UTF-8",
            url: Feng.ctxPath + '/dict/list?dictTypeId=1694972441967951874',
            success: function (result) {
                $.each(result.data, function (index, value) {
                    // $('#opType').append(new Option(value.code,value.name));// 下拉菜单里添加元素
                    $('#opType').append(new Option(value.name,value.code));// 下拉菜单里添加元素
                });
                layui.form.render("select");//重新渲染 固定写法
            },
        });
    }

    form.on('switch(status)', function (obj) {
        var id = obj.elem.value;
        var checked = obj.elem.checked ? 'ENABLE' : 'DISABLE';
        OpInfo.changeStatus(id, checked);
    });

    // 修改状态方法
    OpInfo.changeStatus = function (id, checked) {
        var ajax = new $ax(Feng.ctxPath + "/opInfo/editItem", function (data) {
            Feng.success("修改成功!");
        }, function (data) {
            Feng.error("修改失败!" + data.message);
        });
        ajax.set("id", id);
        ajax.set("status", checked);
        ajax.start();
    };

    /**
     * 跳转到添加页面
     */
    OpInfo.jumpAddPage = function () {
        window.location.href = Feng.ctxPath + '/opInfo/add'
    };

    /**
    * 跳转到编辑页面
    *
    * @param data 点击按钮时候的行数据
    */
    OpInfo.jumpEditPage = function (data) {
        window.location.href = Feng.ctxPath + '/opInfo/edit?id=' + data.id
    };

    /**
     * 导出excel按钮
     */
    OpInfo.exportExcel = function () {
        var checkRows = table.checkStatus(OpInfo.tableId);
        if (checkRows.data.length === 0) {
            Feng.error("请选择要导出的数据");
        } else {
            table.exportFile(tableResult.config.id, checkRows.data, 'xls');
        }
    };

    /**
     * 点击删除
     *
     * @param data 点击按钮时候的行数据
     */
    OpInfo.onDeleteItem = function (data) {
        var operation = function () {
            var ajax = new $ax(Feng.ctxPath + "/opInfo/delete", function (data) {
                Feng.success("删除成功!");
                table.reload(OpInfo.tableId);
            }, function (data) {
                Feng.error("删除失败!" + data.responseJSON.message + "!");
            });
            ajax.set("id", data.id);
            ajax.start();
        };
        Feng.confirm("是否删除?", operation);
    };

    // 渲染表格
    var tableResult = table.render({
        elem: '#' + OpInfo.tableId,
        url: Feng.ctxPath + '/opInfo/list',
        page: true,
        height: "full-158",
        cellMinWidth: 100,
        cols: OpInfo.initColumn()
    });

    // 搜索按钮点击事件
    $('#btnSearch').click(function () {
        OpInfo.search();
    });

    // 添加按钮点击事件
    $('#btnAdd').click(function () {

    OpInfo.jumpAddPage();

    });

    // 导出excel
    $('#btnExp').click(function () {
        OpInfo.exportExcel();
    });

    // 工具条点击事件
    table.on('tool(' + OpInfo.tableId + ')', function (obj) {
        var data = obj.data;
        var layEvent = obj.event;

        if (layEvent === 'edit') {
            OpInfo.jumpEditPage(data);
        } else if (layEvent === 'delete') {
            OpInfo.onDeleteItem(data);
        }
    });
});