rpt_print.js 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329
  1. /**
  2. * Created by Tony on 2018/4/24.
  3. */
  4. let rptPrintHelper = {
  5. preview: function () {
  6. if (zTreeOprObj.checkedRptTplNodes && zTreeOprObj.checkedRptTplNodes.length > 0) {
  7. let rptIds = [], flags = [];
  8. let params = {};
  9. params.pageSize = rptControlObj.getCurrentPageSize();
  10. params.orientation = ((zTreeOprObj.checkedRptTplNodes.length > 1)?null:rptControlObj.getCurrentOrientation());
  11. params.custCfg = zTreeOprObj.reportPageCfg;
  12. params.prj_id = projectObj.project.projectInfo.ID;
  13. for (let tplNode of zTreeOprObj.checkedRptTplNodes) {
  14. rptIds.push(tplNode.refId);
  15. let flag = null;
  16. if (tplNode.hasOwnProperty('flags')) {
  17. flag = tplNode.flags;
  18. }
  19. flags.push(flag);
  20. }
  21. params.rpt_ids = rptIds.join(",");
  22. params.flags = flags;
  23. CommonAjax.postEx("report_api/getMultiReports", params, 10000, true,
  24. function(result){
  25. //sessionStorage.currentPageData = JSON.stringify(zTreeOprObj.currentRptPageRst);
  26. sessionStorage.multiRptsData = JSON.stringify(result);
  27. sessionStorage.pageSize = rptControlObj.getCurrentPageSize();
  28. sessionStorage.orientation = rptControlObj.getCurrentOrientation();
  29. sessionStorage.scaleFactor = 1;
  30. window.open('/rpt_print');
  31. },
  32. function(failRst){
  33. sessionStorage.currentPageData = null;
  34. console.log(failRst);
  35. },
  36. function(exceptionRst){
  37. sessionStorage.currentPageData = null;
  38. console.log(exceptionRst);
  39. }
  40. );
  41. } else {
  42. //不可能的branch
  43. }
  44. // if (zTreeOprObj.currentRptPageRst) {
  45. // sessionStorage.currentPageData = JSON.stringify(zTreeOprObj.currentRptPageRst);
  46. // sessionStorage.pageSize = rptControlObj.getCurrentPageSize();
  47. // sessionStorage.orientation = rptControlObj.getCurrentOrientation();
  48. // sessionStorage.scaleFactor = 1;
  49. // window.open('/rpt_print');
  50. // } else {
  51. // sessionStorage.currentPageData = null;
  52. // }
  53. },
  54. previewSvgData: function() {
  55. //
  56. },
  57. buildSvgArr: function (pagesData, actAreaArr, offsetX, offsetY) {
  58. let styles = pagesData[JV.NODE_STYLE_COLLECTION],
  59. fonts = pagesData[JV.NODE_FONT_COLLECTION],
  60. controls = pagesData[JV.NODE_CONTROL_COLLECTION]
  61. ;
  62. let rst = [];
  63. let canvas = document.getElementById("chkCanvas");
  64. let pixelSize = getPixelSize(pagesData);
  65. let isHtoV = false;
  66. if (pixelSize[0] > pixelSize[1]) {
  67. // changeHtoV(pagesData, pixelSize);
  68. isHtoV = true;
  69. }
  70. for (let idx = 0; idx < pagesData.items.length; idx++) {
  71. let page = pagesData.items[idx];
  72. let actAreaOffsetX = 0, actAreaOffsetY = 0;
  73. if (actAreaArr) {
  74. actAreaOffsetX = actAreaArr[idx].Left;
  75. actAreaOffsetY = actAreaArr[idx].Top;
  76. if (pixelSize[0] > pixelSize[1]) {
  77. }
  78. }
  79. let svgPageArr = [];
  80. svgPageArr.push("<svg width='" + pixelSize[0] + "' height='" + pixelSize[1] + "'>");
  81. // let adjustY = 0.5 * ((idx + 1) % 2);
  82. let adjustY = 0.5;
  83. for (let cell of page.cells) {
  84. svgPageArr.push(buildCellSvg(cell, fonts, styles, controls, page[JV.PROP_PAGE_MERGE_BORDER], pagesData[JV.BAND_PROP_MERGE_BAND],
  85. offsetX - actAreaOffsetX, offsetY - actAreaOffsetY, adjustY, canvas, isHtoV, pixelSize, actAreaArr[idx]));
  86. }
  87. svgPageArr.push("</svg>");
  88. rst.push(svgPageArr);
  89. }
  90. return rst;
  91. }
  92. };
  93. function getActualBorderStyle(cell, styles, mergeBorderStyle, pageBorderArea, borderStr) {
  94. let rst = styles[cell[JV.PROP_STYLE]][borderStr];
  95. if (rst && parseFloat(rst[JV.PROP_LINE_WEIGHT]) === 1) {
  96. rst[JV.PROP_LINE_WEIGHT] = 0.5;
  97. }
  98. if (mergeBorderStyle) {
  99. if (parseFloat(cell[JV.PROP_AREA][borderStr]) === parseFloat(pageBorderArea[borderStr])) {
  100. if (borderStr === JV.PROP_LEFT || borderStr === JV.PROP_RIGHT) {
  101. if (parseFloat(cell[JV.PROP_AREA][JV.PROP_TOP]) >= parseFloat(pageBorderArea[JV.PROP_TOP]) &&
  102. parseFloat(cell[JV.PROP_AREA][JV.PROP_BOTTOM]) <= parseFloat(pageBorderArea[JV.PROP_BOTTOM])) {
  103. rst = mergeBorderStyle[borderStr];
  104. }
  105. } else if (borderStr === JV.PROP_TOP || borderStr === JV.PROP_BOTTOM) {
  106. if (parseFloat(cell[JV.PROP_AREA][JV.PROP_LEFT]) >= parseFloat(pageBorderArea[JV.PROP_LEFT]) &&
  107. parseFloat(cell[JV.PROP_AREA][JV.PROP_RIGHT]) <= parseFloat(pageBorderArea[JV.PROP_RIGHT])) {
  108. rst = mergeBorderStyle[borderStr];
  109. }
  110. }
  111. }
  112. }
  113. return rst;
  114. }
  115. function buildCellSvg(cell, fonts, styles, controls, pageMergeBorder, rptMergeBorder, offsetX, offsetY, adjustY, canvas, isHtoV, pixelSize, actArea) {
  116. let rst = [];
  117. let style = styles[cell[JV.PROP_STYLE]];
  118. let mergeBandStyle = null;
  119. if (rptMergeBorder) {
  120. mergeBandStyle = styles[rptMergeBorder[JV.PROP_STYLE][JV.PROP_ID]];
  121. }
  122. let font = cell[JV.PROP_FONT];
  123. if (typeof font === 'string') {
  124. font = fonts[cell[JV.PROP_FONT]];
  125. }
  126. let left = parseInt(cell[JV.PROP_AREA][JV.PROP_LEFT]) + offsetX + 0.5,
  127. right = parseInt(cell[JV.PROP_AREA][JV.PROP_RIGHT]) + offsetX + 0.5,
  128. top = parseInt(cell[JV.PROP_AREA][JV.PROP_TOP]) + offsetY + adjustY,
  129. bottom = parseInt(cell[JV.PROP_AREA][JV.PROP_BOTTOM]) + offsetY + adjustY
  130. ;
  131. let HtoVStr = "";
  132. if (isHtoV) {
  133. // HtoVStr = ` transform="translate(`+ (actArea.Bottom - actArea.Top + 5) + `,0) rotate(90)"`;
  134. //引用了padding后,top坐标不用考虑offset了
  135. HtoVStr = ` transform="translate(${(actArea.Bottom - actArea.Top + 2)},0) rotate(90)"`;
  136. }
  137. if (style) {
  138. let leftBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_LEFT);
  139. // if (style[JV.PROP_LEFT] && parseFloat(style[JV.PROP_LEFT][JV.PROP_LINE_WEIGHT]) > 0) {
  140. if (leftBS && parseFloat(leftBS[JV.PROP_LINE_WEIGHT]) > 0) {
  141. rst.push("<line x1='" + left + "' y1='" + top +
  142. "' x2='" + left + "' y2='" + bottom +
  143. "' style='stroke:rgb(0,0,0);stroke-width:" + leftBS[JV.PROP_LINE_WEIGHT] + "'" + HtoVStr + "/>")
  144. }
  145. let rightBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_RIGHT);
  146. // if (style[JV.PROP_RIGHT] && parseFloat(style[JV.PROP_RIGHT][JV.PROP_LINE_WEIGHT]) > 0) {
  147. if (rightBS && parseFloat(rightBS[JV.PROP_LINE_WEIGHT]) > 0) {
  148. rst.push("<line x1='" + right + "' y1='" + top +
  149. "' x2='" + right + "' y2='" + bottom +
  150. "' style='stroke:rgb(0,0,0);stroke-width:" + rightBS[JV.PROP_LINE_WEIGHT] +"'" + HtoVStr + "/>")
  151. }
  152. let topBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_TOP);
  153. // if (style[JV.PROP_TOP] && parseFloat(style[JV.PROP_TOP][JV.PROP_LINE_WEIGHT]) > 0) {
  154. if (topBS && parseFloat(topBS[JV.PROP_LINE_WEIGHT]) > 0) {
  155. rst.push("<line x1='" + left + "' y1='" + top +
  156. "' x2='" + right + "' y2='" + top +
  157. "' style='stroke:rgb(0,0,0);stroke-width:" + topBS[JV.PROP_LINE_WEIGHT] +"'" + HtoVStr + "/>")
  158. }
  159. let bottomBS = getActualBorderStyle(cell, styles, mergeBandStyle, (pageMergeBorder)?pageMergeBorder:rptMergeBorder[JV.PROP_AREA], JV.PROP_BOTTOM);
  160. // if (style[JV.PROP_BOTTOM] && parseFloat(style[JV.PROP_BOTTOM][JV.PROP_LINE_WEIGHT]) > 0) {
  161. if (bottomBS && parseFloat(bottomBS[JV.PROP_LINE_WEIGHT]) > 0) {
  162. rst.push("<line x1='" + left + "' y1='" + bottom +
  163. "' x2='" + right + "' y2='" + bottom +
  164. "' style='stroke:rgb(0,0,0);stroke-width:" + bottomBS[JV.PROP_LINE_WEIGHT] +"'" + HtoVStr + "/>")
  165. }
  166. }
  167. let control = cell[JV.PROP_CONTROL];
  168. if (typeof control === 'string') {
  169. control = controls[cell[JV.PROP_CONTROL]];
  170. }
  171. buildText(rst, cell, font, control, offsetX, offsetY, adjustY, canvas, isHtoV, HtoVStr);
  172. return rst.join("");
  173. }
  174. function buildText(destRst, cell, font, control, offsetX, offsetY, adjustY, canvas, isHtoV, HtoVStr) {
  175. let orgFontHeight = parseInt(font[JV.FONT_PROPS[JV.FONT_PROP_IDX_HEIGHT]]);
  176. let fontWeight = (font[JV.FONT_PROPS[JV.FONT_PROP_IDX_BOLD]] === 'T')?"bold":"normal";
  177. let fontStyle = (font[JV.FONT_PROPS[JV.FONT_PROP_IDX_ITALIC]] === 'T')?"italic":"normal";
  178. let fontUnderline = (font[JV.FONT_PROPS[JV.FONT_PROP_IDX_UNDERLINE]] === 'T')?"underline":"normal";
  179. let left = parseInt(cell[JV.PROP_AREA][JV.PROP_LEFT]) + offsetX + 0.5,
  180. right = parseInt(cell[JV.PROP_AREA][JV.PROP_RIGHT]) + offsetX + 0.5,
  181. top = parseInt(cell[JV.PROP_AREA][JV.PROP_TOP]) + offsetY + adjustY,
  182. bottom = parseInt(cell[JV.PROP_AREA][JV.PROP_BOTTOM]) + offsetY + adjustY,
  183. x = left, y = top,
  184. text_anchor = "start"
  185. ;
  186. let value = cell[JV.PROP_VALUE];
  187. if (value === undefined || value === null) {
  188. value = "";
  189. }
  190. let values = null;
  191. if (typeof value === "string") {
  192. values = value.split("|");
  193. } else {
  194. values = [value];
  195. }
  196. // let stepHeight = (parseInt(cell[JV.PROP_AREA][JV.PROP_BOTTOM]) - parseInt(cell[JV.PROP_AREA][JV.PROP_TOP])) / values.length;
  197. if (control) {
  198. if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_HORIZON]] === "left") {
  199. text_anchor = "start";
  200. x = left + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_LEFT];
  201. } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_HORIZON]] === "right") {
  202. text_anchor = "end";
  203. x = right - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_RIGHT];
  204. } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_HORIZON]] === "center") {
  205. text_anchor = "middle";
  206. x = Math.round((left + right) / 2);
  207. }
  208. }
  209. let area = [0,0,0,0];
  210. area[JV.IDX_TOP] = top;
  211. area[JV.IDX_BOTTOM] = bottom;
  212. area[JV.IDX_LEFT] = left;
  213. area[JV.IDX_RIGHT] = right;
  214. let height = bottom - top;
  215. let ctx = canvas.getContext("2d");
  216. let inner_draw_text = function (textValue) {
  217. let dftFontHeight = orgFontHeight;
  218. 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];
  219. function inner_build_text(innerTxt, innerArea) {
  220. let innerDftFontHeight = (dftFontHeight * 3 / 4); //SVG的字体与canvas的字体大小的切换, 不用考虑取整
  221. if (control) {
  222. if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === "top") {
  223. y = innerArea[JV.IDX_TOP] + JV.OUTPUT_OFFSET[JV.IDX_TOP] + orgFontHeight;
  224. } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === "bottom") {
  225. y = innerArea[JV.IDX_BOTTOM] - JV.OUTPUT_OFFSET[JV.IDX_BOTTOM];
  226. } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === "center") {
  227. y = Math.round((innerArea[JV.IDX_TOP] + innerArea[JV.IDX_BOTTOM] + innerDftFontHeight) / 2 );
  228. }
  229. } else {
  230. y = innerArea[JV.IDX_TOP] + JV.OUTPUT_OFFSET[JV.IDX_TOP];
  231. }
  232. if (font[JV.PROP_NAME] === "宋体") {
  233. y--;
  234. }
  235. destRst.push("<text style='fill:black;font-family:" + font[JV.PROP_NAME] +
  236. ";font-weight:" + fontWeight +
  237. ";font-style:" + fontStyle +
  238. ";text-decoration:" + fontUnderline +
  239. // ";text-decoration:normal" +
  240. ";font-size:" + innerDftFontHeight + "pt' x='" +
  241. x +"' y='" + y + "' text-anchor='" + text_anchor + "' xml:space='preserve'" + HtoVStr + ">" + innerTxt + "</text>");
  242. }
  243. let actLines = private_splitString(textValue, (area[JV.IDX_RIGHT] - area[JV.IDX_LEFT]), ctx);
  244. 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));
  245. if (actLines.length === 1 || (control && control.Shrink !== 'T' && validTxtLines < actLines)) {
  246. inner_build_text(textValue, area);
  247. } else {
  248. while (true) {
  249. 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));
  250. lines = (lines === 0 || (control.Shrink === 'T' && control.ShrinkFirst === 'T'))?1:lines;
  251. 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);
  252. if (actLines.length > lines && dftFontHeight >= 6) {
  253. dftFontHeight--;
  254. 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];
  255. } else {
  256. let aH = dftFontHeight + JV.OUTPUT_OFFSET[JV.IDX_BOTTOM] + JV.OUTPUT_OFFSET[JV.IDX_TOP] + 4;
  257. if ((aH * actLines.length) < (area[JV.IDX_BOTTOM] - area[JV.IDX_TOP]) && (control && control.Vertical !== 'top')) {
  258. if (control.Vertical === 'bottom') {
  259. area[JV.IDX_TOP] = area[JV.IDX_BOTTOM] - (aH * actLines.length);
  260. } else {
  261. area[JV.IDX_TOP] = (area[JV.IDX_TOP] + area[JV.IDX_BOTTOM]) / 2 - (aH * actLines.length) / 2
  262. area[JV.IDX_BOTTOM] = area[JV.IDX_TOP] + (aH * actLines.length);
  263. }
  264. }
  265. let newArea = [], baseTop = area[JV.IDX_TOP];
  266. for (let ai = 0; ai < area.length; ai++) {
  267. newArea[ai] = area[ai];
  268. }
  269. for (let lIdx = 0; lIdx < actLines.length; lIdx++) {
  270. newArea[JV.IDX_TOP] = Math.round(aH * lIdx + baseTop);
  271. newArea[JV.IDX_BOTTOM] = Math.round(aH * (lIdx + 1) + baseTop);
  272. inner_build_text(actLines[lIdx], newArea);
  273. }
  274. break;
  275. }
  276. }
  277. }
  278. };
  279. for (let vidx = 0; vidx < values.length; vidx++) {
  280. area[JV.IDX_TOP] = top + vidx * (height / values.length);
  281. area[JV.IDX_BOTTOM] = top + (vidx + 1) * (height / values.length);
  282. inner_draw_text(values[vidx]);
  283. }
  284. }
  285. function private_splitString(strVal, areaWidth, ctx) {
  286. let rst = [];
  287. if (strVal) {
  288. let preSIdx = 0, txtWidth = 0;
  289. let currentW = 0;
  290. let chnW = ctx.measureText('一').width, otherW = ctx.measureText('_').width;
  291. for (let sIdx = 0; sIdx < strVal.length; sIdx++) {
  292. currentW = (strVal.charCodeAt(sIdx) > 127)?chnW:otherW;
  293. txtWidth += currentW;
  294. if (txtWidth > areaWidth) {
  295. if (preSIdx < sIdx) {
  296. rst.push(strVal.substr(preSIdx, sIdx - preSIdx));
  297. preSIdx = sIdx;
  298. } else {
  299. rst.push(strVal.substr(preSIdx, 1));
  300. preSIdx = sIdx + 1;
  301. }
  302. txtWidth = currentW;
  303. }
  304. if (sIdx === strVal.length - 1) {
  305. rst.push(strVal.substr(preSIdx, strVal.length - preSIdx));
  306. }
  307. }
  308. }
  309. if (rst.length === 0) rst.push(''); //什么都没有,也得整个空串
  310. return rst;
  311. }
  312. function getPixelSize(pagesData) {
  313. let rst = [793,1122];
  314. let SCREEN_DPI = [96,96];
  315. if (pagesData[JV.NODE_PAGE_INFO] && pagesData[JV.NODE_PAGE_INFO][JV.NODE_PAGE_SIZE]) {
  316. rst[0] = Math.round(SCREEN_DPI[0] * pagesData[JV.NODE_PAGE_INFO][JV.NODE_PAGE_SIZE][0]);
  317. rst[1] = Math.round(SCREEN_DPI[1] * pagesData[JV.NODE_PAGE_INFO][JV.NODE_PAGE_SIZE][1]);
  318. }
  319. return rst;
  320. }