month_report.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <!-- IIS Virtual Directory name -->
  5. <!--<base href="/JSViewer_MVC_Core/">-->
  6. <meta charset="utf-8">
  7. <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
  8. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  9. <meta name="theme-color" content="#000000">
  10. <title>JS Viewer</title>
  11. <link href="jsViewer.min.css" rel="stylesheet">
  12. <link href="index.css" rel="stylesheet">
  13. </head>
  14. <body onload="loadViewer()">
  15. <div style="width: 100%; overflow-x: hidden">
  16. <div id="viewerContainer">
  17. </div>
  18. </div>
  19. <script type="text/javascript" src="jsViewer.min.js"></script>
  20. <script type="text/javascript">
  21. var viewer;
  22. var reportID = 'test.rdlx';
  23. var query = {
  24. report: 'test.rdlx',
  25. year: 2020,
  26. month: 7,
  27. siteId: 101
  28. };
  29. if (location.search) {
  30. location.search.substring(1).split('&').forEach(function (part, idx) {
  31. if (!part) return;
  32. var items = part.split('=');
  33. var value = items.length > 1 ? items[1] : '';
  34. query[items[0]] = value;
  35. });
  36. }
  37. function loadViewer() {
  38. viewer = GrapeCity.ActiveReports.JSViewer.create({
  39. element: '#viewerContainer',
  40. reportID: query['report'] + '.rdlx',
  41. reportParameters: [
  42. { name: 'ApiUrl', values: [location.origin + '/api'] },
  43. { name: 'SiteId', values: [query['siteId']] },
  44. { name: 'Year', values: [query['year']] },
  45. { name: 'Month', values: [query['month']] },
  46. { name: 'DetailId', values: [query['detailId']] }
  47. ]
  48. });
  49. }
  50. function setActive(report) {
  51. let reportsList = document.getElementById("reportsList");
  52. let reports = reportsList.children;
  53. for (let i = 0; i < reports.length; i++) {
  54. reports[i].classList.remove('active');
  55. }
  56. report.classList.add('active');
  57. }
  58. </script>
  59. </body>
  60. </html>