index.html 4.8 KB

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