MES / IOT · Files

let action = null;
layui.config({
    base: "/js/",
    version: 1
}).use(['system'], function () {
    var form = layui.form,
        $ = layui.jquery,
        element = layui.element,
        table = layui.table,
        system = layui.system,
        sysU = new system.u(),
        sendDataWhere = null,
        sendDataDescWhere = null,
        areaName = "configure",
        controllerName = "BaseClientInfo",
        app = null;

    action = {
        addOptions: function () {
            var options = {
                fromId: "#modifyForm form",
                url: `/${areaName}/${controllerName}/Ins`,
                //sendDataWhere: null,
                //isAddWhereExtend: "arbitrarily",
                //mainTable: app.data.tableIns,

                title: "<span style='color:red;'>(自动创建用户账号,保存后无法修改，请仔细核实【用户账号】信息)</span>",

                submit: "submit(fromAdd)"
            }
            return options;
        },

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

        deleteOptions: function () {
            var options = {
                url: `/${areaName}/${controllerName}/DelByIds`,

                keyId: "keys"

            }
            return options;
        },

        exportOptions: function () {
            var options = {
                fromId: "listForm",
                url: `/${areaName}/${controllerName}/Export`,
                isDefault: false,

                sendDataWhere: {},

                excelCols: {
                    head: app.data.cols,
                    body: app.data.colsDesc
                }
            }
            return options;
        },

        queryOptions: function () {
            var options = {
                resetFrom: "form[lay-filter=listForm]",
                fromId: "listForm",
                urlExport: `/${areaName}/${controllerName}/Export`,
                urlQuery: `/${areaName}/${controllerName}/Load`,

                sendDataWhere: {},

                mainTable: app.data.tableIns
            }
            return options;
        },
        /*rowClickOptions: function () {
            var options = {
                //是否主子表
                isDefault: true,
                targetTableId: app.data.tableElem,
                tabfilter: "tableTabBody",
                tabId: 2,
                customFn: app.methods.initTableDesc
            }
            return options;
        },*/

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

        addBefore: function (callBack) {

            let userAccountObj = document.getElementById('userAccount');

            let defaultConfig = document.getElementById('defaultConfig');

            let temp1 = 'form-readonly-color';

            let temp2 = 'layui-hide';

            userAccountObj.readOnly = false;

            if (userAccountObj.classList.contains(temp1)) {
                userAccountObj.classList.remove(temp1);
            }

            if (defaultConfig.classList.contains(temp2)) {
                defaultConfig.classList.remove(temp2);
            }

            //callBack是回调函数，如果editBefore有ajax 放在成功之后
            if (callBack != null) callBack();
        },

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

            //data.enable = data.enable.toString();

            let userAccountObj = document.getElementById('userAccount');

            let defaultConfig = document.getElementById('defaultConfig');

            let temp1 = 'form-readonly-color';

            let temp2 = 'layui-hide';

            userAccountObj.readOnly = true;

            if (!userAccountObj.classList.contains(temp1)) {
                userAccountObj.classList.add(temp1);
            }

            if (!defaultConfig.classList.contains(temp2)) {
                defaultConfig.classList.add(temp2);
            }

            form.val("modifyForm", data);
            if (callBack != null) callBack();
        },
        editSaveBefore: function (data, callBack) {
            if (callBack != null) callBack();
        },

        checkboxMethod: function (obj) {

            var page = "".GetUrlParam("page"),
                userAccount = "".GetUrlParam("userAccount");

            if (page == "sysuser") {

                var sendData = {

                    userAccount: userAccount,
                    checkeds: obj.checked,
                    clientKeys: obj.data.keys,

                };
                var ajaxConfig = {
                    data: sendData,

                    url: "/base/SysUser/BindUserClient",

                    success: function (result) {
                        if (sysU.successBefore(result)) return false;
                        layer.msg(result.Message);

                        sysU.refreshTable(app, sysU, null, "main");

                    }
                };
                sysU.ajax(ajaxConfig);
            }
        },

        BindClientProjects: function () {
            var checkStatus = table.checkStatus('mainList'),
                data = checkStatus.data;
            var edit = false;
            if (data.length != 1) {
                layer.msg("请选择客户管理的项目！");
                return;
            }

            var url = `/configure/BaseProject/Index?menuFlag=-2&selectColKeyCustom=keys&page=BaseClientInfo&clientKeys=${data[0].keys}`;//menuFlag=-2 菜单隐藏
            var index = layer.open({
                title: "客户管理项目<span style='color:red'>请逐一勾选，禁止全选</span>",
                area: ["1000px", "600px"],
                type: 2,
                content: url,

            });
        },

        //所有动作成功之后
        actionSuccess: (flag) => {

            sysU.refreshTable(app, sysU, null, flag);

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

    app = {
        data: {
            cols: [[
                { checkbox: true, fixed: true },
                { field: "id", width: 80, hide: true, title: "Id" },
                { field: "keys", width: 80, hide: true, title: "Keys" },

                { field: "clientName", width: 300, title: "客户名称" },

                { field: "legalRepresentative", width: 180, title: "联系人" },

                { field: "projectUsers", width: 200, title: "关联的用户账号" },
                { field: "projectNames", width: 200, title: "关联的项目" },

                { field: "unifiedSocialCreditCode", width: 150, title: "统一社会信用代码" },
                { field: "businessRegistrationCode", width: 150, title: "工商注册号" },

                { field: "telephone", width: 150, title: "电话" },
                { field: "email", width: 150, title: "邮箱" },
                { field: "registeredAddress", width: 150, title: "注册地址" },

                { field: "setupDate", width: 150, title: "成立日期", hide: true },

                { field: "remark", width: 150, title: "备注" },

                { field: "createBy", width: 150, title: "创建人" },
                { field: "createTime", width: 150, title: "创建时间" },

            ]],

            colsDesc: null,

            tableIns: null,
            tableElem: "mainList",
            tableInsDesc: null,
            tableElemDesc: "mainListDesc",

            //下拉框配置
            selectOption: {
                //station: {
                //    SelType: "FromUrl",
                //    SelFrom: `/${areaName}/${controllerName}/StationLineSelect`,
                //    SelLabel: "workStationName",
                //    SelValue: "workStationCode",
                //    OptGroup: true,
                //    Dom: [$("[name='stationCode']")]
                //},
                //返回的数据 用于后续操作
                selectData: {

                }
            }
        },
        methods: {
            initTable: function (opt) {
                var config = {};
                if (opt != undefined) $.extend(config, opt);
                let options = {
                    elem: "#" + app.data.tableElem,
                    url: `/${areaName}/${controllerName}/Load`,
                    cols: sysU.columnRecord(app.data.tableElem, app.data.cols),
                    toolbar: '#toolbarTable',

                    where: config,

                    //height: "full-56",//如果是主明细页签，列表主体高度要设置，否则分页导航不直观展示
                    doneExtend: function (res, obj) {

                        var pageFlag = "".GetUrlParam("page"),
                            userAccount = "".GetUrlParam("userAccount");
                        //加载用户绑定的客户
                        if (pageFlag == "sysuser") {
                            let ajaxConfig = {
                                data: { userAccount: userAccount },
                                url: `/base/SysUser/GetUserBindClient`,
                                success: function (result) {
                                    if (sysU.successBefore(result)) return false;
                                    var targetArrValue = result.Result.map(function (e) { return e.clientKeys; });
                                    var selectColKey = "".GetUrlParam("selectColKeyCustom");
                                    sysU.SetTableCheck(targetArrValue, res, selectColKey, app.data.tableElem);
                                }
                            };
                            sysU.ajax(ajaxConfig);
                        }

                    }
                }
                app.data.tableIns = sysU.initTable(options);
            },

            initSelectTable: function () {

                var opt1 = {

                    elem: ".productCode",
                    checkedKey: "productCode",
                    doneKey: {
                        key: "productCode",
                        lableValue: "productName"
                    },
                    searchKey: "productCode",
                    searchName: "产品编码"
                };

                sysU.initSelectProduct(opt1);

            },

            initFrom() {
                sysU.initSelect(app.data.selectOption);
            }
        },
        registerEvent: function () {

        },
        init: function () {
            //var sendDataWhere = form.val("listForm")
            app.methods.initTable();
            app.methods.initFrom();
            app.registerEvent();
        }
    };
    app.init();
});