Calculation/app/public/report/js/rpt_print.js

/**
 * Created by Tony on 2018/4/24.
 */

let rptPrintHelper = {
    preview: async function () {
        if (zTreeOprObj.checkedRptTplNodes && zTreeOprObj.checkedRptTplNodes.length > 0) {
            let refRptTplIds = [];
            rptControlObj.getTplIdsCommon(refRptTplIds, null);
            let params = rptControlObj.creatCommonExportParam(refRptTplIds);
            await rptCustomObj.getCustomSelect(params);
            let chkNodes = zTreeOprObj.treeObj.getCheckedNodes(true);
            if (chkNodes.length > 0) {
                delete params.orientation; // 打印时有勾选的话，不需要提供方向
            }
            if (COMMON_WATER_MARK_PIC_DATA === null || COMMON_WATER_MARK_PIC_DATA === '') {
                params.needWaterMark = true;
            } else {
                params.needWaterMark = false;
            }
            delete sessionStorage.currentPageData; //删除
            sessionStorage.report_params = JSON.stringify(params);
            sessionStorage.current_stage_status = current_stage_status;
            sessionStorage.closeWaterMark = getCloseWatermark();
            sessionStorage.pageSize = rptControlObj.getCurrentPageSize();
            sessionStorage.waterMarkStr = COMMON_WATER_MARK_PIC_DATA;
            sessionStorage.refRptTplIds = JSON.stringify(refRptTplIds);
            sessionStorage.STAGE_LIST = JSON.stringify(STAGE_LIST);
            sessionStorage.STAGE_AUDIT_ORG = JSON.stringify(STAGE_AUDIT_ORG);
            // sessionStorage.STAGE_AUDIT = JSON.stringify(STAGE_AUDIT);
            if (sessionStorage.pageSize === 'A3') {
                window.open('/printReport/A3');
            } else {
                window.open('/printReport/A4');
            }
        }
    },
    preview_bk: async function () {
        if (zTreeOprObj.checkedRptTplNodes && zTreeOprObj.checkedRptTplNodes.length > 0) {
            let refRptTplIds = [];
            rptControlObj.getTplIdsCommon(refRptTplIds, null);
            let params = rptControlObj.creatCommonExportParam(refRptTplIds);
            await rptCustomObj.getCustomSelect(params);
            let chkNodes = zTreeOprObj.treeObj.getCheckedNodes(true);
            if (chkNodes.length > 0) {
                delete params.orientation; // 打印时有勾选的话，不需要提供方向
            }
            if (COMMON_WATER_MARK_PIC_DATA === null || COMMON_WATER_MARK_PIC_DATA === '') {
                params.needWaterMark = true;
            } else {
                params.needWaterMark = false;
            }
            CommonAjax.postXsrfEx("/tender/report_api/getMultiReports", params, 60000, true, getCookie('csrfToken_j'),
                function(result){
                    const signatureRelArr = [];
                    for (const signatureRel of result.signatureRelInfo) {
                        signatureRelArr.push(JSON.parse(signatureRel.rel_content));
                    }
                    if (params.needWaterMark) COMMON_WATER_MARK_PIC_DATA = result.waterMarkStr;
                    for (let idx = 0; idx < result.data.length; idx++) {
                        let singleSignatureRelArr = [];
                        for (let rIdx = 0; rIdx < result.signatureRelInfo.length; rIdx++) {
                            if (result.signatureRelInfo[rIdx].rpt_id === refRptTplIds[idx]) {
                                singleSignatureRelArr = signatureRelArr[rIdx]; // 有些报表可能没有签名
                                break;
                            }
                        }
                        // rptSignatureHelper.mergeSignature(result.data[idx], ROLE_REL_LIST);
                        // let pageRst = result.data;
                        // STAGE_AUDIT = result.stageAudit;
                        // STAGE_AUDIT_ORG = result.stageAuditOrg;
                        // STAGE_FLOW = result.stageFlow;
                        // //stageAuditOrg
                        // if (result.signatureRelInfo && result.signatureRelInfo.length > 0) {
                        //     CURRENT_ROLE_REL_ID = result.signatureRelInfo[0].id;
                        //     ROLE_REL_LIST = me._parseRoleRelList(result.signatureRelInfo[0].rel_content);
                        //     rptSignatureHelper.originalRoleRelList = me._parseRoleRelList(result.signatureRelInfo[0].rel_content);
                        //     if (current_stage_status === 3) {
                        //         rptSignatureHelper.mergeSignDate(pageRst, ROLE_REL_LIST);
                        //         rptSignatureHelper.mergeSignature(pageRst, ROLE_REL_LIST);
                        //         rptSignatureHelper.mergeSignAudit(pageRst, ROLE_REL_LIST, STAGE_AUDIT);
                        //     }
                        // } else {
                        //     CURRENT_ROLE_REL_ID = -1;
                        //     ROLE_REL_LIST = [];
                        // }

                        if (current_stage_status === 3) {
                            rptSignatureHelper.mergeSignDate(result.data[idx], singleSignatureRelArr, false);
                            rptSignatureHelper.mergeSignature(result.data[idx], singleSignatureRelArr);
                            rptSignatureHelper.mergeSignAudit(result.data[idx], singleSignatureRelArr, result.stageAudit);
                        }
                    }
                    sessionStorage.multiRptsData = JSON.stringify(result.data);
                    sessionStorage.pageSize = rptControlObj.getCurrentPageSize();
                    sessionStorage.orientation = rptControlObj.getCurrentOrientation();
                    sessionStorage.scaleFactor = 1;
                    sessionStorage.closeWaterMark = getCloseWatermark();
                    sessionStorage.waterMarkStr = COMMON_WATER_MARK_PIC_DATA;
                    if (sessionStorage.pageSize === 'A3') {
                        window.open('/printReport/A3');
                    } else {
                        window.open('/printReport/A4');
                    }
                },
                function(failRst){
                    sessionStorage.currentPageData = null;
                    console.log(failRst);
                },
                function(exceptionRst){
                    sessionStorage.currentPageData = null;
                    console.log(exceptionRst);
                }
            );
        } else {
            //不可能的branch
        }
    },
    previewSvgData: function() {
        //
    },
    buildSvgArr: function (pagesData, actAreaArr, offsetX, offsetY, closeWaterMark) {
        let styles = pagesData[JV.NODE_STYLE_COLLECTION],
            fonts = pagesData[JV.NODE_FONT_COLLECTION],
            controls = pagesData[JV.NODE_CONTROL_COLLECTION]
        ;
        let rst = [];
        let canvas = document.getElementById("chkCanvas");
        let pixelSize = getPixelSize(pagesData);
        let isHtoV = false;
        if (pixelSize[0] > pixelSize[1]) {
            // changeHtoV(pagesData, pixelSize);
            isHtoV = true;
        }
        for (let idx = 0; idx < pagesData.items.length; idx++) {
            let page = pagesData.items[idx];
            let actAreaOffsetX = 0, actAreaOffsetY = 0;
            if (actAreaArr) {
                actAreaOffsetX = actAreaArr[idx].Left;
                actAreaOffsetY = actAreaArr[idx].Top;
                if (pixelSize[0] > pixelSize[1]) {
                }
            }
            let svgPageArr = [];
            console.log(pixelSize);
            svgPageArr.push("<svg width='" + pixelSize[0] + "' height='" + pixelSize[1] + "'>");
            // let adjustY = 0.5 * ((idx + 1) % 2);
            let adjustY = 0.5;
            for (let cell of page.cells) {
                svgPageArr.push(buildCellSvg(cell, fonts, styles, controls, page[JV.PROP_PAGE_MERGE_BORDER], pagesData[JV.BAND_PROP_MERGE_BAND],
                    offsetX - actAreaOffsetX, offsetY - actAreaOffsetY, adjustY, canvas, isHtoV, pixelSize, actAreaArr[idx]));
            }
            // 计量有电子签名，要单独处理
            for (let cell of page.signature_cells) {
                svgPageArr.push(buildSignatureCellSvg(cell, styles, controls, page[JV.PROP_PAGE_MERGE_BORDER], pagesData[JV.BAND_PROP_MERGE_BAND],
                    offsetX - actAreaOffsetX, offsetY - actAreaOffsetY, adjustY, canvas, isHtoV, pixelSize, actAreaArr[idx]));
            }
            if (closeWaterMark === 0) {
                for (let cell of page.watermark_cells) {
                    cell.pic = sessionStorage.waterMarkStr;
                    svgPageArr.push(buildSignatureCellSvg(cell, styles, controls, page[JV.PROP_PAGE_MERGE_BORDER], pagesData[JV.BAND_PROP_MERGE_BAND],
                        offsetX - actAreaOffsetX, offsetY - actAreaOffsetY, adjustY, canvas, isHtoV, pixelSize, actAreaArr[idx]));
                }
            }
            // 计量有电子签名日期，在处理上与cells一样
            for (let cell of page.signature_date_cells) {
                svgPageArr.push(buildCellSvg(cell, fonts, styles, controls, page[JV.PROP_PAGE_MERGE_BORDER], pagesData[JV.BAND_PROP_MERGE_BAND],
                    offsetX - actAreaOffsetX, offsetY - actAreaOffsetY, adjustY, canvas, isHtoV, pixelSize, actAreaArr[idx]));
            }
            // 计量有电子签名审核意见，在处理上与cells一样
            for (let cell of page.signature_audit_cells) {
                svgPageArr.push(buildCellSvg(cell, fonts, styles, controls, page[JV.PROP_PAGE_MERGE_BORDER], pagesData[JV.BAND_PROP_MERGE_BAND],
                    offsetX - actAreaOffsetX, offsetY - actAreaOffsetY, adjustY, canvas, isHtoV, pixelSize, actAreaArr[idx]));
            }
            svgPageArr.push("</svg>");
            rst.push(svgPageArr);
        }
        return rst;
    }
};

