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);
            if (current_stage_id > 0) {
                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 = getStageStatus();
            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.ROLE_REL_LIST = JSON.stringify(ROLE_REL_LIST);
            sessionStorage.OSS_PATH = OSS_PATH;
            sessionStorage.current_stage_id = getStageId();
            sessionStorage.isTextSignature = PAGE_SHOW.isTextSignature;
            // sessionStorage.STAGE_AUDIT = JSON.stringify(STAGE_AUDIT);
            window.open('/printReport/' + sessionStorage.pageSize);
        }
    },
    individualPreview: function() {
        let params = rptControlObj.creatCommonExportParam([1784]);
        delete sessionStorage.req_params; //删除
        params.rpt_tpl_id = 1784;
        sessionStorage.req_params = JSON.stringify(params);
        sessionStorage.qrCodePath = '/public/upload/qr_code/icon-qrcode.png';
        let replace_key_params = {};
        replace_key_params['KEY_标段名称'] = '测试标段';
        replace_key_params['KEY_总承包单位'] = '纵横建造';
        replace_key_params['KEY_合同段'] = '测试合同段';
        replace_key_params['KEY_监理单位'] = '纵横监理';
        replace_key_params['KEY_编号'] = 'ABC_001';
        replace_key_params['KEY_子目号及子目名称'] = '现场收方1';
        replace_key_params['KEY_桩号及工程部位'] = '现场收方_桩号1';
        replace_key_params['KEY_设计工程数量'] = '168668.88';
        sessionStorage.replace_key_params = JSON.stringify(replace_key_params);
        sessionStorage.rpt_name = '现场收方表';
        window.open('/individualReport/A4');
    },
    buildSvgArr: function (pagesData, actAreaArr, offsetX, offsetY, closeWaterMark, keepOrgDirection = false) {
        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] && !keepOrgDirection) {
            // 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.interact_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, fonts, page[JV.PROP_PAGE_MERGE_BORDER], pagesData[JV.BAND_PROP_MERGE_BAND],
                    offsetX - actAreaOffsetX, offsetY - actAreaOffsetY, adjustY, canvas, isHtoV, pixelSize, actAreaArr[idx]));
            }
            //图表
            if (page.figure_cells && page.figure_cells.length > 0) {
                JpcFigureOutput.offsetX = offsetX - actAreaOffsetX;
                JpcFigureOutput.offsetY = offsetY - actAreaOffsetY;
                svgPageArr = svgPageArr.concat(JpcFigureOutput.toSvgData(page, isHtoV, actAreaArr[idx], idx + 1));
            }
            
            if (closeWaterMark === 0) {
                for (let cell of page.watermark_cells) {
                    cell.pic = sessionStorage.waterMarkStr;
                    svgPageArr.push(buildSignatureCellSvg(cell, styles, controls, fonts, 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, fonts, 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)"`;
    }
    
    // 印章的cell表框都要去掉
    if(cell.path&&cell.signType) style =  '';

    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) {
        if (cell.signature_name.indexOf(JV.SIGNATURE_NAME_DUMMY) >= 0) {
            buildImage(rst, cell, control, offsetX, offsetY, HtoVStr, (!!cell.isStamp), [1,1,1,1]);
        } else {
            buildImage(rst, cell, control, offsetX, offsetY, 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 _resetArea(cell, area, orgSize, offsetArea, offsetX, offsetY) {
    if (orgSize) {
        area[0] = cell[JV.PROP_AREA][JV.PROP_LEFT] + offsetX; // Left
        area[1] = cell[JV.PROP_AREA][JV.PROP_TOP] + offsetY; // Top
        area[2] = cell[JV.PROP_AREA][JV.PROP_RIGHT] + offsetX; // Right
        area[3] = cell[JV.PROP_AREA][JV.PROP_BOTTOM] + offsetY; // Bottom
    }
    if (offsetArea) {
        area[0] = area[0] + offsetArea[0]; // Left
        area[1] = area[1] + offsetArea[1]; // Top
        area[2] = area[2] - offsetArea[2]; // Right
        area[3] = area[3] - offsetArea[3]; // Bottom
    }
}
function buildImage(destRst, cell, control, offsetX, offsetY, HtoVStr, orgSize = false, offsetArea) {
    let href = '';
    let area = getProperSignatureArea(cell, control, offsetX, offsetY, JV);
    _resetArea(cell, area, orgSize, offsetArea, offsetX, offsetY);
    if (cell.pic) {
        href = 'href="' + cell.pic +'"';
        destRst.push('<image x="' + area[0] + '" y="' + area[1] + '" width="' + (area[2] - area[0]) + '" height="' + (area[3] - area[1]) + '" ');
        destRst.push(href + HtoVStr + ' />');
    } else {
        let paths = cell.path.split('!;!');
        for (let dtlPathIdx = 0; dtlPathIdx < paths.length; dtlPathIdx++) {
            let dtlPath = paths[dtlPathIdx];
            if (cell.picFeatures && cell.picFeatures.length === paths.length) {
                if (dtlPathIdx === 0) {
                    cell.area = JSON.parse(JSON.stringify(cell.orgArea));
                    cell.isOrgShow = false;
                } else {
                    // 重新设置cell area
                    resetStampArea(control, cell, JV, cell.picFeatures[dtlPathIdx]);
                    cell.isOrgShow = true;
                }
                area = getProperSignatureArea(cell, control, offsetX, offsetY, JV);
                _resetArea(area, orgSize, offsetArea, offsetX, offsetY);
            }
            if (typeof dtlPath === 'string' && dtlPath.length > 10) {
                let imgSrc = dtlPath;
                if (dtlPath.indexOf(OSS_PATH) < 0 && dtlPath[0] !== '/') {
                    imgSrc = OSS_PATH + dtlPath;
                } else {
                    imgSrc = dtlPath;
                }
                href = 'xlink:href="' + imgSrc +'"';
                destRst.push('<image x="' + area[0] + '" y="' + area[1] + '" width="' + (area[2] - area[0]) + '" height="' + (area[3] - area[1]) + '" ');
                destRst.push(href + HtoVStr + ' />');
            }
        }
    }
}

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

function _splitValues(cell, control, orgValues, ctx2D) {
    //根据control的 自动折行 及 缩放优先 这俩属性 来分解cell value
    if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_WRAP]] === 'T' && control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_SHRINK_FIRST]] !== 'T') {
        let vals = [];
        let validAreaTxtWidth = cell[JV.PROP_AREA][JV.PROP_RIGHT] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_RIGHT] - cell[JV.PROP_AREA][JV.PROP_LEFT] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_LEFT] - 1;
        for (let val of orgValues) {
            let actW = ctx2D.measureText(val).width;
            if (actW > (validAreaTxtWidth - 4)) {
                //减4个像素是考虑到导出excel的情况
                vals = vals.concat(private_splitString(val, validAreaTxtWidth, ctx2D));
            } else {
                vals.push(val);
            }
        }
        if (vals.length > orgValues.length) {
            for (let idx = 0; idx < vals.length; idx++) {
                orgValues[idx] = vals[idx];
            }
        }
    }
}

