MES / haiNeng · Files

let action = null;

layui.config({
    base: "/js/",
    version: 11
}).use(['system'], function () {
    var form = layui.form,
        $ = layui.jquery,
        system = layui.system,
        table = layui.table,
        u = new system.u(),
        areaName = 'configure',
        sendDataDesc = null,
        rowData = null,
        tableName = 'ProcessRoute';

    action = {
        addOptions: function () {
            var options = {
                fromId: "#modifyForm form",
                url: `/${areaName}/${tableName}/Ins`,
                submit: "submit(fromAdd)"
            }
            return options;
        },
        addProcessProductRelBomOptions: function () {
            var options = {
                fromId: "#modifyFormProcessProductRelBom form",
                url: `/${areaName}/${tableName}/Ins`,
                submit: "submit(fromAdd)"
            }
            return options;
        },
        addOptionsDesc: function () {
            var options = {
                fromId: "#modifyFormDesc form",
                url: `/${areaName}/${tableName}/InsDesc`,
                content: $('#modifyFormDesc'),
                submit: "submit(fromAddDesc)"
            }

            return options;
        },

        editOptions: function () {
            var options = {
                fromId: "#modifyForm form",
                url: `/${areaName}/${tableName}/Upd`,
                submit: "submit(fromUpdate)"
            }
            return options;
        },
        editProcessProductRelBomOptions: function () {
            var options = {
                fromId: "#modifyFormProcessProductRelBom form",
                url: `/${areaName}/${tableName}/Upd`,
                submit: "submit(fromUpdate)"
            }
            return options;
        },
        editOptionsDesc: function () {
            var options = {
                fromId: "#modifyFormDesc form",
                url: `/${areaName}/${tableName}/UpdDesc`,
                content: $('#modifyFormDesc'),
                submit: "submit(fromUpdateDesc)"
            }
            return options;
        },

        deleteOptions: function () {
            var options = {
                url: `/${areaName}/${tableName}/DelByIds`,
                keyId: "keys",
                titleConfirmDelete: "尽量不要删除，可以选择禁用(明细数据、工艺和产品的关系数据也将被删除)？"
            }
            return options;
        },

        deleteOptionsDesc: function () {
            var options = {
                url: `/${areaName}/${tableName}/DelByIdsDesc`,
                keyId: "bodyKeys",
                titleConfirmDelete: "尽量不要删除，可以选择禁用？"
            }
            return options;
        },

        exportOptions: function () {
            var options = {
                fromId: "listForm",
                url: `/${areaName}/${tableName}/Export`,
                isDefault: true,
                excelCols: {
                    head: app.data.cols,
                    body: app.data.colsDesc
                }
            }
            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`
            }
            return options;
        },

        rowClickOptions: function () {
            var options = {
                isDefault: true,
                targetTableId: app.data.tableElem,
                tabfilter: "tableTabBody",
                tabId: 2,
                customFn: app.methods.initTableDesc
            }
/*            layer.msg('hello' + app.data.tableIns.lineCode);*/
            return options;
        },

        addBefore: function (callBack) {
            app.methods.initSelectProduct();
            if (callBack != null) callBack();
        },
        addBeforeDesc: function (callBack) {
            $("input[name=headkeys]").val(sendDataDesc.headKeys);
            //callBack是回调函数，如果editBefore有ajax 放在成功之后
            if (callBack != null) callBack();
        },

        addSaveBefore: function (data, callBack) {
            //$("input[name=materialCode]").attr("ts-selected", data.materialCode);
            if (typeof data.field.isDelete == "undefined") data.field["isDelete"] = "0";
            if (callBack != null) callBack();
        },

        addSaveBeforeDesc: function (data, callBack) {
            if (typeof data.field.isDelete == "undefined") data.field["isDelete"] = "0";
            //$("input[name=materialCode]").attr("ts-selected", data.materialCode);
            if (callBack != null) callBack();
        },

        editBefore: function (data, callBack) {
            app.methods.initSelectProduct();
            //$("input[name=materialCode]").attr("ts-selected", data.materialCode);
            form.val("modifyForm", data);
            if (callBack != null) callBack();
        },

        editBeforeDesc: function (data, callBack) {
            $("input[name=headkeys]").val(sendDataDesc.headKeys);
            form.val("modifyFormDesc", data);
            if (callBack != null) callBack();
        },

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

        editSaveBeforeDesc: function (data, callBack) {
            if (typeof data.field.isDelete == "undefined") data.field["isDelete"] = "0";
            if (callBack != null) callBack();
        },

        //当前行表格双击事件处理
        customTableRowClick: function (obj, tableId) {
            if (tableId == app.data.tableElem) {
                rowData = obj.data;
            }
        },

        //点击下拉框生成工序编号、工序名称
        workCenterCodeFromEvent: function (data) {
            debugger
            if (data.value == "") {
                layer.msg("选择的工序序号错误", { icon: 6, shade: 0.4, time: u.config.errorTime });
                return false;
            }

            //获取下拉框的值
            var workCenterCode = data.value;
            //获取下拉框的值
            var workCenterName = data.elem.selectedOptions[0].innerText;
            //自动生成 工序代码 = 工作中心代码
            $("#oprSequenceCode").val(workCenterCode);
            //自动生成 工序名称 = 工艺路线名称 + 工作中心名称
            $("#oprSequenceName").val(rowData.processName + workCenterName);
        },

        //工艺产品  
        btnProcessProductRel: function (sU, toolbarId, obj) {
            debugger
            let checkStatus = table.checkStatus(toolbarId);
            if (checkStatus.data.length != 1) {
                layer.alert(sU.config.titleSelectOne, { icon: 2, shadeClose: true, title: sU.config.titleSelectOne });
                return;
            }

            var processHeadKeys = checkStatus.data[0].keys;
            var lineCode = checkStatus.data[0].lineCode;
            var processCode = checkStatus.data[0].processCode;
            var processName = encodeURIComponent(checkStatus.data[0].processName);
            var url = `/configure/ProductHeader/Index?menuFlag=-2&selectColKeyCustom=productCode&page=ProcessRoute&processCode=${processCode}&processName=${processName}&processHeadKeys=${processHeadKeys}&lineCode=${lineCode}&timestamp=${new Date().getTime()}`;
            var index = layer.open({
                title: "工艺产品",
                type: 2,
                area: ['1000px', '600px'],
                content: url
            });
            localStorage.setItem("openIndex", index);
        },
         //工艺产品物料BOM 
        btnProcessProductRelBom: function (sU, toolbarId, obj, flag, callBack) {
            let checkStatus = table.checkStatus(toolbarId);
            if (checkStatus.data.length != 1) {
                layer.alert(sU.config.titleSelectOne, { icon: 2, shadeClose: true, title: sU.config.titleSelectOne });
                return;
            }
            var parameter = action.addProcessProductRelBomOptions(),
                title = "新增";
            if (flag == "edit") {
                title = "编辑";
                parameter = action.editProcessProductRelBomOptions();
            }
            title = title + `<span>产品名称:${checkStatus.data[0]}</span>`
            layer.open({
                title: title,
                type: 1,
                area: ["900px", "500px"],
                content: $(parameter.fromId.replace(" form", "")),
                btn: ["确定", "关闭"],
                end: function (index, layero) {
                    $(parameter.fromId)[0].reset();
                    layer.close(index);
                },
                yes: function (index, layero) {
                    var verify = sysU.VerifyForm(parameter.fromId.replace("#", ""));
                    if (!verify) return;
                    if (flag == "edit") {
                        app.methods.Edit(parameter, index);
                    } else {
                        app.methods.Add(parameter, index);
                    }
                },
                success: function (layero, index) {
                    if (callBack != null) callBack();
                }
            });
        },
        btnImprovement: function (sU, toolbarId, obj, flag, callBack) {
            let checkStatus = table.checkStatus(toolbarId);
            if (checkStatus.data.length != 1) {
                layer.alert(sU.config.titleSelectOne, { icon: 2, shadeClose: true, title: sU.config.titleSelectOne });
                return;
            }
            layer.open({
                title: "改进建议",
                type: 1,
                area: ["900px", "500px"],
                content: $('#improvementForm'),
                btn: ["确定", "关闭"],
                yes: function (index, layero) {
                    layer.msg(sU.config.titleActionSuccess, { icon: sU.config.iconoOk, shade: 0.4, time: sU.config.msgOpenTime });
                    layer.close(index);

                }
            });
        },

        //所有动作成功之后
        actionSuccess: (falg, curr = 1) => {
            u.refreshTable(app, u, sendDataDesc, falg);
        }
    }

    var app = {
        data: {
            cols: [[
                { checkbox: true, fixed: true },
                { field: 'id', width: 50, hide: true, title: 'id' },
                { field: 'keys', width: 150, hide: true, title: 'keys' },

                { field: 'processCode', width: 220, title: '工艺路线编码' },
                { field: 'processName', width: 220, title: '工艺路线名称' },
                {
                    field: "productCode", width: 130, event: 'pageOpen', title: "产品列表详情", templet: function (d) {
                        return `<a data-type="pageOpen" href="#" data-href="/configure/BaseProcessProductRel/Index?menuFlag=-2&processCode=${d.processCode}" style="color: cornflowerblue;text-decoration: underline;cursor:pointer">产品列表详情</a>`;
                    }
                },

                { field: 'lineCode', width: 80, title: '产线编码' ,hide: true },
                { field: 'lineName', width: 200, title: '产线', hide: true },
                { field: 'edition', width: 80, title: '版本'},
                { field: 'otherCode', width: 150, title: '外部关联code' },
                { field: 'plmeid', width: 150, title: 'plmeid', hide: true },
                { field: 'isDelete', width: 120, title: '是否有效', templet: "#isSysDeleteTemplet" },

                { field: 'createTime', width: 150, title: '建立时间' },
                { field: 'createBy', width: 100, title: '建立者' },
                { field: 'updateTime', width: 150, title: '更新时间' },
                { field: 'updateBy', width: 100, title: '更新者' }
            ]],
            colsDesc: [[
                { checkbox: true, fixed: true },
                { field: 'id', width: 50, hide: true, title: 'id' },
                { field: 'bodyKeys', width: 150,  hide: true, title: 'bodyKeys' },
                { field: 'headkeys', width: 150,  hide: true, title: '用来和主表关联的guid' },
                { field: 'oprSequenceCode', width: 200, title: '工序序号' },
                { field: 'oprSequenceName', width: 220, title: '工序名称' },
                { field: 'oprSequence', width: 100, title: '顺序' },

                { field: 'workCenterCode', width: 150, title: '工作中心' },
                { field: 'opeRatio', width: 100, title: '工序比例' },
                { field: 'oprsequenceTime', width: 220, title: '工序耗时'},

                { field: 'inspectionFlag', width: 120, title: '报检设置' },
                { field: 'remarks', width: 100, title: '备注' },
                { field: 'otherCode', width: 120, title: '外部编码' },
                { field: 'isDelete', width: 120, title: '是否有效', templet: "#isSysDeleteTemplet" },
            ]],
            urlTable: `/${areaName}/${tableName}/Load`,
            tableIns: null,
            tableInsDesc: null,
            tableElem: "mainList",
            tableElemDesc: "mainListDesc",
            dom: {
                divA: $("#divA"),
                divB: $("#divB"),
                divC: $("#divC"),
                fromABC: $("#fromABC")
            },

            selectOption: {
                Line: {
                    SelType: "FromUrl",
                    SelFrom: "/HomeRedis/GetBaseInfoByKey?key=base_line",
                    SelLabel: "LineName",
                    SelValue: "LineCode",
                    Dom: [$("[name='lineCode']")]
                },
                WorkCenter: {
                    SelType: "FromUrl",
                    SelFrom: "/configure/Workcenter/Load",
                    SelLabel: "workCenterName",
                    SelValue: "workCenterCode",
                    Dom: [$("[name='workCenterCode']")]
                },
                //返回的数据 用于后续操作
                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',
                    height: "full-56"
                }
                app.data.tableIns = u.initTable(options);
            },

            initTableDesc: function (obj) {
                sendDataDesc = { headKeys: obj.data.keys }
                let opt = {
                    cols: u.columnRecord(app.data.tableElemDesc, app.data.colsDesc),
                    elem: "#" + app.data.tableElemDesc,
                    url: `/${areaName}/${tableName}/LoadDesc`,
                    toolbar: '#toolbarTableDesc',
                    height: "full-56",
                    where: sendDataDesc
                }
                app.data.tableInsDesc = u.initTable(opt);
            },

            initFrom: function () {

                u.initSelect(app.data.selectOption);
            },

            initSelectProduct() {
                var opt1 = {
                    elem: ".productCode",
                    checkedKey: "productCode",
                    doneKey: {
                        key: "productCode",
                        lableValue: "productName"
                    },
                    searchKey: "productCode",
                    searchName: "产品编码"
                };
                u.initSelectProduct(opt1);
            },

            /*
             * 装料模板明细
             * */
            initElement: function () {
                var arrABCElement = [];
                for (var i = 1; i <= 16; i++) {
                    var str = `<div class="divRow div${i}">
                            <div class="layui-col-sm4">
                                <input name="id" style="display: none;" readonly value="0"  type="text"></input>   
                                <input name="headerId" style="display: none;" readonly value="0"  type="text"></input>   
                                <input class="layui-form-label form_width" readonly value="${i}"  type="text"  name="sequence"></input>      
                                <label class="layui-form-label" style="width:70px">物料</label>
                                <div class="layui-input-inline layui-col-sm6">
                                    <input type="text" name="materialCode"  readonly  placeholder="点击文本框选择物料"   data-index="${i}" maxlength="10" class="MaterialCode layui-input nowRowClear form-readonly-color" style="width:150px;">
                                </div>
                            </div>
                            <div class="layui-col-sm2">
                                <label class="layui-form-label form_width ">行</label>
                                <div class="layui-input-inline">
                                    <input type="number" name="row" min="1"  maxlength="10" class="layui-input form_input-width nowRowClear ">
                                </div>
                            </div>
                            <div class="layui-col-sm2">
                                <label class="layui-form-label form_width ">列</label>
                                <div class="layui-input-inline">
                                    <input type="number" name="line" min="1"  maxlength="10" class="layui-input form_input-width  nowRowClear">
                                </div>
                            </div>
                            <div class="layui-col-sm2">
                                <label class="layui-form-label form_width">层</label>
                                <div class="layui-input-inline">
                                    <input type="number" name="layer" min="1"  maxlength="10" class="layui-input form_input-width  nowRowClear">
                                </div>
                            </div>
                            <div class="layui-col-sm2">
                                <label class="layui-form-label form_input-width">数量</label>
                                <div class="layui-input-inline">
                                    <input type="number" min="1"   maxlength="10" name="qty" class="layui-input form_input-width nowRowClear">
                                    <span class="close-btn" data-index=${i}></span>
                                </div>
                            </div>
                        </div>`;
                    arrABCElement.push(str);
                }
                var temp = arrABCElement.join(" ");
                app.data.dom.divA.append(temp);
                app.data.dom.divB.append(temp);
                app.data.dom.divC.append(temp);
                form.render();
                app.methods.nowRowClear();
            },

            /*
             * 清空当前行
             * */
            nowRowClear: function () {
                $(".close-btn").click(function () {
                    var thisInfo = $(this),
                        index = thisInfo.attr("data-index");
                    layer.confirm(`确认要重置当前行吗【${index}】？`, { title: "重置确认" }, function (index) {
                        layer.close(index);
                        thisInfo.parents(".divRow").find(".nowRowClear").val("");
                    });
                });
            },

            /*
            * 构建key value 键值对 8组input ,如果initElement  新增了input 此处需要修改。
            * */
            getInputKeyValue: function ($dom, layid) {
                element.tabChange("tabAbc", layid);
                var tempArr = [],
                    obj = {};
                for (var i = 0; i < $dom.length; i++) {
                    var key = $dom[i].name,
                        val = $dom[i].value;
                    if (key == "materialCode") {
                        if ($dom[i].value != "") {
                            if ($dom[i + 1].value == "") {
                                $dom[i + 1].focus();
                                return false;
                            }
                            if ($dom[i + 2].value == "") {
                                $dom[i + 2].focus();
                                return false;
                            }
                            if ($dom[i + 3].value == "") {
                                $dom[i + 3].focus();
                                return false;
                            }
                            if ($dom[i + 4].value == "") {
                                $dom[i + 4].focus();
                                return false;
                            }
                        }
                    }
                    obj[key] = val;
                    if (Object.keys(obj).length == 8) {
                        tempArr.push(obj);
                        obj = {}
                    }
                }
                return tempArr;
            },

            /*
             * 新增
             * */
            Add: function (parameter, addOpenIndex) {
                let openIndex = addOpenIndex;
                var a = app.data.dom.divA.find("input"),
                    b = app.data.dom.divB.find("input"),
                    c = app.data.dom.divC.find("input");
                var badyA = app.methods.getInputKeyValue(a, "tabA");
                if (!badyA) return;
                var badyB = app.methods.getInputKeyValue(b, "tabB");
                if (!badyB) return;
                var badyC = app.methods.getInputKeyValue(c, "tabC");
                if (!badyC) return;
                element.tabChange("tabAbc", "tabA");
                debugger
                var productCode = $("#modifyForm select[name=productCode]").val();
                if (productCode == "" || productCode == null) {
                    layer.alert("请选产品！", { icon: 6, shade: 0.4, time: sysU.config.errorTime });
                    return;
                }
                var strJosn = {
                    head: {
                        ProductCode: productCode,
                        WcsProductType: $("#modifyForm input[name=wcsProductType]").val(),
                        loadQty: $("#modifyForm input[name=loadQty]").val()
                    },
                    body: {
                        a: badyA,
                        b: badyB,
                        c: badyC
                    }
                }
                var ajaxConfig = {
                    data: { str: JSON.stringify(strJosn) },
                    url: parameter.url,
                    success: function (result) {
                        if (sysU.successBefore(result)) return;
                        layer.msg(result.Message, { icon: 6, shade: 0.4, time: sysU.config.msgOpenTime });
                        layer.close(openIndex);
                        action.actionSuccess("add");
                    }
                };
                sysU.ajax(ajaxConfig);
            },
            /*
             * 编辑
             * */
            Edit: function (parameter, addOpenIndex, callBack) {
                if (callBack != null) callBack();
                let openIndex = addOpenIndex;
                var a = app.data.dom.divA.find("input"),
                    b = app.data.dom.divB.find("input"),
                    c = app.data.dom.divC.find("input");
                var badyA = app.methods.getInputKeyValue(a, "tabA");
                if (!badyA) return;
                var badyB = app.methods.getInputKeyValue(b, "tabB");
                if (!badyB) return;
                var badyC = app.methods.getInputKeyValue(c, "tabC");
                if (!badyC) return;
                element.tabChange("tabAbc", "tabA");
                var productCode = $("#modifyForm select[name=productCode]").val();
                if (productCode == "" || productCode == null) {
                    layer.alert("请选产品！", { icon: 6, shade: 0.4, time: sysU.config.errorTime });
                    return;
                }
                var strJosn = {
                    head: {
                        id: rowData.id,
                        keys: rowData.keys,
                        ProductCode: productCode,
                        WcsProductType: $("#modifyForm input[name=wcsProductType]").val(),
                        loadQty: $("#modifyForm input[name=loadQty]").val()
                    },
                    body: {
                        a: badyA,
                        b: badyB,
                        c: badyC
                    }
                }
                var ajaxConfig = {
                    data: { str: JSON.stringify(strJosn) },
                    url: parameter.url,
                    success: function (result) {
                        if (sysU.successBefore(result)) return;
                        layer.msg(result.Message, { icon: 6, shade: 0.4, time: sysU.config.msgOpenTime });
                        layer.close(openIndex);
                        action.actionSuccess("edit");
                    }
                };
                sysU.ajax(ajaxConfig);
            },

            /*
             * 编辑初始化 此处比较复杂 不要随便改
             * */
            editABCInit: function (badyA, resultData, flag) {
                for (var i = 0; i < badyA.length; i++) {
                    var keysDom = Object.keys(badyA[i]);
                    var sqlData = resultData[i];
                    var keySqlData = Object.keys(sqlData);
                    for (var xp in keysDom) {
                        if (!Object.prototype.hasOwnProperty.call(keysDom, xp)) continue;
                        for (let sqlData in keySqlData) {
                            if (!Object.prototype.hasOwnProperty.call(keySqlData, sqlData)) continue;
                            if (keysDom[xp] == keySqlData[sqlData]) {
                                var rowDiv = ".div" + (i + 1),
                                    keys = keysDom[xp];
                                var $inputName = $(flag).find($(rowDiv)).find(`input[name=${keys}]`);
                                $inputName.val(resultData[i][keySqlData[sqlData]]);
                                if (keysDom[xp] == "materialCode") {
                                    $inputName.attr("ts-selected", resultData[i][keySqlData[sqlData]]);
                                }
                                break;
                            }
                        }
                    }
                }
            },
        },


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

});