function getActualBorderStyle(cell, styles, mergeBorderStyle, pageBorderArea, borderStr) {
    let rst = styles[cell[JV.PROP_STYLE]][borderStr];
    if (rst && parseFloat(rst[JV.PROP_LINE_WEIGHT]) === 1) {
        rst[JV.PROP_LINE_WEIGHT] = 0.5;
    }
    if (mergeBorderStyle) {
        if (parseFloat(cell[JV.PROP_AREA][borderStr]) === parseFloat(pageBorderArea[borderStr])) {
            if (borderStr === JV.PROP_LEFT || borderStr === JV.PROP_RIGHT) {
                if (parseFloat(cell[JV.PROP_AREA][JV.PROP_TOP]) >= parseFloat(pageBorderArea[JV.PROP_TOP]) &&
                    parseFloat(cell[JV.PROP_AREA][JV.PROP_BOTTOM]) <= parseFloat(pageBorderArea[JV.PROP_BOTTOM])) {
                    rst = mergeBorderStyle[borderStr];
                }
            } else if (borderStr === JV.PROP_TOP || borderStr === JV.PROP_BOTTOM) {
                if (parseFloat(cell[JV.PROP_AREA][JV.PROP_LEFT]) >= parseFloat(pageBorderArea[JV.PROP_LEFT]) &&
                    parseFloat(cell[JV.PROP_AREA][JV.PROP_RIGHT]) <= parseFloat(pageBorderArea[JV.PROP_RIGHT])) {
                    rst = mergeBorderStyle[borderStr];
                }
            }
        }
    }
    return rst;
}

