YangHuOperation/web/maintain/report/js/rpt_tpl_preview_util.js

/**
 * Created by Tony on 2017/7/3.
 * 报表模板预览工具类
 */

let preview_util = {
  offsetX: 0,
  offsetY: 0,
  clearCanvas: function (canvas) {
    if (canvas) {
      let ctx = canvas.getContext("2d");
      ctx.save();
      ctx.fillStyle = "white";
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.restore();
    }
  },
  drawBorder: function (canvas) {
    let me = this;
    if (canvas) {
      let size = [];
      size[0] = canvas.width - 1;
      size[1] = canvas.height - 1;
      let ctx = canvas.getContext("2d");
      ctx.save();
      ctx.beginPath();
      ctx.translate(0.5, 0.5);
      ctx.lineWidth = 1;
      ctx.moveTo(me.offsetX, me.offsetY);
      ctx.lineTo(size[0] + me.offsetX, me.offsetY);
      ctx.lineTo(size[0] + me.offsetX, size[1] + me.offsetY);
      ctx.lineTo(me.offsetX, size[1] + me.offsetY);
      ctx.lineTo(me.offsetX, me.offsetY);
      ctx.stroke();
      ctx.restore();
      ctx.fillStyle = "black";
      ctx.fillRect(size[0] + me.offsetX, 10 + me.offsetY, 10, size[1]);
      ctx.fillRect(10 + me.offsetX, size[1] + me.offsetY, size[0], 10);
    }
  },
  preview: function (canvas, rptTpl) {
    let me = this,
      resolution = [96, 96],
      size = null,
      shrinkFactor = 1;

    if (!rptTpl) return;

    me.clearCanvas(canvas);

    let ctx = canvas.getContext("2d");
    let pageSize =
      rptTpl[JV.NODE_MAIN_INFO][JV.NODE_PAGE_INFO][JV.PROP_PAGE_SIZE];
    let sizeIdx = JV.PAGES_SIZE_STR.indexOf(pageSize);
    if (sizeIdx >= 0) {
      size = JV.PAGES_SIZE[sizeIdx].concat([]);
    } else {
      size = JV.PAGES_SIZE[0].concat([]);
    }
    if (
      rptTpl[JV.NODE_MAIN_INFO][JV.NODE_PAGE_INFO][JV.PROP_ORIENTATION] ===
        JV.ORIENTATION_LANDSCAPE ||
      rptTpl[JV.NODE_MAIN_INFO][JV.NODE_PAGE_INFO][JV.PROP_ORIENTATION] ===
        JV.ORIENTATION_LANDSCAPE_CHN
    ) {
      let ts = size[0];
      size[0] = size[1];
      size[1] = ts;
    }
    if (size[0] > size[1]) {
      shrinkFactor = (1.0 * canvas.width) / (size[0] * resolution[0]);
    } else {
      shrinkFactor = (1.0 * canvas.height) / (size[1] * resolution[1]);
    }

    let private_translateUnit = function (unitStr) {
      let rst = 1.0;
      if (unitStr) {
        if (JV.MEASUREMENT.PIXEL.indexOf(unitStr) >= 0) {
          rst = 1.0;
        } else if (JV.MEASUREMENT.CM.indexOf(unitStr) >= 0) {
          rst = resolution[0] / 2.54;
        } else if (JV.MEASUREMENT.INCH.indexOf(unitStr) >= 0) {
          rst = resolution[0];
        }
      }
      return rst;
    };

    let private_getReportArea = function (rptTpl, unitFactor) {
      let rst = [];
      rst.push(
        unitFactor * rptTpl[JV.NODE_MAIN_INFO][JV.NODE_MARGINS][JV.PROP_LEFT]
      );
      rst.push(
        unitFactor * rptTpl[JV.NODE_MAIN_INFO][JV.NODE_MARGINS][JV.PROP_TOP]
      );
      rst.push(
        size[0] * resolution[0] -
          unitFactor * rptTpl[JV.NODE_MAIN_INFO][JV.NODE_MARGINS][JV.PROP_RIGHT]
      );
      rst.push(
        size[1] * resolution[0] -
          unitFactor *
            rptTpl[JV.NODE_MAIN_INFO][JV.NODE_MARGINS][JV.PROP_BOTTOM]
      );
      return rst;
    };

    let private_setupBandArea = function (band, parentArea) {
      let rstArea = [].concat(parentArea);
      switch (JV.LAYOUT.indexOf(band[JV.BAND_PROP_ALIGNMENT])) {
        case JV.LAYOUT_TOP:
          if (band[JV.PROP_CALCULATION] === JV.CAL_TYPE_ABSTRACT) {
            rstArea[JV.IDX_BOTTOM] =
              rstArea[JV.IDX_TOP] +
              unitFactor * parseFloat(band[JV.BAND_PROP_HEIGHT]);
          } else {
            rstArea[JV.IDX_BOTTOM] =
              rstArea[JV.IDX_TOP] +
              ((rstArea[JV.IDX_BOTTOM] - rstArea[JV.IDX_TOP]) *
                parseFloat(band[JV.BAND_PROP_HEIGHT])) /
                100;
          }
          parentArea[JV.IDX_TOP] = rstArea[JV.IDX_BOTTOM];
          break;
        case JV.LAYOUT_BOTTOM:
          if (band[JV.PROP_CALCULATION] === JV.CAL_TYPE_ABSTRACT) {
            rstArea[JV.IDX_TOP] =
              rstArea[JV.IDX_BOTTOM] -
              unitFactor * parseFloat(band[JV.BAND_PROP_HEIGHT]);
          } else {
            rstArea[JV.IDX_TOP] =
              rstArea[JV.IDX_BOTTOM] -
              ((rstArea[JV.IDX_BOTTOM] - rstArea[JV.IDX_TOP]) *
                parseFloat(band[JV.BAND_PROP_HEIGHT])) /
                100;
          }
          parentArea[JV.IDX_BOTTOM] = rstArea[JV.IDX_TOP];
          break;
        case JV.LAYOUT_LEFT:
          if (band[JV.PROP_CALCULATION] === JV.CAL_TYPE_ABSTRACT) {
            rstArea[JV.IDX_RIGHT] =
              rstArea[JV.IDX_LEFT] +
              unitFactor * parseFloat(band[JV.BAND_PROP_WIDTH]);
          } else {
            rstArea[JV.IDX_RIGHT] =
              rstArea[JV.IDX_LEFT] +
              ((rstArea[JV.IDX_RIGHT] - rstArea[JV.IDX_LEFT]) *
                parseFloat(band[JV.BAND_PROP_WIDTH])) /
                100;
          }
          parentArea[JV.IDX_LEFT] = rstArea[JV.IDX_RIGHT];
          break;
        case JV.LAYOUT_RIGHT:
          if (band[JV.PROP_CALCULATION] === JV.CAL_TYPE_ABSTRACT) {
            rstArea[JV.IDX_LEFT] =
              rstArea[JV.IDX_RIGHT] -
              unitFactor * parseFloat(band[JV.BAND_PROP_WIDTH]);
          } else {
            rstArea[JV.IDX_LEFT] =
              rstArea[JV.IDX_RIGHT] -
              ((rstArea[JV.IDX_RIGHT] - rstArea[JV.IDX_LEFT]) *
                parseFloat(band[JV.BAND_PROP_WIDTH])) /
                100;
          }
          parentArea[JV.IDX_RIGHT] = rstArea[JV.IDX_LEFT];
          break;
      }
      return rstArea;
    };
    let private_showBand = function (band, myArea, onlyMe, isHighlight) {
      //1. draw band border
      ctx.save();
      ctx.beginPath();
      ctx.translate(0.5, 0.5);
      ctx.lineWidth = 1;
      if (isHighlight) {
        ctx.strokeStyle = "#0000ff";
      } else {
        ctx.setLineDash([3, 6]);
      }
      ctx.moveTo(
        (me.offsetX + myArea[JV.IDX_LEFT]) * shrinkFactor,
        (me.offsetY + myArea[JV.IDX_TOP]) * shrinkFactor
      );
      ctx.lineTo(
        (me.offsetX + myArea[JV.IDX_RIGHT]) * shrinkFactor,
        (me.offsetY + myArea[JV.IDX_TOP]) * shrinkFactor
      );
      ctx.lineTo(
        (me.offsetX + myArea[JV.IDX_RIGHT]) * shrinkFactor,
        (me.offsetY + myArea[JV.IDX_BOTTOM]) * shrinkFactor
      );
      ctx.lineTo(
        (me.offsetX + myArea[JV.IDX_LEFT]) * shrinkFactor,
        (me.offsetY + myArea[JV.IDX_BOTTOM]) * shrinkFactor
      );
      ctx.lineTo(
        (me.offsetX + myArea[JV.IDX_LEFT]) * shrinkFactor,
        (me.offsetY + myArea[JV.IDX_TOP]) * shrinkFactor
      );
      ctx.stroke();
      ctx.restore();
      //2. then draw sub bands border if have.
      if (band[JV.BAND_PROP_SUB_BANDS] && !onlyMe) {
        for (let subBand of band[JV.BAND_PROP_SUB_BANDS]) {
          if (!subBand[JV.PROP_CALCULATION])
            subBand[JV.PROP_CALCULATION] = JV.CAL_TYPE_ABSTRACT;
          let area = private_setupBandArea(band, myArea);
          private_showBand(subBand, area, false, false);
        }
      }
    };
    let unitFactor = private_translateUnit(
        rptTpl[JV.NODE_MAIN_INFO][JV.PROP_UNITS]
      ),
      orgArea = private_getReportArea(rptTpl, unitFactor);
    for (let band of rptTpl[JV.NODE_BAND_COLLECTION]) {
      if (!band[JV.PROP_CALCULATION])
        band[JV.PROP_CALCULATION] = JV.CAL_TYPE_ABSTRACT;
      let area = private_setupBandArea(band, orgArea);
      //bandTreeOprObj.reportCfg.styles
      private_showBand(band, area, false, false);
    }
    if (bandTreeOprObj.currentNode) {
      //need to high-light the band?
    }
  },
  getPreviewPage: function (canvas) {
    if (zTreeOprObj.currentNode.refId) {
      let params = {},
        me = this;
      params.rpt_tpl_id = zTreeOprObj.currentNode.refId;
      let pageSize =
        zTreeOprObj.currentNode.rptTpl[JV.NODE_MAIN_INFO][JV.NODE_PAGE_INFO][
          JV.PROP_PAGE_SIZE
        ];
      if (!pageSize) pageSize = "A4";
      params.pageSize = pageSize;
      CommonAjax.postEx(
        "report_api/getPreviewPage",
        params,
        10000,
        true,
        function (result) {
          if (result) {
            if (pageSize === "A4") {
              if (
                zTreeOprObj.currentNode.rptTpl[JV.NODE_MAIN_INFO][
                  JV.NODE_PAGE_INFO
                ][JV.PROP_ORIENTATION] === JV.ORIENTATION_PORTRAIT
              ) {
                canvas.width = 825;
                canvas.height = 1150;
              } else {
                canvas.width = 1150;
                canvas.height = 825;
              }
            } else {
              if (
                zTreeOprObj.currentNode.rptTpl[JV.NODE_MAIN_INFO][
                  JV.NODE_PAGE_INFO
                ][JV.PROP_ORIENTATION] === JV.ORIENTATION_PORTRAIT
              ) {
                canvas.width = 1150;
                canvas.height = 1650;
              } else {
                canvas.width = 1650;
                canvas.height = 1150;
              }
            }
            JpcCanvasOutput.cleanCanvas(canvas);
            JpcCanvasOutput.drawPageBorder(result, canvas, [96, 96]);
            JpcCanvasOutput.highlightConflictArea(result, 1);
            JpcCanvasOutput.drawToCanvas(result, canvas, 1);
          } else {
            alert("preview error!");
          }
        },
        null,
        null
      );
    }
  },
};