const strReplaceReg1 = new RegExp('\n\r', 'gm'),
    strReplaceReg2 = new RegExp('\r\n', 'gm'),
    strReplaceReg3 = new RegExp('\n', 'gm'),
    strReplaceReg4 = new RegExp('\r', 'gm')
;

function _preHandleSpliter(orgVal) {
    let rst = orgVal;
    if (rst !== null && rst !== '') {
        rst = rst.replace(strReplaceReg1, '|').replace(strReplaceReg2, '|').replace(strReplaceReg3, '|').replace(strReplaceReg4, '|');
    }
    return rst;
}

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("|");
        values = _preHandleSpliter(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");
    ctx.font = ((font[JV.FONT_PROPS[JV.FONT_PROP_IDX_BOLD]] === 'T')?"bold ":"") + ((font[JV.FONT_PROPS[JV.FONT_PROP_IDX_ITALIC]] === 'T')?"italic":"") + orgFontHeight + "px " + font[JV.PROP_NAME];
    _splitValues(cell, control, values, ctx);
    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];
                    y = innerArea[JV.IDX_TOP] + JV.OUTPUT_OFFSET[JV.IDX_TOP] + innerDftFontHeight + JV.OUTPUT_OFFSET[JV.IDX_TOP] + 2; // 向上对齐
                } 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; // 备注：打印比别的方式多加些空隙
    //     }
    // }
    const isCloseOutput = _chkIfCloseOutput(control, values.length, area, orgFontHeight);
    let closeTopOffset = 0;
    if (isCloseOutput) {
        closeTopOffset = (height - (orgFontHeight + 4) * values.length) / 2; // 默认居中对齐
        if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === 'top') {
            closeTopOffset = JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP];
        } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === 'bottom') {
            closeTopOffset = height - (orgFontHeight + 4) * values.length - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_BOTTOM];
        }
    }
    for (let vidx = 0; vidx < values.length; vidx++) {
        // area[JV.IDX_TOP] = top + vidx * (ah / values.length) + restTopH;
        // area[JV.IDX_BOTTOM] = top + (vidx + 1) * (ah / values.length) + restTopH;
        if (isCloseOutput) {
            area[JV.IDX_TOP] = top + closeTopOffset + vidx * (orgFontHeight + 4);
            area[JV.IDX_BOTTOM] = top + closeTopOffset + (vidx + 1) * (orgFontHeight + 4);
        } else {
            area[JV.IDX_TOP] = top + vidx * (ah / values.length) + restTopH;
            area[JV.IDX_BOTTOM] = top + (vidx + 1) * (ah / values.length) + restBottomH;
        }
        inner_draw_text(values[vidx]);
    }
}

function _chkIfCloseOutput(control, actLines, area, fontHeight) {
    let rst = false;
    if (control.CloseOutput === 'T' && actLines > 1) {
        rst = true;
    }
    return rst;
}

function private_splitString(val, areaWidth, ctx) {
    let rst = [];
    if (val) {
        let strVal = val;
        if (typeof val !== 'string') strVal = '' + 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;
}