function buildSignatureCellSvg(cell, styles, controls, pageMergeBorder, rptMergeBorder, offsetX, offsetY, adjustY, canvas, isHtoV, pixelSize, actArea) {
    let rst = [];
    let style = styles[cell[JV.PROP_STYLE]];
    let mergeBandStyle = null;
    if (rptMergeBorder) {
        mergeBandStyle = styles[rptMergeBorder[JV.PROP_STYLE][JV.PROP_ID]];
    }
    let font = cell[JV.PROP_FONT];
    if (typeof font === 'string') {
        font = fonts[cell[JV.PROP_FONT]];
    }
    let left = parseInt(cell[JV.PROP_AREA][JV.PROP_LEFT]) + offsetX + 0.5,
        right = parseInt(cell[JV.PROP_AREA][JV.PROP_RIGHT]) + offsetX + 0.5,
        top = parseInt(cell[JV.PROP_AREA][JV.PROP_TOP]) + offsetY + adjustY,
        bottom = parseInt(cell[JV.PROP_AREA][JV.PROP_BOTTOM]) + offsetY + adjustY
    ;
    let HtoVStr = "";
    if (isHtoV) {
        // HtoVStr = ` transform="translate(`+ (actArea.Bottom - actArea.Top + 5) + `,` + (actArea.Left - actArea.Top ) + `) rotate(90)"`;
        //引用了padding后，top坐标不用考虑offset了
        HtoVStr = ` transform="translate(${(actArea.Bottom - actArea.Top + 2)},0) rotate(90)"`;
    }
    if (style) {
        let leftBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_LEFT);
        // if (style[JV.PROP_LEFT] && parseFloat(style[JV.PROP_LEFT][JV.PROP_LINE_WEIGHT]) > 0) {
        if (leftBS && parseFloat(leftBS[JV.PROP_LINE_WEIGHT]) > 0) {
            rst.push("<line x1='" + left + "' y1='" + top +
                "' x2='" + left + "' y2='" + bottom +
                "' style='stroke:rgb(0,0,0);stroke-width:" + leftBS[JV.PROP_LINE_WEIGHT] + "'" + HtoVStr + "/>")
        }
        let rightBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_RIGHT);
        // if (style[JV.PROP_RIGHT] && parseFloat(style[JV.PROP_RIGHT][JV.PROP_LINE_WEIGHT]) > 0) {
        if (rightBS && parseFloat(rightBS[JV.PROP_LINE_WEIGHT]) > 0) {
            rst.push("<line x1='" + right + "' y1='" + top +
                "' x2='" + right + "' y2='" + bottom +
                "' style='stroke:rgb(0,0,0);stroke-width:" + rightBS[JV.PROP_LINE_WEIGHT] +"'" + HtoVStr + "/>")
        }
        let topBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_TOP);
        // if (style[JV.PROP_TOP] && parseFloat(style[JV.PROP_TOP][JV.PROP_LINE_WEIGHT]) > 0) {
        if (topBS && parseFloat(topBS[JV.PROP_LINE_WEIGHT]) > 0) {
            rst.push("<line x1='" + left + "' y1='" + top +
                "' x2='" + right + "' y2='" + top +
                "' style='stroke:rgb(0,0,0);stroke-width:" + topBS[JV.PROP_LINE_WEIGHT] +"'" + HtoVStr + "/>")
        }
        let bottomBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_BOTTOM);
        // if (style[JV.PROP_BOTTOM] && parseFloat(style[JV.PROP_BOTTOM][JV.PROP_LINE_WEIGHT]) > 0) {
        if (bottomBS && parseFloat(bottomBS[JV.PROP_LINE_WEIGHT]) > 0) {
            rst.push("<line x1='" + left + "' y1='" + bottom +
                "' x2='" + right + "' y2='" + bottom +
                "' style='stroke:rgb(0,0,0);stroke-width:" + bottomBS[JV.PROP_LINE_WEIGHT] +"'" + HtoVStr + "/>")
        }
    }
    let control = cell[JV.PROP_CONTROL];
    if (typeof control === 'string') {
        control = controls[cell[JV.PROP_CONTROL]];
    }
    if (cell.pic || cell.path) {
        buildImage(rst, cell, control, offsetX, offsetY, adjustY, isHtoV, HtoVStr);
    }

    return rst.join("");
}

