rpt_print.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <!DOCTYPE html>
  2. <html lang="en">
  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. function loading() {
  41. if (sessionStorage.multiRptsData) {
  42. let multiRptData = JSON.parse(sessionStorage.multiRptsData);
  43. let scaleFactor = parseInt(sessionStorage.scaleFactor);
  44. let svgArr = [];
  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. svgArr = svgArr.concat(rptPrintHelper.buildSvgArr(pageData, -30, -30));
  51. }
  52. showPreviewData(svgArr, scaleFactor, sessionStorage.pageSize, sessionStorage.orientation);
  53. window.print();
  54. } else if (sessionStorage.currentPageData) {
  55. let pageData = JSON.parse(sessionStorage.currentPageData);
  56. let scaleFactor = parseInt(sessionStorage.scaleFactor);
  57. let svgArr = rptPrintHelper.buildSvgArr(pageData, -30, -30);
  58. $(document).attr("title", pageData[JV.NODE_PAGE_INFO][JV.NODE_MAIN_INFO_RPT_NAME]);
  59. showPreviewData(svgArr, scaleFactor, sessionStorage.pageSize, sessionStorage.orientation);
  60. window.print();
  61. } else if (sessionStorage.currentPageSvgData) {
  62. let svgArr = JSON.parse(sessionStorage.currentPageSvgData);
  63. let scaleFactor = 1;
  64. showPreviewData(svgArr, scaleFactor, sessionStorage.pageSize, sessionStorage.orientation);
  65. window.print();
  66. } else {
  67. //alert("没有报表数据!");
  68. }
  69. }
  70. function showPreviewData(svgArr, scaleFactor, pageSize, orientation) {
  71. let orgHeight = 793, orgWidth = 1122;
  72. let pageHeight = orgHeight * scaleFactor, pageWidth = orgWidth * scaleFactor;
  73. if (pageSize === 'A3') {
  74. pageHeight = orgWidth * scaleFactor;
  75. pageWidth = orgHeight * 2 * scaleFactor;
  76. orgHeight = 1122;
  77. orgWidth = 793 * 2;
  78. } else if (pageSize === '自定义') {
  79. //自定义
  80. }
  81. if (orientation === "纵向") {
  82. let tmpInt = pageHeight;
  83. pageHeight = pageWidth;
  84. pageWidth = tmpInt;
  85. tmpInt = orgWidth;
  86. orgWidth = orgHeight;
  87. orgHeight = tmpInt;
  88. }
  89. for (let i = 0; i < svgArr.length; i++) {
  90. let div = $('<div class="pageBreak"></div>');
  91. div.append($(svgArr[i].join("")));
  92. $("body").append(div);
  93. }
  94. $(document.body).find("div").each(function(index,element){
  95. $(element).find("svg").each(function(cIdx,elementSvg){
  96. elementSvg.setAttribute('height', pageHeight);
  97. elementSvg.setAttribute('width', pageWidth);
  98. });
  99. });
  100. }
  101. function closing() {
  102. //
  103. }
  104. </SCRIPT>
  105. </html>