ConstructionCost/web/building_saas/report/js/rpt_main.js

/**
 * Created by Tony on 2017/6/26.
 */
'use strict'

const PRE_PAGE_OFFSET = 150;
const NEXT_PAGE_OFFSET = 160;
const FIRST_PAGE_OFFSET = 50;
const LAST_PAGE_OFFSET = 60;

let rptTplObj = {
    hasInitialized: false,
    iniPage: function() {
        let me = this;
        if (!me.hasInitialized) {
            zTreeOprObj.getCustomerCfg();
            zTreeOprObj.getReportTemplateTree();
            me.hasInitialized = true;
            let canvas = document.getElementById("rptCanvas");
            canvas.onclick = canvasOprObj.canvasOnClick;
            canvas.onmousemove = canvasOprObj.canvasOnMouseMove;
        }
    }
}

let zTreeOprObj = {
    treeObj: null,
    currentNode: null,
    currentRptPageRst: null,
    reportPageCfg: null,
    currentPage: 1,
    maxPages: 0,
    getReportTemplateTree: function() {
        let me = zTreeOprObj, params = {};
        params.engineerId = projectInfoObj.projectInfo.property.engineering;
        CommonAjax.postEx("report_tpl_api/getRptTplTree", params, 20000, true, function(result){
                zTreeHelper.createTreeDirectly(result, rpt_tpl_setting, "rptTplTree", me);
                me.refreshNodes();
            }, null, null
        );
    },
    getCustomerCfg: function() {
        let me = zTreeOprObj, params = {};
        params.engineerId = projectInfoObj.projectInfo.property.engineering;
        CommonAjax.postEx("report_tpl_api/getCustomizeCfg", params, 20000, true, function(result){
                if (result) {
                    me.reportPageCfg = result;
                    $("#elementMargin_Left").get(0).value = result.margins.Left;
                    $("#elementMargin_Right").get(0).value = result.margins.Right;
                    $("#elementMargin_Top").get(0).value = result.margins.Top;
                    $("#elementMargin_Bottom").get(0).value = result.margins.Bottom;

                    for (let font of result.fonts) {
                        let fontPropSuffix = "title";
                        if (font.CfgDispName === "表标题") {
                            fontPropSuffix = "title";
                        } else if (font.CfgDispName === "列标题") {
                            fontPropSuffix = "column";
                        } else if (font.CfgDispName === "正文内容") {
                            fontPropSuffix = "content";
                        } else if (font.CfgDispName === "合计") {
                            fontPropSuffix = "summary";
                        } else if (font.CfgDispName === "表眉/表脚") {
                            fontPropSuffix = "header_footer";
                        }
                        document.getElementById("fontName_" + fontPropSuffix).value = font.Name;
                        document.getElementById("fontHeight_" + fontPropSuffix).value = font.FontHeight;
                        document.getElementById("font_bold_" + fontPropSuffix).className = (font.FontBold === "T")?"btn btn-sm btn-outline-secondary active":"btn btn-sm btn-outline-secondary";
                        document.getElementById("font_italic_" + fontPropSuffix).className = (font.FontItalic === "T")?"btn btn-sm btn-outline-secondary active":"btn btn-sm btn-outline-secondary";
                        document.getElementById("font_underline_" + fontPropSuffix).className = (font.FontUnderline === "T")?"btn btn-sm btn-outline-secondary active":"btn btn-sm btn-outline-secondary";
                    }
                    document.getElementById("rpt_vertical_line").checked = result.showVerticalLine;
                    document.getElementById("rpt_narrow").checked = result.isNarrow;
                    document.getElementById("rpt_fill_zero").checked = result.fillZero;
                } else {
                    me.reportPageCfg = null;
                }
            }, null, null
        );
    },
    refreshNodes: function() {
        let me = this;
        let private_setupIsParent = function(node){
            node.isParent = (node.nodeType === RT.NodeType.NODE || node.level === 0);
            if (node.items && node.items.length) {
                for (let i = 0; i < node.items.length; i++) {
                    private_setupIsParent(node.items[i]);
                }
            }
        };
        let topNodes = me.treeObj.getNodes();
        for (let i = 0; i < topNodes.length; i++) {
            private_setupIsParent(topNodes[i]);
        }
        me.treeObj.refresh();
    },
    onCheck: function() {
        //count();
        //if (clearFlag) {
        //    clearCheckedOldNodes();
        //}
    },
    onClick: function(event,treeId,treeNode) {
        let me = zTreeOprObj;
        if (treeNode.nodeType === TPL_TYPE_TEMPLATE && treeNode.refId > 0) {
            let params = {};
            let pageSize = rptControlObj.getCurrentPageSize();
            params.pageSize = pageSize;
            params.rpt_tpl_id = treeNode.refId;
            params.prj_id = projectInfoObj.projectInfo.ID;
            me.currentNode = treeNode;
            me.requestReport(params);
        }
    },
    changePageSize: function(dom) {
        let me = zTreeOprObj,
            targetDom = document.getElementById("btnRptPageSize");
        let tmpStr = targetDom.innerHTML.trim();
        targetDom.innerHTML = dom.innerHTML.trim();
        dom.innerHTML = tmpStr;
        me.changeCfg();

    },
    changeOrientation: function(dom) {
        let me = zTreeOprObj,
            targetDom = document.getElementById("btnRptOrientation");
        let tmpStr = targetDom.innerHTML.trim();
        targetDom.innerHTML = dom.innerHTML.trim();
        dom.innerHTML = tmpStr;
        me.changeCfg();
    },
    changeCfg: function() {
        let me = zTreeOprObj;
        let params = {};
        params.pageSize = rptControlObj.getCurrentPageSize();
        params.orientation = rptControlObj.getCurrentOrientation();
        params.rpt_tpl_id = me.currentNode.refId;
        params.prj_id = projectInfoObj.projectInfo.ID;
        params.custCfg = me.reportPageCfg;
        me.requestReport(params);
    },
    resetAfter: function (pageRst) {
        let size = pageRst[JV.NODE_PAGE_INFO][JV.NODE_PAGE_SIZE].slice(0);
        if (size[0] > size[1]) {
            document.getElementById("btnRptOrientation").innerHTML = "横向";
            document.getElementById("hrefRptOrientation").innerHTML = "纵向";
        } else {
            document.getElementById("btnRptOrientation").innerHTML = "纵向";
            document.getElementById("hrefRptOrientation").innerHTML = "横向";
        }
    },
    requestReport: function (params) {
        let me = zTreeOprObj;
        CommonAjax.postEx("report_api/getReport", params, 5000, true,
            function(result){
                let pageRst = result;
                if (pageRst) {
                    me.resetAfter(pageRst);
                    let canvas = document.getElementById("rptCanvas");
                    me.currentRptPageRst = pageRst;
                    me.maxPages = pageRst.items.length;
                    me.currentPage = 1;
                    me.displayPageValue();
                    let size = JpcCanvasOutput.getReportSizeInPixel(me.currentRptPageRst, getScreenDPI());
                    canvas.width = size[0] + 20;
                    if (size[1] > size[0]) {
                        canvas.height = size[1] + 100;
                    } else {
                        canvas.height = size[1] + 50;
                    }
                    me.showPage(1, canvas);
                }
            }, null, null
        );
    },
    showPage: function (pageNum, canvas) {
        let me = zTreeOprObj;
        if (pageNum >= 1 && pageNum <= me.maxPages) {
            me.currentPage = pageNum;
            JpcCanvasOutput.cleanCanvas(canvas);
            JpcCanvasOutput.drawPageBorder(me.currentRptPageRst, canvas, getScreenDPI());
            JpcCanvasOutput.drawToCanvas(me.currentRptPageRst, canvas, me.currentPage);
        }
        me.displayPageValue();
    },
    displayPageValue: function() {
        let me = zTreeOprObj;
        $("#rpt_page_num").get(0).value = me.currentPage + "/" + me.maxPages;
    }
};