function buildCellSvg(cell, fonts, styles, controls, pageMergeBorder, rptMergeBorder, offsetX, offsetY, adjustY, canvas, isHtoV, pixelSize, actArea) {
    let rst = [];
    let style = styles[cell[JV.PROP_STYLE]];
    let mergeBandStyle = null;
    if (rptMergeBorder) {
        mergeBandStyle = styles[rptMergeBorder[JV.PROP_STYLE][JV.PROP_ID]];
    }
    let font = cell[JV.PROP_FONT];
    if (typeof font === 'string') {
        font = fonts[cell[JV.PROP_FONT]];
    }
    let left = parseInt(cell[JV.PROP_AREA][JV.PROP_LEFT]) + offsetX + 0.5,
        right = parseInt(cell[JV.PROP_AREA][JV.PROP_RIGHT]) + offsetX + 0.5,
        top = parseInt(cell[JV.PROP_AREA][JV.PROP_TOP]) + offsetY + adjustY,
        bottom = parseInt(cell[JV.PROP_AREA][JV.PROP_BOTTOM]) + offsetY + adjustY
    ;
    let HtoVStr = "";
    if (isHtoV) {
        // HtoVStr = ` transform="translate(`+ (actArea.Bottom - actArea.Top + 5) + `,` + (actArea.Left - actArea.Top ) + `) rotate(90)"`;
        //引用了padding后，top坐标不用考虑offset了
        HtoVStr = ` transform="translate(${(actArea.Bottom - actArea.Top + 2)},0) rotate(90)"`;
    }
    if (style) {
        let leftBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_LEFT);
        // if (style[JV.PROP_LEFT] && parseFloat(style[JV.PROP_LEFT][JV.PROP_LINE_WEIGHT]) > 0) {
        if (leftBS && parseFloat(leftBS[JV.PROP_LINE_WEIGHT]) > 0) {
            rst.push("<line x1='" + left + "' y1='" + top +
                "' x2='" + left + "' y2='" + bottom +
                "' style='stroke:rgb(0,0,0);stroke-width:" + leftBS[JV.PROP_LINE_WEIGHT] + "'" + HtoVStr + "/>")
        }
        let rightBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_RIGHT);
        // if (style[JV.PROP_RIGHT] && parseFloat(style[JV.PROP_RIGHT][JV.PROP_LINE_WEIGHT]) > 0) {
        if (rightBS && parseFloat(rightBS[JV.PROP_LINE_WEIGHT]) > 0) {
            rst.push("<line x1='" + right + "' y1='" + top +
                "' x2='" + right + "' y2='" + bottom +
                "' style='stroke:rgb(0,0,0);stroke-width:" + rightBS[JV.PROP_LINE_WEIGHT] +"'" + HtoVStr + "/>")
        }
        let topBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_TOP);
        // if (style[JV.PROP_TOP] && parseFloat(style[JV.PROP_TOP][JV.PROP_LINE_WEIGHT]) > 0) {
        if (topBS && parseFloat(topBS[JV.PROP_LINE_WEIGHT]) > 0) {
            rst.push("<line x1='" + left + "' y1='" + top +
                "' x2='" + right + "' y2='" + top +
                "' style='stroke:rgb(0,0,0);stroke-width:" + topBS[JV.PROP_LINE_WEIGHT] +"'" + HtoVStr + "/>")
        }
        let bottomBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_BOTTOM);
        // if (style[JV.PROP_BOTTOM] && parseFloat(style[JV.PROP_BOTTOM][JV.PROP_LINE_WEIGHT]) > 0) {
        if (bottomBS && parseFloat(bottomBS[JV.PROP_LINE_WEIGHT]) > 0) {
            rst.push("<line x1='" + left + "' y1='" + bottom +
                "' x2='" + right + "' y2='" + bottom +
                "' style='stroke:rgb(0,0,0);stroke-width:" + bottomBS[JV.PROP_LINE_WEIGHT] +"'" + HtoVStr + "/>")
        }
    }
    let control = cell[JV.PROP_CONTROL];
    if (typeof control === 'string') {
        control = controls[cell[JV.PROP_CONTROL]];
    }
    buildText(rst, cell, font, control, offsetX, offsetY, adjustY, canvas, isHtoV, HtoVStr);

    return rst.join("");
}

