wimjiang
/
squi-HD


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254
							<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>交通运输应急指挥系统</title>
    <!-- <script src="./flexible.js"></script> -->
    <script src="./webClient/defaultConfig.js"></script>
    <script src="./webClient/initWebSocket.js"></script>
    <script src="./webClient/webClient_initWnd.js"></script>
    <script src="./lib/jquery.js"></script>
    <script src="./lib/md5.js"></script>
    <script src="./lib/jsencrypt.min.js"></script>

    <!--    <script src="../webClient/defaultConfig.js"></script>-->
    <!--    <script src="../webClient/initWebSocket.js"></script>-->
    <!--    <script src="../webClient/webClient_initWnd.js"></script>-->
    <script src="./js/common.js"></script>
    <script src="./login.js"></script>
    <script src="./meeting.js"></script>
    <script src="./js/videoplay.js"></script>

    <!-- <script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.g6-3.1.1/build/g6.js"></script> -->
    <link rel="stylesheet" href="<%- mapurl %>/minemapapi/v2.1.0/minemap.css">
    <script src="<%- mapurl %>/minemapapi/v2.1.0/minemap.js"></script>
    <script>
        minemap.domainUrl = '<%- mapurl %>';
        minemap.dataDomainUrl = '<%- mapurl %>';
        minemap.serverDomainUrl = '<%- mapurl %>';
        minemap.spriteUrl = '<%- mapurl %>/minemapapi/v2.1.0/sprite/sprite';
        minemap.serviceUrl = '<%- mapurl %>/service/';

        /**
         * key、solution设置
         */
        minemap.key = "d054b0f4433b42f1a28c1a97fbf8317d";
        minemap.solution = 12886;
    </script>


    <!-- <link rel="stylesheet" href="https://minedata.cn/minemapapi/v2.1.0/minemap.css" />
    <script src="https://minedata.cn/minemapapi/v2.1.0/minemap.js"></script>

    <script>
        minemap.domainUrl = 'https://minedata.cn';
        minemap.dataDomainUrl = 'https://minedata.cn';
        minemap.serverDomainUrl = 'https://minedata.cn';
        minemap.spriteUrl = 'https://minedata.cn/minemapapi/v2.1.0/sprite/sprite';
        minemap.serviceUrl = 'https://minedata.cn/service/';

        minemap.key = '77ef70465c2d4888b3a5132523494b94';
        minemap.solution = 16857;
    </script> -->
    <script>
        (function(win, lib) {
            var doc = win.document;
            var docEl = doc.documentElement;
            var metaEl = doc.querySelector('meta[name="viewport"]');
            var flexibleEl = doc.querySelector('meta[name="flexible"]');
            var dpr = 0;
            var scale = 0;
            var tid;
            // var flexible = lib.flexible || (lib.flexible = {});

            // if (metaEl) {
            //     console.warn('将根据已有的meta标签来设置缩放比例');
            //     var match = metaEl
            //         .getAttribute('content')
            //         .match(/initial\-scale=([\d\.]+)/);
            //     if (match) {
            //         scale = parseFloat(match[1]);
            //         dpr = parseInt(1 / scale);
            //     }
            // } else if (flexibleEl) {
            //     var content = flexibleEl.getAttribute('content');
            //     if (content) {
            //         var initialDpr = content.match(/initial\-dpr=([\d\.]+)/);
            //         var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/);
            //         if (initialDpr) {
            //             dpr = parseFloat(initialDpr[1]);
            //             scale = parseFloat((1 / dpr).toFixed(2));
            //         }
            //         if (maximumDpr) {
            //             dpr = parseFloat(maximumDpr[1]);
            //             scale = parseFloat((1 / dpr).toFixed(2));
            //         }
            //     }
            // }

            // if (!dpr && !scale) {
            //     var isAndroid = win.navigator.appVersion.match(/android/gi);
            //     var isIPhone = win.navigator.appVersion.match(/iphone/gi);
            //     var devicePixelRatio = win.devicePixelRatio;
            //     if (isIPhone) {
            //         // iOS下，对于2和3的屏，用2倍的方案，其余的用1倍方案
            //         if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
            //             dpr = 3;
            //         } else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)) {
            //             dpr = 2;
            //         } else {
            //             dpr = 1;
            //         }
            //     } else {
            //         // 其他设备下，仍旧使用1倍的方案
            //         dpr = 1;
            //     }
            //     scale = 1 / dpr;
            // }

            // docEl.setAttribute('data-dpr', dpr);
            // if (!metaEl) {
            //     metaEl = doc.createElement('meta');
            //     metaEl.setAttribute('name', 'viewport');
            //     metaEl.setAttribute(
            //         'content',
            //         'initial-scale=' +
            //         scale +
            //         ', maximum-scale=' +
            //         scale +
            //         ', minimum-scale=' +
            //         scale +
            //         ', user-scalable=no',
            //     );
            //     if (docEl.firstElementChild) {
            //         docEl.firstElementChild.appendChild(metaEl);
            //     } else {
            //         var wrap = doc.createElement('div');
            //         wrap.appendChild(metaEl);
            //         doc.write(wrap.innerHTML);
            //     }
            // }
            // var index = 0;
            function  detectZoom () {
		      let ratio = 0,
		        screen = window.screen,
		        ua = navigator.userAgent.toLowerCase();
		      if (window.devicePixelRatio !== undefined) {
		        ratio = window.devicePixelRatio;
		      } else if (~ua.indexOf('msie')) {
		        if (screen.deviceXDPI && screen.logicalXDPI) {
		          ratio = screen.deviceXDPI / screen.logicalXDPI;
		        }
		      } else if (window.outerWidth !== undefined && window.innerWidth !== undefined) {
		        ratio = window.outerWidth / window.innerWidth;
		      }
		      if (ratio) {
		        ratio = Math.round(ratio * 100);
		      }
		      return ratio;
		  }

            function refreshRem() {

                const m = detectZoom();
                console.log(m, 'MMMMMMMMMMMMMMM')
                document.body.style.zoom = 100/Number(m);
                if (window.map != undefined) {
                    map.resize();
                }
                // var docEl = doc.documentElement;
                // var width = docEl.getBoundingClientRect().width;
                // if (width / dpr > 5760) {
                //     width = 5760 * dpr;
                // }
                // var rem = width / 10;
                // docEl.style.fontSize = rem + 'px';
                // flexible.rem = win.rem = rem;
                // var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel");
                // var t = window.devicePixelRatio // 获取下载的缩放 125% -> 1.25    150% -> 1.5
                // console.log(t)
                // if (t != 1 && !isMac) { // 如果进行了缩放，也就是不是1
                //     setTimeout(() => {
                //         document.body.style.zoom = -0.005 * t + 0.76; // 就去修改页面的缩放比例，这个公式我自己算的，不准确，勉强。
                //         if (window.map != undefined) {
                //             map.resize();
                //         }
                //     }, 2 * 1000)
                // } else {
                //     document.body.style.zoom = 1;
                // }


            }
            // window.onresize = () => {

            //     // refreshRem()
            // }

            win.addEventListener(
                'resize',
                function() {
                    // debugger
                    clearTimeout(tid);
                    tid = setTimeout(refreshRem, 300);


                },
                false,
            );
            // win.addEventListener(
            //     'pageshow',
            //     function(e) {
            //         if (e.persisted) {
            //             clearTimeout(tid);
            //             tid = setTimeout(refreshRem, 300);
            //         }
            //     },
            //     false,
            // );

            // if (doc.readyState === 'complete') {
            //     doc.body.style.fontSize = 12 * dpr + 'px';
            // } else {
            //     doc.addEventListener(
            //         'DOMContentLoaded',
            //         function(e) {
            //             doc.body.style.fontSize = 12 * dpr + 'px';
            //         },
            //         false,
            //     );
            // }

            refreshRem();

            // flexible.dpr = win.dpr = dpr;
            // flexible.refreshRem = refreshRem;
            // flexible.rem2px = function(d) {
            //     var val = parseFloat(d) * this.rem;
            //     if (typeof d === 'string' && d.match(/rem$/)) {
            //         val += 'px';
            //     }
            //     return val;
            // };
            // flexible.px2rem = function(d) {
            //     var val = parseFloat(d) / this.rem;
            //     if (typeof d === 'string' && d.match(/px$/)) {
            //         val += 'rem';
            //     }
            //     return val;
            // };
        })(window, window['lib'] || (window['lib'] = {}));
    </script>
</head>

<body style="position: fixed;background-color: #112692;
    width: 100%;
    height: 100%;">
    <div id="app" style="height: 100%;"></div>
    <script type="module" src="/src/main.ts"></script>
</body>

</html>