let canvasOprObj = {
    canvasOnMouseMove: function (event) {
        if (zTreeOprObj.currentNode) {
            let x = event.offsetX - JpcCanvasOutput.offsetX, canvas = event.originalTarget;
            if (!(canvas)) canvas = event.target; //chrome浏览器不认event.originalTarget,只认event.target或event.currentTarget
            if (x < FIRST_PAGE_OFFSET) {
                canvas.style.cursor = "url(/web/building_saas/img/FirstPageSimple.cur), auto";
            } else if (x < PRE_PAGE_OFFSET) {
                canvas.style.cursor = "url(/web/building_saas/img/PreviousPageSimple.cur), auto";
            } else if ((canvas.width - x) < LAST_PAGE_OFFSET) {
                canvas.style.cursor = "url(/web/building_saas/img/LastPageSimple.cur), auto";
            } else if ((canvas.width - x) < NEXT_PAGE_OFFSET) {
                canvas.style.cursor = "url(/web/building_saas/img/NextPageSimple.cur), auto";
            } else {
                canvas.style.cursor = "";
            }
        }
    },
    canvasOnClick: function(event){
        if (zTreeOprObj.currentNode) {
            let x = event.offsetX - JpcCanvasOutput.offsetX, canvas = event.originalTarget;
            if (!(canvas)) canvas = event.target; //chrome浏览器不认event.originalTarget,只认event.target或event.currentTarget
            if (x < FIRST_PAGE_OFFSET) {
                zTreeOprObj.showPage(1, canvas);
            } else if (x < PRE_PAGE_OFFSET) {
                zTreeOprObj.showPage(zTreeOprObj.currentPage - 1, canvas);
            } else if ((canvas.width - x) < LAST_PAGE_OFFSET) {
                zTreeOprObj.showPage(zTreeOprObj.maxPages, canvas);
            } else if ((canvas.width - x) < NEXT_PAGE_OFFSET) {
                zTreeOprObj.showPage(zTreeOprObj.currentPage + 1, canvas);
            }
        }
    }
};