function buildImage(destRst, cell, control, offsetX, offsetY, adjustY, isHtoV, HtoVStr) {
    let href = '';
    if (cell.path) {
        href = 'xlink:href="' + cell.path +'"';
    } else {
        href = 'href="' + cell.pic +'"';
    }
    const area = getProperSignatureArea(cell, control, offsetX, offsetY);
    if (cell.signature_name === JV.SIGNATURE_NAME_DUMMY) {
        area[0] = area[0] + 1; // Left
        area[1] = area[1] + 1; // Top
        area[2] = area[2] - 1; // Right
        area[3] = area[3] - 1; // Bottom
    }
    destRst.push('<image x="' + area[0] + '" y="' + area[1] + '" width="' + (area[2] - area[0]) + '" height="' + (area[3] - area[1]) + '" ');
    destRst.push(href + HtoVStr + ' />');
}

function getProperSignatureArea(cell, control, offsetX, offsetY) {
    // 约定默认长宽比例是2:1，图片分辨率是600*300
    const rst = [0, 0, 0, 0]; // left, top, right, bottom
    if (cell && cell[JV.PROP_AREA]) {
        let width = cell[JV.PROP_AREA][JV.PROP_RIGHT] - cell[JV.PROP_AREA][JV.PROP_LEFT],
            height = cell[JV.PROP_AREA][JV.PROP_BOTTOM] - cell[JV.PROP_AREA][JV.PROP_TOP];
        if (width > height * 2) {
            width = height * 2;
        } else {
            height = width / 2;
        }
        switch (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_HORIZON]]) {
            case 'left':
                rst[0] = cell[JV.PROP_AREA][JV.PROP_LEFT];
                rst[1] = cell[JV.PROP_AREA][JV.PROP_TOP];
                rst[2] = rst[0] + width;
                rst[3] = rst[1] + height;
                break;
            case 'right':
                rst[2] = cell[JV.PROP_AREA][JV.PROP_RIGHT];
                rst[3] = cell[JV.PROP_AREA][JV.PROP_BOTTOM];
                rst[0] = rst[2] - width;
                rst[1] = rst[3] - height;
                break;
            default:
                //center
                rst[0] = (cell[JV.PROP_AREA][JV.PROP_LEFT] + cell[JV.PROP_AREA][JV.PROP_RIGHT] - width) / 2;
                rst[1] = cell[JV.PROP_AREA][JV.PROP_TOP];
                rst[2] = rst[0] + width;
                rst[3] = rst[1] + height;
                break;
        }
    }
    rst[0] = rst[0] + offsetX;
    rst[2] = rst[2] + offsetX;
    rst[1] = rst[1] + offsetY;
    rst[3] = rst[3] + offsetY;
    return rst;
}

