tangdehang
/
android-cloud-H5


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
	<title>双子星浏览器</title>
	<link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">
	<script src="../static/js/vender/vue/axios.min.js"></script>
	<script src="../static/js/vender/jquery-3.4.1.min.js"></script>
	<script src="../static/js/vender/vue/vue.min.js"></script>
	<link rel="stylesheet" href="../static/js/vender/toastr/toastr.min.css">
	<script src="../static/js/vender/toastr/toastr.min.js"></script>
	<link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">
	<script src="../static/js/vender/config.js"></script>
	<link rel="stylesheet" href="../static/css/browser.css">
	<script src="../static/js/vender/vue/config.js"></script>
    <script type="text/javascript">
        var deviveWidth = document.documentElement.clientWidth;
        document.documentElement.style.fontSize = deviveWidth / 7.5 + 'px';
    </script>
</head>
<body>
	<div class="container">
		<div class="logo-row">
			<img class="logo" src="../static/img/browser/logo.png" />
		</div>
		<div class="search-wrap">
			<img class="search-icon" id="search-icon" src="../static/img/browser/search-icon.png" />
			<form class="form" id="myform" action="javascript: void(0);">
				<input class="ipt" id="ipt" type="search" placeholder="搜索或输入网址" />
			</form>
		</div>
		<div class="tag-wrap" id="tag-wrap"></div>
	</div>
<script>
	toastr.options.positionClass = 'toast-center-center';
	toastr.options.timeOut = '1500';
</script>
<script type="text/javascript">
	document.addEventListener("visibilitychange",()=>{
		if(document.hidden){
			init();
		}else{
			init();
		}
	})
	const tagDom = document.getElementById("tag-wrap");
	let flag = true, timer=null;
	(function(){
		init();
	})();
	function init(){
		$.ajax({
				url: `${baseUrl}/api/public/v1/browserPlate/client/query`,
				type: 'get',
				contentType:"application/json",
				dataType: 'json',
				cache: false,
				success: function (res) {
					let list = res.data;
					let node = '';
					for(let i=0; i < list.length; i++){
						node += `<div class="tag-item" data-plateName="${list[i].plateName}" data-id="${list[i].id}">
									<img class="icon-row" data-plateName="${list[i].plateName}" data-id="${list[i].id}" src=${fileCenterApi}/document/newFile/download/0/${uploadKey}?fileKey=${list[i].iconImage} />
									<div class="icon-title" data-plateName="${list[i].plateName}" data-id="${list[i].id}">${list[i].plateName}</div>
									<img class="right-arrow" src="../static/img/browser/right-arrow.png" data-plateName="${list[i].plateName}" data-id="${list[i].id}" />
									<div class="right-arrow-heght"></div>
								</div>`
					}
					tagDom.innerHTML = node;
				}
		})
	};
	tagDom.addEventListener('click',(e)=>{
		let plateName = e.target.dataset.platename;
		let id = e.target.dataset.id;
		if(!id) {
			return
		}
		$.ajax({
			url: `${baseUrl}/api/public/v1/browserPlate/reportClickNum/${id}`,
			type: 'get',
			contentType:"application/json",
			dataType: 'json',
			cache: false,
			success: function (res) {
				if(res.status === 0){
					isGetStatus(id, plateName);
				} else {
					stopManyClick(() => {
						toastr.error(res.msg);
					})
				}
			}
		})
	},false);
	// 验证是否下架
	function isGetStatus(id, plateName) {
		$.ajax({
			url: `${baseUrl}/api/public/v1/browserPlate/getStatus/${id}`,
			type: 'get',
			contentType:"application/json",
			dataType: 'json',
			cache: false,
			success: function (res) {
				if(res.status === 0){
					location.href = `./browserDetail.html?plateName=${encodeURIComponent(plateName)}&plateId=${id}`;
				} else {
					stopManyClick(() => {
						toastr.error(res.msg);
					})
				}
			}
		})
	}
	//防止提示一秒内重复显示
	function stopManyClick(fn) {
		if (flag) {
			fn();
		}
		flag = false;
		if(timer){clearTimeout(timer);}
		timer = setTimeout(() => {flag = true}, 1500);
	}
	$("#myform").bind('search', searchFun);
	//点击按钮搜索
	const searchDom = document.getElementById("search-icon");
	searchDom.addEventListener('click',searchFun,false);
	function searchFun() {
		var key = document.getElementById("ipt").value;
		var wd = "https://www.baidu.com/s?wd=" + key;
		window.open(wd);
	}
	// input 监听回车事件
	$("#ipt").keydown(function (e){
		// 当 keyCode 是13时,是回车操作
	if (e.keyCode == 13){
		searchFun();
		// 取消之前的keydown事件
		e.preventDefault();
	}
	})
</script>
</body>
</html>