let rptControlObj = {
    currentOutputType: "Excel",
    getCurrentPageSize: function() {
        // let rst = "A4";
        let rst = document.getElementById("btnRptPageSize").innerHTML.trim();
        //btnRptPageSize
        return rst;
    },
    getCurrentOrientation: function() {
        // let rst = "横向";
        let rst = document.getElementById("btnRptOrientation").innerHTML.trim();
        return rst;
    },
    getCurrentReportOption: function() {
        //
    },
    changeType: function(newType) {
        let me = rptControlObj;
        let excelDom = document.getElementById("EXCEL_TYPE");
        let pdfDom = document.getElementById("PDF_TYPE");
        if (newType === "Excel") {
            excelDom.className = "btn btn-block btn-primary";
            pdfDom.className = "btn btn-block btn-outline-secondary";
            me.currentOutputType = newType;
        } else if (newType === "PDF") {
            excelDom.className = "btn btn-block btn-outline-secondary";
            pdfDom.className = "btn btn-block btn-primary";
            me.currentOutputType = newType;
        } else {
            //me.currentOutputType = newType;
        }
    },
    outputRpt: function() {
        let me = rptControlObj;
        if (me.currentOutputType === "Excel") {
            me.getExcel();
        } else if (me.currentOutputType === "PDF") {
            me.getPDF();
        } else {
            //other types if needed.
        }
    },
    getExcel: function() {
        let me = rptControlObj;
        //目前只支持当前打开报表
        //zTreeOprObj.currentRptPageRst
        if (zTreeOprObj.currentNode && zTreeOprObj.currentNode.refId) {
            let orgRptName = zTreeOprObj.currentNode.name;
            orgRptName = orgRptName.replace('【', '').replace('】','').replace('-','_').replace(' ','');
            let url =  "/report_api/getExcel/" + projectInfoObj.projectInfo.ID + "/" + zTreeOprObj.currentNode.refId + "/" +
                me.getCurrentPageSize() + "/" + me.getCurrentOrientation() + "/" + orgRptName + "/" + false + "/" + 'normal';
            window.location = url;//这里不能使用get方法跳转，否则下载不成功
        }
    },
    getPDF: function() {
        let me = rptControlObj;
        //目前只支持当前打开报表
        //zTreeOprObj.currentRptPageRst
        if (zTreeOprObj.currentNode && zTreeOprObj.currentNode.refId) {
            let orgRptName = zTreeOprObj.currentNode.name;
            orgRptName = orgRptName.replace('【', '').replace('】','').replace('-','_');
            let url =  "/report_api/getPDF/" + projectInfoObj.projectInfo.ID + "/" + zTreeOprObj.currentNode.refId + "/" +
                me.getCurrentPageSize() + "/" + me.getCurrentOrientation() + "/" + orgRptName;
            window.location = url;//这里不能使用get方法跳转，否则下载不成功
        }
    },
    prePage: function(dom) {
        let canvas = document.getElementById("rptCanvas");
        zTreeOprObj.showPage(zTreeOprObj.currentPage - 1, canvas);
    },
    nextPage: function(dom) {
        let canvas = document.getElementById("rptCanvas");
        zTreeOprObj.showPage(zTreeOprObj.currentPage + 1, canvas);
    },
    changeMargin: function(marginPropStr, marginDom) {
        zTreeOprObj.reportPageCfg.margins[marginPropStr] = marginDom.value;
    },
    changeFontMain: function(CfgDispName, fontProperty, fontDom) {
        for (let font of zTreeOprObj.reportPageCfg.fonts) {
            if (font["CfgDispName"] === CfgDispName) {
                font[fontProperty] = fontDom.value;
                break;
            }
        }
    },
    changeFontAdhoc: function(CfgDispName, fontProperty, fontDom) {
        for (let font of zTreeOprObj.reportPageCfg.fonts) {
            if (font["CfgDispName"] === CfgDispName) {
                if (font[fontProperty] === 'T') {
                    font[fontProperty] = 'F';
                    fontDom.className = "btn btn-sm btn-outline-secondary";
                } else {
                    font[fontProperty] = 'T';
                    fontDom.className = "btn btn-sm btn-outline-secondary active";
                }
                break;
            }
        }
    },
    saveCustCfg: function() {
        let params = {};
        params.custCfg = zTreeOprObj.reportPageCfg;
        CommonAjax.postEx("report_tpl_api/saveCustomerCfg", params, 20000, true, function(result){
                alert("Save successfully!");
            }, null, null
        );
    }
};