function strReplaceAll(targetStr, FindText, RepText) {
    let regExp = new RegExp(FindText, "gm");
    return targetStr.replace(regExp, RepText);
}

function buildText(destRst, cell, font, control, offsetX, offsetY, adjustY, canvas, isHtoV, HtoVStr) {
    let orgFontHeight = parseInt(font[JV.FONT_PROPS[JV.FONT_PROP_IDX_HEIGHT]]);
    let fontWeight = (font[JV.FONT_PROPS[JV.FONT_PROP_IDX_BOLD]] === 'T')?"bold":"normal";
    let fontStyle = (font[JV.FONT_PROPS[JV.FONT_PROP_IDX_ITALIC]] === 'T')?"italic":"normal";
    let fontUnderline = (font[JV.FONT_PROPS[JV.FONT_PROP_IDX_UNDERLINE]] === 'T')?"underline":"normal";
    let left = parseInt(cell[JV.PROP_AREA][JV.PROP_LEFT]) + offsetX + 0.5,
        right = parseInt(cell[JV.PROP_AREA][JV.PROP_RIGHT]) + offsetX + 0.5,
        top = parseInt(cell[JV.PROP_AREA][JV.PROP_TOP]) + offsetY + adjustY,
        bottom = parseInt(cell[JV.PROP_AREA][JV.PROP_BOTTOM]) + offsetY + adjustY,
        x = left, y = top,
        text_anchor = "start"
    ;
    let value = cell[JV.PROP_VALUE];
    if (value === undefined || value === null) {
        value = "";
    } else if (typeof value === 'string') {
        //注意：要把 < 符号转义 -> &lt; 否则svg会有错乱
        value = strReplaceAll(value, '<', '&lt;');
    }
    let values = null;
    if (typeof value === "string") {
        values = value.split("|");
    } else {
        values = [value];
    }
    // let stepHeight = (parseInt(cell[JV.PROP_AREA][JV.PROP_BOTTOM]) - parseInt(cell[JV.PROP_AREA][JV.PROP_TOP])) / values.length;
    if (control) {
        if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_HORIZON]] === "left") {
            text_anchor = "start";
            x = left + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_LEFT];
        } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_HORIZON]] === "right") {
            text_anchor = "end";
            x = right - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_RIGHT];
        } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_HORIZON]] === "center") {
            text_anchor = "middle";
            x = Math.round((left + right) / 2);
        }
    }

    let area = [0,0,0,0];
    area[JV.IDX_TOP] = top;
    area[JV.IDX_BOTTOM] = bottom;
    area[JV.IDX_LEFT] = left;
    area[JV.IDX_RIGHT] = right;
    let height = bottom - top;
    let ctx = canvas.getContext("2d");
    let inner_draw_text = function (textValue) {
        let dftFontHeight = orgFontHeight;
        ctx.font = ((font[JV.FONT_PROPS[JV.FONT_PROP_IDX_BOLD]] === 'T')?"bold ":"") + ((font[JV.FONT_PROPS[JV.FONT_PROP_IDX_ITALIC]] === 'T')?"italic":"") + dftFontHeight + "px " + font[JV.PROP_NAME];
        function inner_build_text(innerTxt, innerArea) {
            let innerDftFontHeight = (dftFontHeight * 3 / 4); //SVG的字体与canvas的字体大小的切换, 不用考虑取整
            if (control) {
                if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === "top") {
                    y = innerArea[JV.IDX_TOP] + JV.OUTPUT_OFFSET[JV.IDX_TOP] + orgFontHeight;
                } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === "bottom") {
                    y = innerArea[JV.IDX_BOTTOM] - JV.OUTPUT_OFFSET[JV.IDX_BOTTOM];
                } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === "center") {
                    y = Math.round((innerArea[JV.IDX_TOP] + innerArea[JV.IDX_BOTTOM] + innerDftFontHeight) / 2 );
                }
            } else {
                y = innerArea[JV.IDX_TOP] + JV.OUTPUT_OFFSET[JV.IDX_TOP];
            }
            if (font[JV.PROP_NAME] === "宋体") {
                y--;
            }
            destRst.push("<text style='fill:black;font-family:" + font[JV.PROP_NAME] +
                ";font-weight:" + fontWeight +
                ";font-style:" + fontStyle +
                ";text-decoration:" + fontUnderline +
                // ";text-decoration:normal" +
                ";font-size:" + innerDftFontHeight + "pt' x='" +
                x +"' y='" + y + "' text-anchor='" + text_anchor + "' xml:space='preserve'" + HtoVStr + ">" + innerTxt + "</text>");
        }
        let actLines = private_splitString(textValue, (area[JV.IDX_RIGHT] - area[JV.IDX_LEFT] - JV.OUTPUT_OFFSET[JV.IDX_LEFT] - JV.OUTPUT_OFFSET[JV.IDX_RIGHT]), ctx);
        let validTxtLines = Math.floor((area[JV.IDX_BOTTOM] - area[JV.IDX_TOP]) / (dftFontHeight + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_BOTTOM] + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP] + 4));
        if (actLines.length === 1  || (control && control.Shrink !== 'T' && validTxtLines < actLines)) {
            inner_build_text(textValue, area);
        } else {
            while (true) {
                let lines = Math.floor((area[JV.IDX_BOTTOM] - area[JV.IDX_TOP]) / (dftFontHeight + JV.OUTPUT_OFFSET[JV.IDX_BOTTOM] + JV.OUTPUT_OFFSET[JV.IDX_TOP] + 4));
                lines = (lines === 0 || (control.Shrink === 'T' && control.ShrinkFirst === 'T'))?1:lines;
                actLines = private_splitString(textValue, (area[JV.IDX_RIGHT] - area[JV.IDX_LEFT] - JV.OUTPUT_OFFSET[JV.IDX_LEFT] - JV.OUTPUT_OFFSET[JV.IDX_RIGHT]), ctx);
                if (actLines.length > lines && dftFontHeight >= 6) {
                    dftFontHeight--;
                    ctx.font = ((font[JV.FONT_PROPS[JV.FONT_PROP_IDX_BOLD]] === 'T')?"bold ":"") + ((font[JV.FONT_PROPS[JV.FONT_PROP_IDX_ITALIC]] === 'T')?"italic":"") + dftFontHeight + "px " + font[JV.PROP_NAME];
                } else {
                    let aH = dftFontHeight + JV.OUTPUT_OFFSET[JV.IDX_BOTTOM] + JV.OUTPUT_OFFSET[JV.IDX_TOP] + 4;
                    if ((aH * actLines.length) < (area[JV.IDX_BOTTOM] - area[JV.IDX_TOP]) && (control && control.Vertical !== 'top')) {
                        if (control.Vertical === 'bottom') {
                            area[JV.IDX_TOP] = area[JV.IDX_BOTTOM] - (aH * actLines.length);
                        } else {
                            area[JV.IDX_TOP] = (area[JV.IDX_TOP] + area[JV.IDX_BOTTOM]) / 2 - (aH * actLines.length) / 2
                            area[JV.IDX_BOTTOM] = area[JV.IDX_TOP] + (aH * actLines.length);
                        }
                    }
                    let newArea = [], baseTop = area[JV.IDX_TOP];
                    for (let ai = 0; ai < area.length; ai++) {
                        newArea[ai] = area[ai];
                    }
                    for (let lIdx = 0; lIdx < actLines.length; lIdx++) {
                        newArea[JV.IDX_TOP] = Math.round(aH * lIdx + baseTop);
                        newArea[JV.IDX_BOTTOM] = Math.round(aH * (lIdx + 1) + baseTop);
                        inner_build_text(actLines[lIdx], newArea);
                    }
                    break;
                }
            }
        }
    };
    let ah = height;
    let restTopH = 0, restBottomH = 0;
    if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_CLOSE_OUTPUT]] === 'T') {
        ah = (parseFloat(font[JV.FONT_PROPS[1]]) + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP] + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_BOTTOM]) * values.length;
        let restH = height - ah;
        if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === 'center') {
            restTopH = restH / 2;
            restBottomH = restH / 2;
        } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === 'bottom') {
            restBottomH = restH;
        } else {
            // restTopH = restH;
            restTopH = JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP] + 8; // 备注：打印比别的方式多加些空隙
        }
    }
    for (let vidx = 0; vidx < values.length; vidx++) {
        // area[JV.IDX_TOP] = top + vidx * (height / values.length);
        // area[JV.IDX_BOTTOM] = top + (vidx + 1) * (height / values.length);
        area[JV.IDX_TOP] = top + vidx * (ah / values.length) + restTopH;
        area[JV.IDX_BOTTOM] = top + (vidx + 1) * (ah / values.length) + restTopH;
        inner_draw_text(values[vidx]);
    }
}

