Material.js 6.07 KB
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 = 'material',
        tableName = 'Material';

    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`,
                isDefault: false,
                excelCols: {
                    head: app.data.cols
                }
            }
            return options;
        },

        queryOptions: function () {
            var options = {
                resetFrom: "form[lay-filter=listForm]",
                fromId: "listForm",
                urlExport: `/${areaName}/${tableName}/Export`,
                urlQuery: `/${areaName}/${tableName}/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();
        },

        editSaveBefore: function (data, callBack) {
            if (data.field.lineCode1 == "" && data.field.lineCode2 == "") {
                layer.alert("你必须选择最少一个线体", { icon: 2, shadeClose: true, title: u.config.titleEdit });
                return false;
            }
            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: {
            cols: [[
                { checkbox: true, fixed: true },
                { field: "id", width: 80,  hide: true, title: "Id" },
                { field: "MaterialCode", width: 120,  title: "物料编号" },
                { field: "MaterialName", width: 150,  title: "物料名称" },

                { field: "materialtype", width: 150,  hide: true, title: "物料类别" },
                { field: "materialtypeName", width: 150,  title: "物料类别名称", noExel: true },
                { field: "Types", width: 150,  title: "材质" },
                { field: "Diameter", width: 100,  title: "直径" },
                { field: "Thickness", width: 150,  title: "壁厚" },
                { field: "MaterialGrade", width: 150,  title: "材料标准" },
                { field: "Rating", width: 150,  title: "磅级" },
                { field: "Standard", width: 150,  title: "标准" },
                { field: "End", width: 150,  title: "端面" },
                { field: "UnitCode", width: 150,  title: "单位" },

                { field: "lineName1", width: 150,  title: "线体1" },
                { field: "lineName2", width: 150,  title: "线体2" },

                { field: "createTime", width: 150,  title: "创建时间" },
                { field: "createBy", width: 150,  title: "创建用户" },
                { field: "updateTime", width: 150,  title: "更新时间" },
                { field: "updateBy", width: 150,  title: "更新用户" }
            ]],
            tableIns: null,
            tableElem: "mainList",

            selectOption: {
                materialtype: {
                    SelType: "FromUrl",
                    SelFrom: "/HomeRedis/GetBaseInfoByKey?key=base_material_type",
                    SelLabel: "name",
                    SelValue: "code",
                    Dom: [$("select[name='Materialtype']")]
                },
                line: {
                    SelType: "FromUrl",
                    SelFrom: "/HomeRedis/GetBaseInfoByKey?key=base_line",
                    SelLabel: "LineName",
                    SelValue: "LineCode",
                    Dom: [$("select[name='lineCode1']"), $("select[name='lineCode2']")]
                },
                //返回的数据 用于后续操作
                selectData: {

                }
            }
        },
        methods: {
            initTable: function () {
                let options = {
                    elem: "#" + app.data.tableElem,
                    url: `/${areaName}/${tableName}/Load`,
                    cols: u.columnRecord(app.data.tableElem, app.data.cols),
                    toolbar: '#toolbarTable',
                }
                app.data.tableIns = u.initTable(options);
            },
            initFrom: function () {
                u.initSelect(app.data.selectOption);
            }
        },
        registerEvent: function () {

        },
        init: function () {
            app.methods.initTable();
            app.methods.initFrom();
            app.registerEvent();
        }
    };
    app.init();
});