rpt_print.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  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><script type="text/javascript" src="/web/building_saas/report/js/jpc_output_value_define.js"></script>
  17. <body onload="loading()" onbeforeunload="closing()">
  18. </body>
  19. <script src="/lib/jquery/jquery-3.2.1.min.js"></script>
  20. <script type="text/javascript" src="/web/building_saas/report/js/jpc_output.js"></script>
  21. <SCRIPT type="text/javascript">
  22. let canvasArr = [];
  23. function loading() {
  24. if (sessionStorage.currentPageData) {
  25. let pageData = JSON.parse(sessionStorage.currentPageData);
  26. $(document).attr("title", pageData[JV.NODE_PAGE_INFO][JV.NODE_MAIN_INFO_RPT_NAME]);
  27. let pageHeight = 793, pageWidth = 1122;
  28. if (sessionStorage.pageSize === 'A3') {
  29. pageHeight = 1122;
  30. pageWidth = 793 * 2;
  31. } else if (sessionStorage.pageSize === '自定义') {
  32. //自定义
  33. }
  34. if (sessionStorage.orientation === "纵向") {
  35. let tmpInt = pageHeight;
  36. pageHeight = pageWidth;
  37. pageWidth = tmpInt;
  38. }
  39. for (let i = 0; i < pageData.items.length; i++) {
  40. let div = $('<div class="pageBreak"><canvas width="' + pageWidth + '" height="' + pageHeight + '"></canvas></div>');
  41. $("body").append(div);
  42. }
  43. $(document.body).find("div").each(function(index,element){
  44. $(element).find("canvas").each(function(cIdx,elementCanvas){
  45. canvasArr.push(elementCanvas);
  46. });
  47. });
  48. for (let i = 0; i < canvasArr.length; i++) {
  49. JpcCanvasOutput.offsetX = -10;
  50. JpcCanvasOutput.offsetY = -20;
  51. JpcCanvasOutput.drawToCanvas(pageData, canvasArr[i], i+1);
  52. }
  53. window.print();
  54. //document.execCommand("print");
  55. } else {
  56. //alert("没有报表数据!");
  57. }
  58. }
  59. function closing() {
  60. //
  61. }
  62. </SCRIPT>
  63. </html>