function private_splitString(strVal, areaWidth, ctx) {
    let rst = [];
    if (strVal) {
        let preSIdx = 0, txtWidth = 0;
        let currentW = 0;
        let chnW = ctx.measureText('一').width, otherW = ctx.measureText('_').width;
        for (let sIdx = 0; sIdx < strVal.length; sIdx++) {
            currentW = (strVal.charCodeAt(sIdx) > 127)?chnW:otherW;
            txtWidth += currentW;
            if (txtWidth > areaWidth) {
                if (preSIdx < sIdx) {
                    rst.push(strVal.substr(preSIdx, sIdx - preSIdx));
                    preSIdx = sIdx;
                } else {
                    rst.push(strVal.substr(preSIdx, 1));
                    preSIdx = sIdx + 1;
                }
                txtWidth = currentW;
            }
            if (sIdx === strVal.length - 1) {
                rst.push(strVal.substr(preSIdx, strVal.length - preSIdx));
            }
        }
    }
    if (rst.length === 0) rst.push(''); //什么都没有，也得整个空串
    return rst;
}


function getPixelSize(pagesData) {
    let rst = [793,1122];
    let SCREEN_DPI = [96,96];
    if (pagesData[JV.NODE_PAGE_INFO] && pagesData[JV.NODE_PAGE_INFO][JV.NODE_PAGE_SIZE]) {
        rst[0] = Math.round(SCREEN_DPI[0] * pagesData[JV.NODE_PAGE_INFO][JV.NODE_PAGE_SIZE][0]);
        rst[1] = Math.round(SCREEN_DPI[1] * pagesData[JV.NODE_PAGE_INFO][JV.NODE_PAGE_SIZE][1]);
    }
    return rst;
}