123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231 |
- <!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>
- html{
- box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.5);
- }
- .start_page .logo{
- height: 25px;
- margin: 10px 30px;
- padding: 10px 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: 800px;
- overflow: auto;
- }
- .entity_list li{
- font-family: HYQiHei-EES;
- font-size: 14px;
- color: #555555;
- font-weight: 400;
- padding: 3px 0px;
- word-break: break-all;
- }
- .entity_list li:last-child{
- background: #D8D8D8;
- }
- .entity_list .warn{
- color: #ff9d58;
- }
- .entity_list .warn:last-child{
- color: #4D7BFE;
- background: #f1bc96;
- }
- .entity_list .error{
- color: #fc0212;
- }
- .entity_list .error:last-child{
- color: #333;
- background: #fa9299;
- }
- .entity_list::-webkit-scrollbar{
- width: 0;
- }
- .start_page .footer{
- display: flex;
- justify-content: space-between;
- padding: 5px 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;
- }
- .sub{
- display: none;
- font-family: HYQiHei-EES;
- font-size: 10px;
- color: #272727;
- height: 35px;
- line-height: 35px;
- font-weight: 400;
- text-align: center;
- box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
- }
- @media screen and (max-width:1300px) {
- .entity_list{
- height: 790px;
- }
- }
- @media screen and (max-width:1000px) {
- .entity_list{
- height: 430px;
- }
- }
-
- </style>
- </head>
- <body class="start_page">
- <p class="sub" id="deviceInfo"></p>
- <div class="logo">
- <img height="100%" src="./images/logo_cmb.png" />
- </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){
- if(ret.errorCode===0){
- let data = JSON.parse(ret['{e12a3dc0-3a0b-47c4-a8c3-75190a42ae68}'])
- document.getElementById('entityNum').innerHTML = '正在启动('+data.Idle_entityNum+'/'+data.total_entityNum+')'
- // WIN标题栏
- let env = data.Env!=='PRD'?'-'+data.Env+'ver.' :' '
- if(navigator.userAgent.toLowerCase().indexOf('windows')>-1){
- $('#deviceInfo').show()
- $('#logList').css({height:'375px'})
- document.getElementById('deviceInfo').innerHTML = data.machineType+env+'['+data.terminalNo+' V'+data.versionNo+']'
- }else{
- // UOS标题栏
- document.getElementById('pageTitle').textContent = data.machineType+env+'['+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'&&(result.logLevel===2||result.logLevel===3)){
- 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>
|