index.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <title>宿迁市交通运输局应急事件处置系统</title>
  8. <link rel="icon" href="./favicon.ico">
  9. <script>
  10. window.spuser = '<%- spuser %>'
  11. </script>
  12. <script src="./lib/jquery.js"></script>
  13. <script src="./lib/md5.js"></script>
  14. <script src="./lib/jsencrypt.min.js"></script>
  15. <!-- <script src="./flexible.js"></script> -->
  16. <script src="./login.js?time=2"></script>
  17. <script src="./webClient/defaultConfig.js?time=111"></script>
  18. <script src="./webClient/initWebSocket.js?time=111"></script>
  19. <script src="./webClient/webClient_initWnd.js?time=114"></script>
  20. <!-- <script src="../webClient/defaultConfig.js"></script>-->
  21. <!-- <script src="../webClient/initWebSocket.js"></script>-->
  22. <!-- <script src="../webClient/webClient_initWnd.js"></script>-->
  23. <script src="./js/common.js?time=1"></script>
  24. <script src="./meeting.js?time=1"></script>
  25. <script src="./js/videoplay.js?time=1"></script>
  26. <!-- <script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.g6-3.1.1/build/g6.js"></script> -->
  27. <link rel="stylesheet" href="<%- mapurl %>/minemapapi/v2.1.0/minemap.css">
  28. <script src="<%- mapurl %>/minemapapi/v2.1.0/minemap.js"></script>
  29. <script src="<%- mapurl %>/minemapapi/v2.1.0/plugins/turf/turf.min.js"></script>
  30. <script>
  31. minemap.domainUrl = '<%- mapurl %>';
  32. minemap.dataDomainUrl = '<%- mapurl %>';
  33. minemap.serverDomainUrl = '<%- mapurl %>';
  34. minemap.spriteUrl = '<%- mapurl %>/minemapapi/v2.1.0/sprite/sprite';
  35. minemap.serviceUrl = '<%- mapurl %>/service/';
  36. /**
  37. * key、solution设置
  38. */
  39. minemap.key = '<%- mapkey %>';
  40. minemap.solution = '<%- mapsolution %>';
  41. </script>
  42. <!-- <link rel="stylesheet" href="https://minedata.cn/minemapapi/v2.1.0/minemap.css" />
  43. <script src="https://minedata.cn/minemapapi/v2.1.0/minemap.js"></script>
  44. <script>
  45. minemap.domainUrl = 'https://minedata.cn';
  46. minemap.dataDomainUrl = 'https://minedata.cn';
  47. minemap.serverDomainUrl = 'https://minedata.cn';
  48. minemap.spriteUrl = 'https://minedata.cn/minemapapi/v2.1.0/sprite/sprite';
  49. minemap.serviceUrl = 'https://minedata.cn/service/';
  50. minemap.key = '77ef70465c2d4888b3a5132523494b94';
  51. minemap.solution = 16857;
  52. </script> -->
  53. <script>
  54. (function(win, lib) {
  55. var doc = win.document;
  56. var docEl = doc.documentElement;
  57. var metaEl = doc.querySelector('meta[name="viewport"]');
  58. var flexibleEl = doc.querySelector('meta[name="flexible"]');
  59. var dpr = 0;
  60. var scale = 0;
  61. var tid;
  62. function detectZoom() {
  63. let ratio = 0,
  64. screen = window.screen,
  65. ua = navigator.userAgent.toLowerCase();
  66. if (window.devicePixelRatio !== undefined) {
  67. ratio = window.devicePixelRatio;
  68. } else if (~ua.indexOf('msie')) {
  69. if (screen.deviceXDPI && screen.logicalXDPI) {
  70. ratio = screen.deviceXDPI / screen.logicalXDPI;
  71. }
  72. } else if (window.outerWidth !== undefined && window.innerWidth !== undefined) {
  73. ratio = window.outerWidth / window.innerWidth;
  74. }
  75. if (ratio) {
  76. ratio = Math.round(ratio * 100);
  77. }
  78. docEl.style.fontSize = (0.0014 * window.outerWidth + window.outerHeight * 0.328 - 10) + "px";
  79. return ratio;
  80. }
  81. function refreshRem() {
  82. const m = detectZoom();
  83. console.log(m, 'MMMMMMMMMMMMMMM')
  84. // document.body.style.zoom = 100 / Number(m);
  85. // docEl.style.fontSize = (m * 3) + "px";
  86. if (window.map != undefined) {
  87. map.resize();
  88. }
  89. }
  90. // window.onresize = () => {
  91. // // refreshRem()
  92. // }
  93. win.addEventListener(
  94. 'resize',
  95. function() {
  96. // debugger
  97. clearInterval(tid);
  98. // console.log("------------")
  99. tid = setInterval(refreshRem, 300);
  100. },
  101. false,
  102. );
  103. refreshRem();
  104. })(window, window['lib'] || (window['lib'] = {}));
  105. </script>
  106. </head>
  107. <body style="position: fixed;background-color: #112692;
  108. width: 100%;
  109. height: 100%;">
  110. <div id="app" style="height: 100%;"></div>
  111. <script type="module" src="/src/main.ts"></script>
  112. </body>
  113. </html>