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 (flagKey, toolbarId, obj, $event) {
            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`,
                titleConfirmDelete: "确定要删除所选信息吗(明细数据,明细数据对应的保养周期数据也会全部删除)？",
                keyId: "id"
            }
            return options;
        },
        deleteOptionsDesc: function () {
            var options = {
                url: `/${areaName}/${controllerName}/DelByIdsDesc`,
                titleConfirmDelete: "确定要删除所选信息吗(明细数据对应的保养周期数据也会全部删除)？",
                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;
        },

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

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

        addBeforeDesc: function (callBack) {
            app.data.selectOption.equipmentPartCode.Where.filterPartFlag = 1;
            var fn = () => {
                $("#modifyFormDesc input[name=headKeys]").val(sendDataDescWhere.headKeys);
                element.tabChange('rule_tab', '1');
                if (callBack != null) callBack();
            }
            sysU.initSelect(app.data.selectOption, fn);           
        },
        //明细新增保存之前
        addSaveBeforeDesc: function (data, callBack) {
            debugger
            var tempData = app.methods.transformDataRel(data.field, sysU.sysEnumData.EnumIndicatorType);
            data.field["rule_detail_rel"] = tempData.rule_detail_rel
            if (callBack != null) callBack();
        },
        //明细编辑按钮点击之前
        editBeforeDesc: function (data, callBack, flagKey) {
            debugger
            element.tabChange('rule_tab', '1');
            app.data.selectOption.equipmentPartCode.Where.filterPartFlag = 2;
            if (flagKey =="btnCopyAdd") {
                app.data.selectOption.equipmentPartCode.Where.filterPartFlag = 1;
            }          
            app.data.selectOption.equipmentPartCode.Where.partCode = data.equipmentPartCode;
            var fn = () => {
                let fromData = data;
                var ajaxConfig = {
                    data: { ruleDetailKeys: data.detailKeys },
                    url: `/${areaName}/${controllerName}/LoadDetailIndicatorRelList`,
                    success: function (result) {
                        if (sysU.successBefore(result)) return;
                        const processedData = app.methods.processDataRel(result.Result, sysU.sysEnumData.EnumIndicatorType);
                        // 合并对象 processedData 的值到对象 fromData
                        Object.keys(processedData).forEach(key => {
                            fromData[key] = processedData[key];
                        });

                        form.val("modifyFormDesc", fromData);
                        //callBack是回调函数，如果editBefore有ajax 放在成功之后
                        if (callBack != null) callBack();
                    }
                };
                sysU.ajax(ajaxConfig);
            }
            sysU.initSelect(app.data.selectOption, fn);    
           
        },

        //明细编辑保存之前
        editSaveBeforeDesc: function (data, callBack) {
            debugger
            var tempData = app.methods.transformDataRel(data.field, sysU.sysEnumData.EnumIndicatorType);
            data.field["rule_detail_rel"] = tempData.rule_detail_rel
            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: 200, title: "设备部件编码" },
                { field: "equipmentPartName", width: 200, title: "设备部件名称" },
                { field: "maintainTime", width: 200, title: "保养周期" },
                
                { field: "createTime", width: 150, title: "创建时间" },
                { field: "createBy", width: 150, title: "创建人" }
            ]],
            tableIns: null,
            tableElem: "mainList",
            tableInsDesc: null,
            tableElemDesc: "mainListDesc",

            //下拉框配置
            selectOption: {
                //设备部件
                equipmentPartCode: {
                    SelType: "FromUrl",
                    SelFrom: `/${areaName}/BaseEquipmentPart/Load`,
                    Where: { equipmentTypeCode: null, filterPartFlag: 1, headKeys: null,partCode: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;
                app.data.selectOption.equipmentPartCode.Where.headKeys = obj.data.keys;
                debugger
                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) => {
                    // 判断是否为第一个内容，添加显示类
                    //<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>
                    const showClass = index === 0 ? "layui-show" : "";
                    return ` <div class="layui-tab-item ${showClass}" lay-filter="rule_tab">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">保养周期</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="indicatorValue_${item.value}" placeholder="保养规则选项:至少有一个保养周期值不能为空！" 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-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>
                                 <input type="text" name="id_${item.value}"  style="display:none" readonly>
                             </div>`;
                }).join("");
                // 组装完整的 HTML 结构 style="display:none" readonly
                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();
            },

            //保养规则明细-周期关系表 数据转换方法
            transformDataRel(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 indicatorValue = `indicatorValue_${value}`;
                    const priceKey = `price_${value}`;
                    const warningKey = `warning_${value}`;
                    const maintenanceContentKey = `maintenanceContent_${value}`;
                    const idKey = `id_${value}`;
                    transformedData.rule_detail_rel.push({
                        indicatorValue: data[indicatorValue],
                        price: data[priceKey],
                        warning: data[warningKey],
                        maintenanceContent: data[maintenanceContentKey],
                        indicatorTypeCode: value.toString(),
                        indicatorTypeName: key,

                        id: data[idKey],
                    });
                }

                return transformedData;
            },

            processDataRel(data, enumData) {
                const result = {};

                // 遍历数据数组
                data.forEach(item => {
                    const code = item.indicatorTypeCode;
                    const name = Object.keys(enumData).find(key => enumData[key] === code);

                    if (name) {
                        // 根据 indicatorTypeCode 动态添加字段
                        result[`indicatorTypeCode_${code}`] = code;
                        result[`indicatorTypeName_${code}`] = name;
                        result[`price_${code}`] = item.price;
                        result[`warning_${code}`] = item.warning;
                        result[`maintenanceContent_${code}`] = item.maintenanceContent;
                        result[`indicatorValue_${code}`] = item.indicatorValue;

                        result[`id_${code}`] = item.id;
                    }
                });

                return result;
            }

        },
        registerEvent: function () {

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