wukai
/
dayun-ui


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
							<html lang="en">
	<head>
		<meta charset="UTF-8" />
        <style>
           .nav{
            width: 100%;
           }
           .map{
            width: 100%;
            border: 1px solid #ccc;
            border-radius: 3px;
           }
           .nav_isMobile{
             height: 14vh;
             font-size: 24px;
           }
           .nav_isMobile>div{
             margin-left: 50%;
             margin-top: 10px;
             transform: translateX(-25%);
           }
           .nav_isMobile .label{
                color: #999;
                font-size: 30px;
            }
            .nav_isMobile .value{
                color: #000;
            }

           .nav_isPc{
            height: 8vh;
            font-size: 14px;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: space-around;
           }
           .nav_isPc .label{
            color: #999;
            margin-right: 5px;
           }
           .nav_isPc .value{
            color: #000;
           }
        </style>
		<script>
            var isMobile=false
            if (/Mobi|Android|iPhone/i.test(navigator.userAgent)) {
                // 当前设备是移动设备
                isMobile=true
            }       
			window.onload = function() {
                if(isMobile) {
                    document.getElementById('ispc').remove()
                }else{
                    document.getElementById('ismobile').remove()
                }
				var ifm = document.getElementById("iframe");
                ifm.height = window.innerHeight-document.getElementsByClassName('nav')[0].clientHeight-30+"px";
				let data = getQueryString("data");
                let dataShow =JSON.parse(decodeURIComponent(data))
                console.log('dataShow', dataShow)
                // var typeshow = document.getElementById("type");
                // typeshow.innerText=dataShow.type||''
                var nameshow = document.getElementById("name");
                nameshow.innerText=dataShow.name||''
                var macshow = document.getElementById("mac");
                macshow.innerText=dataShow.mac||''
                var keywordshow = document.getElementById("keyword");
                keywordshow.innerText=dataShow.keyword||''
                var timeshow = document.getElementById("time");
                timeshow.innerText=dataShow.time.replace(/\+/gi, ' ');
                data=JSON.parse(decodeURIComponent(data))
                var url="http://api.map.baidu.com/marker?location=" + data.lat + "," + data.lng + "&title=恶意" +  data.type + "&content=MAC地址(" +  data.mac + ")&output=html"
                console.log(url,'sds');				
                ifm.src=url;
			}
			function getQueryString(name) {
				var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
				var r = window.location.search.substr(1).match(reg); // window.lcation.search 也可以替换成任何想获得参数的 url
				if (r != null) {
					return r[2];
				}
				return null;
			}
		</script>
		<title></title>
		<!--preload-links-->
		<!--app-context-->
	</head>
	<body>
        <div id="ispc" class="nav nav_isPc">
            <!-- <div><span class="label" style="margin-right:0">恶意</span><span id="type" class="value"></span></div> -->
            <div><span class="label">名称:</span><span id="name" class="value"></span></div>
            <div><span class="label">MAC地址:</span><span id="mac" class="value"></span></div>
            <div><span class="label">恶意类型:</span><span id="keyword" class="value"></span></div>
            <div><span class="label">采集时间:</span><span id="time" class="value">2023-07-10 12:34:45</span></div>
        </div>
        <div id="ismobile" class="nav nav_isMobile">
            <!-- <div><span class="label" style="margin-right:0">恶意</span><span id="type" class="value"></span></div> -->
            <div><span class="label">名称:</span><span id="name" class="value"></span></div>
            <div><span class="label">MAC地址:</span><span id="mac" class="value"></span></div>
            <div><span class="label">恶意类型:</span><span id="keyword" class="value">手动阀沙发</span></div>
            <div><span class="label">采集时间:</span><span id="time" class="value">2023-07-10 12:34:45</span></div>
        </div>
		<!-- <div id="app" style="height:100px;">app-html</div> -->
		<iframe id="iframe" name="iframe"  class="map"
			src=""></iframe>
	</body>
</html>
<script language="javascript">

</script>