let action = null;

layui.config({
    base: "/js/",
    version: 111
}).use(['system'], function () {
    var form = layui.form,
        $ = layui.jquery,
        system = layui.system,
        u = new system.u(),
        areaName = 'configure',
        tableName = 'Factory';

    action = {
        addOptions: function () {
            var options = {
                fromId: "#modifyForm form",
                url: `/${areaName}/${tableName}/Ins`,
                submit: "submit(fromAdd)"
            }
            return options;
        },

        editOptions: function () {
            var options = {
                fromId: "#modifyForm form",
                url: `/${areaName}/${tableName}/Upd`,
                submit: "submit(fromUpdate)"
            }
            return options;
        },

        deleteOptions: function () {
            var options = {
                url: `/${areaName}/${tableName}/DelByIds`,
                keyId: "id"
            }
            return options;
        },

        exportOptions: function () {
            var options = {
                fromId: "listForm",
                url: `/${areaName}/${tableName}/Export`,
            }
            return options;
        },

        queryOptions: function () {
            var options = {
                resetFrom: "form[lay-filter=listForm]",
                fromId: "listForm",
                urlExport: `/WorkAttendance/Export`,
                urlQuery: `/WorkAttendance/Load`,
                mainTable: app.data.tableIns
            }
            return options;
        },

        uploadOptions: function () {
            var options = {
                url: `/${areaName}/${tableName}/Import`,
                fromFile: "#excelfile",
                content: $("#ImportData")
            }
            return options;
        },

        editBefore: function (data, callBack) {
            form.val("modifyForm", data);
            //callBack是回调函数，如果editBefore有ajax 放在成功之后
            if (callBack != null) callBack();
        },

        addSaveBefore: function (data, callBack) {
            if (callBack != null) callBack();
        },

        //所有动作成功之后
        actionSuccess: (falg) => {
            if (falg === "add" || falg === "edit" || falg === "delete" || falg === "refresh" || falg === "upload") {
                app.data.tableIns.config.where = {};
                app.data.tableIns.config.page.curr = 1;
                app.data.tableIns.reload("mainList", {});
            }
        }
    }

    var app = {
        data: {
            ids:[],
            cols: [[
                { field: 'id', width: 80,  hide: true, title: 'id' },
                { field: 'userCode', width: 120,  title: '用户账号', noExel: true },
                { field: 'equipmentIP', width: 150,  title: '设备IP' },
                { field: 'stationCode', width: 200,  title: '工位编码', noExel: true },
                { field: 'shiftCode', width: 200,  hide: true,  title: '班别编码' },
                { field: 'shiftName', width: 150,  title: '班别名称' },
                { field: 'mountGuard', width: 150,  title: '上下岗'  },
                {
                    field: 'isManual', width: 150,  title: '手动打卡', templet: function(d) { return app.registerEvent(d) }
                },  
                { field: 'createTime', width: 150,  title: '建立时间' },
                { field: 'createBy', width: 100,  title: '建立者' }
               
            ]],
            tableIns: null,
            tableElem: "mainList"
        },
        methods: {
            initTable: function () {
                let options = {
                    elem: "#" + app.data.tableElem,
                    url: `/WorkAttendance/Load`,
                    cols: app.data.cols,
                    toolbar: '#toolbarTable',
                    doneExtend: function (res, obj) {
                        res.data.map(function (x) {
                            if (!x.isManual) app.data.ids.push(x.id); 
                        });
                    } ,   
                    setTableBgColor: {
                        colsName: "id",
                        colsValue: app.data.ids
                    }
                }
                app.data.tableIns = u.initTable(options);
            },
            initFrom: function () {
                u.initSelect(app.data.selectOption);
            }
        },
        registerEvent: function (d) {
                var ret = '<label style="color:' + (d.isManual ? 'blue' : 'red').toString() + ' !important">'
                    + (d.isManual ? "是" : "否").toString() + ' </label> ';
                return ret;
        },
        init: function () {
            app.methods.initTable();
            app.methods.initFrom();
        }
    };
    app.init();
});