rpt_print.html 4.1 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. </style>
  17. <style type="text/css">
  18. svg{
  19. width: 1122px;
  20. height: 1122px;
  21. }
  22. </style>
  23. <script type="text/javascript" src="/web/building_saas/report/js/jpc_output_value_define.js"></script>
  24. <body onload="loading()" onbeforeunload="closing()">
  25. </body>
  26. <script src="/lib/jquery/jquery-3.2.1.min.js"></script>
  27. <script type="text/javascript" src="/web/building_saas/report/js/jpc_output.js"></script>
  28. <script type="text/javascript" src="/web/building_saas/report/js/rpt_print.js"></script>
  29. <SCRIPT type="text/javascript">
  30. let canvasArr = [];
  31. function loading() {
  32. if (sessionStorage.currentPageData) {
  33. let pageData = JSON.parse(sessionStorage.currentPageData);
  34. // let scaleFactor = parseInt(sessionStorage.scaleFactor);
  35. let scaleFactor = 1;
  36. $(document).attr("title", pageData[JV.NODE_PAGE_INFO][JV.NODE_MAIN_INFO_RPT_NAME]);
  37. let orgHeight = 793, orgWidth = 1122;
  38. let pageHeight = orgHeight * scaleFactor, pageWidth = orgWidth * scaleFactor;
  39. if (sessionStorage.pageSize === 'A3') {
  40. pageHeight = orgWidth * scaleFactor;
  41. pageWidth = orgHeight * 2 * scaleFactor;
  42. orgHeight = 1122;
  43. orgWidth = 793 * 2;
  44. } else if (sessionStorage.pageSize === '自定义') {
  45. //自定义
  46. }
  47. if (sessionStorage.orientation === "纵向") {
  48. let tmpInt = pageHeight;
  49. pageHeight = pageWidth;
  50. pageWidth = tmpInt;
  51. tmpInt = orgWidth;
  52. orgWidth = orgHeight;
  53. orgHeight = tmpInt;
  54. }
  55. // for (let i = 0; i < pageData.items.length; i++) {
  56. // let div = $('<div class="pageBreak"><canvas width="' + pageWidth + '" height="' + pageHeight + '"></canvas></div>');
  57. // $("body").append(div);
  58. // }
  59. // $(document.body).find("div").each(function(index,element){
  60. // $(element).find("canvas").each(function(cIdx,elementCanvas){
  61. // canvasArr.push(elementCanvas);
  62. // });
  63. // });
  64. // JpcCanvasOutput.scaleFactor = scaleFactor;
  65. // JpcCanvasOutput.resetFonts(pageData[JV.NODE_FONT_COLLECTION]);
  66. // for (let i = 0; i < canvasArr.length; i++) {
  67. // JpcCanvasOutput.offsetX = -30;
  68. // JpcCanvasOutput.offsetY = -30;
  69. // JpcCanvasOutput.drawToCanvas(pageData, canvasArr[i], i+1);
  70. // }
  71. // let imgDataArr = [];
  72. // for (let canvas of canvasArr) {
  73. // imgDataArr.push(canvas.toDataURL());
  74. // }
  75. // let imgIdx = 0;
  76. // $(document.body).find("div").each(function(index,element){
  77. // let img = document.createElement('img');
  78. // img.src = imgDataArr[imgIdx];
  79. // img.height = orgHeight;
  80. // img.width = orgWidth;
  81. // imgIdx++;
  82. // element.appendChild(img);
  83. // $(element).find("canvas").each(function(cIdx,elementCanvas){
  84. // elementCanvas.style.display = "none";
  85. // });
  86. // });
  87. let svgArr = rptPrintHelper.buildSvgArr(pageData, -30, -30);
  88. for (let i = 0; i < pageData.items.length; i++) {
  89. let div = $('<div class="pageBreak"></div>');
  90. // console.log()
  91. // div.append(svgArr[i]);
  92. div.append($(svgArr[i].join("")));
  93. $("body").append(div);
  94. }
  95. window.print();
  96. //document.execCommand("print");
  97. } else {
  98. //alert("没有报表数据!");
  99. }
  100. }
  101. function closing() {
  102. //
  103. }
  104. </SCRIPT>
  105. </html>