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 = {},
        areaName = "equipment",
        controllerName = "BusEquipmentMaintainRule",
        app = null;

    action = {
        addOptions: function (flagKey, toolbarId, obj, $event) {
            var options = {
                title: "【设备类型数据来源设备类型列表】",
                fromId: "#modifyForm form",
                url: `/${areaName}/${controllerName}/Ins`,
                //sendDataWhere: null,
                //isAddWhereExtend: "arbitrarily",
                //mainTable: app.data.tableIns,
                submit: "submit(fromAdd)"
            }
            debugger
            if ($event.text().includes("规则")) {
                options.url = `/${areaName}/${controllerName}/InsAll`;
                options.title = "【设备类型数据来源设备类型列表】,复制新增规则";
            }
            return options;
        },
        addOptionsDesc: function () {
            var options = {
                title: "【设备部件数据来源设备部件信息】",
                area: ["780px", "560px"],
                fromId: "#modifyFormDesc form",
                url: `/${areaName}/${controllerName}/InsDesc`,
                content: $('#modifyFormDesc'),
                submit: "submit(fromAddDesc)"
            }
            return options;
        },

        editOptions: function () {
            var options = {
                fromId: "#modifyForm form",
                url: `/${areaName}/${controllerName}/Upd`,
                submit: "submit(fromUpdate)"
            }
            return options;
        },
        editOptionsDesc: function () {
            var options = {
                fromId: "#modifyFormDesc form",
                area: ["780px", "560px"],
                url: `/${areaName}/${controllerName}/UpdDesc`,
                content: $("#modifyFormDesc"),
                submit: "submit(fromUpdateDesc)"
            }
            return options;
        },

        deleteOptions: function () {
            var options = {
                url: `/${areaName}/${controllerName}/DelByIds`,
                keyId: "id"
            }
            return options;
        },
        deleteOptionsDesc: function () {
            var options = {
                url: `/${areaName}/${controllerName}/DelByIdsDesc`,
                keyId: "id"
            }
            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;
        },
        queryOptionsDesc: function () {
            var options = {
                resetFrom: "form[lay-filter=listFormDesc]",
                fromId: "listFormDesc",
                urlQuery: `/${areaName}/${controllerName}/LoadDesc`,
                sendDataWhere: { equipmentCode: sendDataDescWhere.equipmentCode },
                mainTable: app.data.tableInsDesc,
            }
            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) {
            //callBack是回调函数，如果editBefore有ajax 放在成功之后
            if (callBack != null) callBack();
        },
        addBeforeDesc: function (callBack) {
            $("#modifyFormDesc input[name=headKeys]").val(sendDataDescWhere.headKeys); 
            if (callBack != null) callBack();
        },
        addSaveBefore: function (data, callBack) {
            if (callBack != null) callBack();
        },
        addSaveBeforeDesc: function (data, callBack) {
            debugger
            var tempData = app.methods.transformData(data.field, sysU.sysEnumData.EnumIndicatorType);
            data.field["rule_detail_rel"] = tempData.rule_detail_rel
            if (callBack != null) callBack();
        },
        editBefore: function (data, callBack) {
            //data.enable = data.enable.toString();
            form.val("modifyForm", data);
            if (callBack != null) callBack();
        },
        editBeforeDesc: function (data, callBack) {
            if (data.isSystemDefault) {
                layer.alert("设备保养规则是系统默认规则的禁止编辑(可以删除后再新增操作)!", { icon: sysU.config.iconoError, shade: 0.4, time: sysU.config.errorTime });
                return false;
            }
            form.val("modifyFormDesc", data);
            //callBack是回调函数，如果editBefore有ajax 放在成功之后
            if (callBack != null) callBack();
        },

        editSaveBefore: function (data, callBack) {
            if (typeof data.field.isDefault == "undefined") data.field["isDefault"] = 'false';
            if (callBack != null) callBack();
        },

        checkboxMethod: function (obj) {
            var page = "".GetUrlParam("page"),
                xxx = "".GetUrlParam("xxx");
            if (page == "xxx") {
                var sendData = {
                    
                };
                var ajaxConfig = {
                    data: sendData,
                    url: `${areaName}/${controllerName}/xxx`,
                    success: function (result) {
                        if (sysU.successBefore(result)) return false;
                        layer.msg(result.Message);
                    }
                };
                sysU.ajax(ajaxConfig);
            }
        },
        equipmentTypeCodeFromEvent: function (data) {
            let equipmentRuleName = $("#modifyForm input[name=equipmentRuleName]")
            if (equipmentRuleName.val() == "") {
                equipmentRuleName.val(data.text)
            }
        },

        //所有动作成功之后
        actionSuccess: (flag) => {
            var data  = null;
            if (flag.includes("Desc")) {
                data = sendDataDescWhere;
            }
            sysU.refreshTable(app, sysU, data, 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: "equipmentRuleCode", width: 150, title: "保养规则编码", hide: true },
                { field: "equipmentRuleName", width: 200, title: "保养规则名称" },
                { field: "equipmentTypeCode", width: 150, title: "设备类型编码", hide: true },
                { field: "remark", width: 252, title: "备注" },

                { field: "createTime", width: 150, title: "创建时间" },
                { field: "createBy", width: 150, title: "创建人" },
                { field: "updateTime", width: 150, title: "修改时间" },
                { field: "updateBy", width: 150, title: "修改人" },
            ]],
            colsDesc:  [[
                { checkbox: true, fixed: true },
                { field: "id", width: 80, hide: true, title: "Id" },
                { field: "headKeys", width: 150, title: "主表keys", hide: true, },
                { field: "detailKeys", width: 150, title: "detailKeys", hide: true, },
                { field: "equipmentPartCode", width: 150, title: "设备部件编码" },

                { field: "createTime", width: 150, title: "创建时间" },
                { field: "createBy", width: 150, title: "创建人" },
                { field: "updateTime", width: 150, title: "修改时间" },
                { field: "updateBy", width: 150, title: "修改人" },
            ]], 
            tableIns: null,
            tableElem: "mainList",
            tableInsDesc: null,
            tableElemDesc: "mainListDesc",

            //下拉框配置
            selectOption: {
                 //设备部件
                equipmentPartCode: {
                    SelType: "FromUrl",
                    SelFrom: `/${areaName}/BaseEquipmentPart/Load`,
                    Where: { equipmentTypeCode: null, page: 1, limit: 200 },
                    SelLabel: "partName",
                    SelValue: "partCode",
                    Dom: [$("[name='equipmentPartCode']")],
                },
                //返回的数据 用于后续操作
                selectData: {

                }
            },

            //下拉框配置
            selectOptionHead: {
                //设备类型
                equipmentTypeCode: {
                    SelType: "FromUrl",
                    SelFrom: `/${areaName}/BaseEquipmentType/Load`,
                    Where: { page: 1, limit: 200 },
                    SelLabel: "name",
                    SelValue: "code",
                    Dom: [$("[name='equipmentTypeCode']")]
                },
                //返回的数据 用于后续操作
                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-46',
                    doneExtend: function (res, obj) {
                    
                    }
                }
                app.data.tableIns = sysU.initTable(options);
            },

            initTableDesc: function (obj) {
                //查询表单值
                sendDataDescWhere = form.val("listFormDesc");
                //主表附加设备值
                sendDataDescWhere["headKeys"] = obj.data.keys;

                let opt = {
                    cols: sysU.columnRecord(app.data.tableElemDesc, app.data.colsDesc),
                    elem: "#" + app.data.tableElemDesc,
                    url: `/${areaName}/${controllerName}/LoadDesc`,
                    height: 'full-50',
                    toolbar: '#toolbarTableDesc',
                    menuModule: controllerName,
                    areaMenus: 2,
                    where: sendDataDescWhere
                }
                app.data.tableInsDesc = sysU.initTable(opt);
                $("#tabMainListDesc").text(`明细【${obj.data.equipmentRuleName}】`);
                app.data.selectOption.equipmentPartCode.Where.equipmentTypeCode = obj.data.equipmentTypeCode;
                debugger
                sysU.initSelect(app.data.selectOption);

                app.methods.initTab();
            },


            initFrom() {
                sysU.initSelect(app.data.selectOptionHead);
            },
            //保养周期规则
            initTab() {
                var enumConfData = sysU.sysEnumData.EnumIndicatorType;
                // 转换为数组对象
                var indicatorConfData = Object.entries(enumConfData).map(([key, value]) => ({ key, value }));
                // 生成标签标题
                let tabTitles = indicatorConfData.map((item, index) => {
                    // 判断是否为第一个标签，添加激活类
                    const activeClass = index === 0 ? "layui-this" : "";
                    return `<li class="${activeClass}" lay-id="${index + 1}">${item.key}</li>`;
                }).join("");
                // 生成标签内容
                let tabContents = indicatorConfData.map((item, index) => {
                    // 判断是否为第一个内容，添加显示类
                    const showClass = index === 0 ? "layui-show" : "";
                    return ` <div class="layui-tab-item ${showClass}">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">保养周期<span class="lable-required">*</span></label>
                                    <div class="layui-input-block">
                                        <input type="text" name="indicator_${item.value}" lay-verify="required" maxlength="32" min="1" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">维保费用</label>
                                    <div class="layui-input-block">
                                        <input type="number" name="price_${item.value}" maxlength="32" min="0" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-col-sm6">
                                    <label class="layui-form-label layui-col-sm3">是否系统默认规则<span class="lable-required">*</span></label>
                                    <div class="layui-input-inline layui-col-sm6">
                                        <input type="checkbox" name="isSystemDefault_${item.value}" lay-verify="required" lay-skin="switch" lay-text="是|否" value="false">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">异常警告</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="warning_${item.value}" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">维保内容</label>
                                    <div class="layui-input-block">
                                        <textarea name="maintenanceContent_${item.value}" class="layui-textarea" rows="6"></textarea>
                                    </div>
                                </div>
                             </div>`;
                }).join("");
                // 组装完整的 HTML 结构
                let html = `<div class="layui-tab layui-tab-brief">
                                <ul class="layui-tab-title">${tabTitles}</ul>
                                <div class="layui-tab-content">${tabContents}</div>
                            </div>`;
                $("#tabContent").html(html);
                // 渲染特定标签内的表单
                form.render();
            },

            //保养规则明细-周期关系表 数据转换方法
            transformData(data, enumData) {
                const transformedData = {
                    equipmentPartCode: data.equipmentPartCode,
                    id: data.id,
                    headKeys: data.headKeys,
                    createBy: data.createBy,
                    createTime: data.createTime,
                    updateTime: data.updateTime,
                    updateBy: data.updateBy,
                    rule_detail_rel: []
                };

                // 处理规则详情
                for (const [key, value] of Object.entries(enumData)) {
                    const indicatorKey = `indicator_${value}`;
                    const priceKey = `price_${value}`;
                    const warningKey = `warning_${value}`;
                    const maintenanceContentKey = `maintenanceContent_${value}`;

                    transformedData.rule_detail_rel.push({
                        indicator: data[indicatorKey],
                        price: data[priceKey],
                        warning: data[warningKey],
                        maintenanceContent: data[maintenanceContentKey],
                        indicatorTypeCode: value.toString(),
                        indicatorTypeName: key
                    });
                }

                return transformedData;
            }

        },
        registerEvent: function () {

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