rpt_print.html 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. </head>
  7. <style type="text/css">
  8. .pageBreakOrg {
  9. page-break-before: auto;
  10. page-break-after: always;
  11. }
  12. .pageBreak {
  13. page-break-before: auto;
  14. page-break-after: auto;
  15. }
  16. @page {size: A4 portrait;}
  17. body {page: page}
  18. div {page: page}
  19. </style>
  20. <!--
  21. .printPage {
  22. page: page
  23. }
  24. @page {size: A4 landscape;}
  25. div { page: page }
  26. @page {margin: auto;}
  27. @page horizon {size: A4 landscape;}
  28. @page vertical1 {size: A4 portrait;}
  29. @page horizon1 {size: A4 landscape;}
  30. @page vertical1 {size: A4 portrait;}
  31. -->
  32. <script type="text/javascript" src="/web/building_saas/report/js/jpc_output_value_define.js"></script>
  33. <body onload="loading()" onbeforeunload="closing()">
  34. <canvas id="chkCanvas" style="display:none"></canvas>
  35. </body>
  36. <script src="/lib/jquery/jquery-3.2.1.min.js"></script>
  37. <script type="text/javascript" src="/web/building_saas/report/js/jpc_output.js"></script>
  38. <script type="text/javascript" src="/web/building_saas/report/js/rpt_print.js"></script>
  39. <SCRIPT type="text/javascript">
  40. let G_OFFSET_X = 0, G_OFFSET_Y = 0;
  41. function loading() {
  42. if (sessionStorage.multiRptsData) {
  43. let multiRptData = JSON.parse(sessionStorage.multiRptsData);
  44. let scaleFactor = parseInt(sessionStorage.scaleFactor);
  45. for (let idx = 0; idx < multiRptData.length; idx++) {
  46. let pageData = multiRptData[idx];
  47. if (idx === 0) {
  48. $(document).attr("title", pageData[JV.NODE_PAGE_INFO][JV.NODE_MAIN_INFO_RPT_NAME]);
  49. }
  50. let orgPixelSize = getPixelSize(pageData);
  51. let actArea = getActualArea(pageData);
  52. let svgArr = rptPrintHelper.buildSvgArr(pageData, actArea, G_OFFSET_X, G_OFFSET_Y);
  53. //let orientation = (pageData[JV.NODE_PAGE_INFO][JV.NODE_PAGE_SIZE][0] < pageData[JV.NODE_PAGE_INFO][JV.NODE_PAGE_SIZE][1])?"纵向":"横向";
  54. let orientation = "纵向";
  55. showPreviewData(svgArr, actArea, scaleFactor, sessionStorage.pageSize, orientation, orgPixelSize);
  56. }
  57. window.print();
  58. } else if (sessionStorage.currentPageData) {
  59. let pageData = JSON.parse(sessionStorage.currentPageData);
  60. let scaleFactor = parseInt(sessionStorage.scaleFactor);
  61. let orgPixelSize = getPixelSize(pageData);
  62. let actArea = getActualArea(pageData);
  63. let svgArr = rptPrintHelper.buildSvgArr(pageData, actArea, G_OFFSET_X, G_OFFSET_Y);
  64. $(document).attr("title", pageData[JV.NODE_PAGE_INFO][JV.NODE_MAIN_INFO_RPT_NAME]);
  65. //showPreviewData(svgArr, scaleFactor, sessionStorage.pageSize, sessionStorage.orientation);
  66. showPreviewData(svgArr, actArea, scaleFactor, sessionStorage.pageSize, "纵向", orgPixelSize);
  67. window.print();
  68. } else if (sessionStorage.currentPageSvgData) {
  69. let svgArr = JSON.parse(sessionStorage.currentPageSvgData);
  70. let scaleFactor = 1;
  71. //showPreviewData(svgArr, scaleFactor, sessionStorage.pageSize, sessionStorage.orientation);
  72. showPreviewData(svgArr, null, scaleFactor, sessionStorage.pageSize, "纵向", null);
  73. window.print();
  74. } else {
  75. //alert("没有报表数据!");
  76. }
  77. }
  78. function showPreviewData(svgArr, actAreaArr, scaleFactor, pageSize, orientation, orgPixelSize) {
  79. let orgHeight = 793, orgWidth = 1122;
  80. let DFT_MARGIN = 3;
  81. if (pageSize === 'A3') {
  82. orgHeight = 1122;
  83. orgWidth = 793 * 2;
  84. } else if (pageSize.indexOf('自定义') >= 0) {
  85. //自定义
  86. } else {
  87. //其他size(LEGAL, 16K etc.)
  88. }
  89. let pageHeight = orgHeight * scaleFactor, pageWidth = orgWidth * scaleFactor;
  90. if (orientation === "纵向") {
  91. pageHeight = orgWidth * scaleFactor;
  92. pageWidth = orgHeight * scaleFactor;
  93. }
  94. for (let i = 0; i < svgArr.length; i++) {
  95. let offsetHeight = 0, offsetWidth = 0;
  96. let paddingStr = '';
  97. if (actAreaArr) {
  98. paddingStr = `padding: ${actAreaArr[i].Top}px 0px 0px ${actAreaArr[i].Left}px`;
  99. if (actAreaArr[i].Right > actAreaArr[i].Bottom) {
  100. //横向,需要重新调整padding
  101. paddingStr = `padding: ${actAreaArr[i].Left}px 0px 0px ${orgHeight - actAreaArr[i].Bottom}px`;
  102. }
  103. offsetWidth = actAreaArr[i].Left + (pageWidth - actAreaArr[i].Right) - DFT_MARGIN;
  104. offsetHeight = actAreaArr[i].Top + (pageHeight - actAreaArr[i].Bottom) - DFT_MARGIN;
  105. if (orgPixelSize[0] > orgPixelSize[1]) {
  106. //横向强制改纵向(系统是以纵向为准),那么计算offset的方式会有所不同
  107. offsetWidth = actAreaArr[i].Top + (pageWidth - actAreaArr[i].Bottom) - DFT_MARGIN;
  108. //offsetHeight = actAreaArr[i].Left + (pageHeight - actAreaArr[i].Right) - (actAreaArr[i].Left - actAreaArr[i].Top) - DFT_MARGIN;
  109. //新方式下,没那么复杂了
  110. offsetHeight = actAreaArr[i].Left + (pageHeight - actAreaArr[i].Right) - DFT_MARGIN;
  111. }
  112. }
  113. // let div = $('<div class="pageBreak"></div>');
  114. let div = $(`<div class="pageBreak" style="${paddingStr}"></div>`);
  115. div.append($(svgArr[i].join("")));
  116. $(div).find("svg").each(function(cIdx,elementSvg){
  117. elementSvg.setAttribute('height', pageHeight - offsetHeight);
  118. elementSvg.setAttribute('width', pageWidth - offsetWidth);
  119. });
  120. $("body").append(div);
  121. }
  122. }
  123. function getActualArea(pageData) {
  124. let rst = [];
  125. for (let item of pageData.items) {
  126. let area = {Left: 10000, Right: 0, Top: 10000, Bottom: 0};
  127. for (let cell of item.cells) {
  128. if (cell.area.Left < area.Left) {
  129. area.Left = cell.area.Left;
  130. }
  131. if (cell.area.Right > area.Right) {
  132. area.Right = cell.area.Right;
  133. }
  134. if (cell.area.Top < area.Top) {
  135. area.Top = cell.area.Top;
  136. }
  137. if (cell.area.Bottom > area.Bottom) {
  138. area.Bottom = cell.area.Bottom;
  139. }
  140. }
  141. rst.push(area);
  142. }
  143. return rst;
  144. }
  145. function closing() {
  146. //
  147. }
  148. </SCRIPT>
  149. </html>