pcacc
/
myvtm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219
							<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title id="pageTitle"></title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		<link rel="icon" type="images/x-icon" href="./images/favicon.ico"/>
		<link rel="stylesheet" type="text/css" href="css/errType.css" />
		<link rel="stylesheet" type="text/css" href="css/loading.css" />
		<link rel="stylesheet" type="text/css" href="css/non-ie-style.css" /> 
		<link rel="stylesheet" type="text/css" href="css/loading.css" />

		<style>
			.start_page .logo{
				height: 20px;
    			margin: 10px 30px;
				padding: 13px 0px;
			}
			h3{
				font-family: PingFangSC-Semibold;
				font-size: 20px;
				color: #333333;
				letter-spacing: 0;
				font-weight: 600;
				text-align: center;
				margin-bottom: 18px;
			}
			.entity_list{
				padding: 15px 30px;
				height: 750px;
				overflow: auto;
			}
			.entity_list li{
				font-family: HYQiHei-EES;
				font-size: 14px;
				color: #555555;
				font-weight: 400;
				padding: 3px 0px;
				
			}
			.entity_list li:last-child{
				background: #D8D8D8;
			}
			.entity_list .warn{
				color: #ff9d58;
			}
			.entity_list .warn:last-child{
				color: #4D7BFE;
				background: #ff9d58;
			}
			.entity_list .error{
				color: #fc0212;
			}
			.entity_list .error:last-child{
				color: #333;
				background: #f4616c;
			}
			.entity_list::-webkit-scrollbar{
				width: 0;
			}
			.start_page .footer{
				display: flex;
				justify-content: space-between;
				padding: 0px 30px;
			}
			.start_page .footer button{
				font-family: HYQiHei-FES;
				font-size: 16px;
				color: #4D7BFE;
				letter-spacing: 0;
				text-align: center;
				font-weight: 500;
			}
			.start_page .footer ul li{
				font-family: HYQiHei-EES;
				font-size: 14px;
				color: #555555;
				text-align: right;
				font-weight: 400;
			}
			
			@media screen and (max-width:1300px) {
				.entity_list{
					height: 860px;
				}
			}
			@media screen and (max-width:1000px) {
				.entity_list{
					height: 375px;
				}
			}
			.sub{
				font-family: HYQiHei-EES;
				font-size: 10px;
				color: #272727;
				font-weight: 400;
				margin-left: 6px;
			}
		</style>
	</head>
	<body class="start_page">
		<div class="logo">
			<img height="100%" src="./images/logo_cmb.png" />
			<span class="sub" id="deviceInfo"></span>
		</div>
		<h3 id="entityNum"></h3>
		<ul class="entity_list" id="logList">
			<!-- <li>[-06-20 21:30:37] GUIConnsole 实体启动成功</li>-->
		</ul>
	
		<div class="footer">
			<button onclick="CloseLogSender()">退出</button>
			<ul>
				<li id="versionNo"></li>
				<!-- <li id="terminalNo"></li> -->
				<li id="env"></li>
			</ul>
		</div>
	</body>
	<script type="text/javascript" src="js/common.js"></script>
	<script type="text/javascript" src="js/websocket.js"></script>
	<script type="text/javascript" src="js/webSocketBase.js"></script>
	<script type="text/javascript" src="js/entityMessage.js"></script>
	<script type="text/javascript" src="js/eventEmitter.js"></script>
	<script type="text/javascript" src="js/innerEventEmitter.js"></script>
	<script type="text/javascript" src="js/errorCodeEnum.js"></script>
	<script type="text/javascript" src="js/entityService.js"></script>
	<script type="text/javascript" src="Include/jQuery/js/jquery.min.js" ></script>
	<script>
		GUIConsoleService.init()
		GetBasicInformation()
		// 轮询查基础信息，日志启动数量/总数
		let timer= setInterval(() => {
			GetBasicInformation()
		}, 5000);
		function GetBasicInformation(){
			let req = new Request()
			req.reserved1 = 0;
			req.reserved2 = 0;
			req.reserved3 = '';
			GUIConsoleService.GetBasicInformation(req,function(ret){
				// console.log('GetBasicInformation---',ret)
				if(ret.errorCode===0){
					let data = JSON.parse(ret['{e12a3dc0-3a0b-47c4-a8c3-75190a42ae68}'])
					// console.log('GetBasicInformation---data',data)
					document.getElementById('entityNum').innerHTML = '正在启动（'+data.Idle_entityNum+'/'+data.total_entityNum+'）'
					// document.getElementById('terminalNo').innerHTML = data.terminalNo
					// document.getElementById('versionNo').innerHTML = 'V'+data.versionNo
					// document.getElementById('env').innerHTML = data.machineType+'-'+data.Env+'ver'
					document.getElementById('deviceInfo').innerHTML = data.machineType+'-'+data.Env+'ver.['+data.terminalNo+' V'+data.versionNo+']'
					document.getElementById('pageTitle').textContent ='.'// data.machineType+'-'+data.Env+'ver.['+data.terminalNo+' V'+data.versionNo+']'
				}
			})
		}

		OpenLogSender()
		function OpenLogSender(){
			let req = new Request()
			req.LogType = 'Ignore';
			req.reserved2 = 0;
			req.reserved3 = '';
			GUIConsoleService.OpenLogSender(req,function(ret){
				console.log('OpenLogSender---',ret)
			})
		}

		//退出页面，关闭日志订阅；清除定时器
		function CloseLogSender(){
			clearInterval(timer) 
			let req = new Request()
			req.reserved1 = 0;
			req.reserved2 = 0;
			req.reserved3 = '';
			console.log('CloseLogSender---req',req)
			GUIConsoleService.CloseLogSender(req,function(ret){
				console.log('CloseLogSender---',ret)
			})
			VTMSystemControl('ExitApp')
		}

		// 退出-退出整个应用
		function VTMSystemControl(rebootFun){
			let req = new Request()
			req.rebootFunction = rebootFun;
			req.reserved2 = 0;
			req.reserved3 = '';
			console.log('VTMSystemControl---req',req)
			GUIConsoleService.VTMSystemControl(req,function(ret){
				console.log('VTMSystemControl---',ret)
			})
		}

		let eventID = "showStatus";
		let thread = ''
		EventEmitter.subscribe('LogInfo', eventID, (evt)=> {
			console.log("LogInfo data:"+ evt['{e12a3dc0-3a0b-47c4-a8c3-75190a42ae68}']);
			let result = JSON.parse(evt['{e12a3dc0-3a0b-47c4-a8c3-75190a42ae68}'])
			if(result.LogType==='Error'||result.LogType==='Fault'){
				thread+='<li class="error">'+result.timeStr+' '+result.entityName+'  '+result.message+'</li>'
			}
			else if(result.LogType==='Warning'){
				thread+='<li class="warn">'+result.timeStr+' '+result.entityName+'  '+result.message+'</li>'
			}else{
				thread+='<li>'+result.timeStr+' '+result.entityName+'  '+result.message+'</li>'
			}
			let logList = document.getElementById('logList')
			logList.innerHTML = thread
			// 最新的内容在可视窗口
			logList.scrollTop = logList.scrollHeight - logList.clientHeight
		});
        
		window.addEventListener('BeforeUnload',function(e){
			console.log('BeforeUnload')
			e.preventDefault()
			CloseLogSender();
		})
	
	</script>
</html>