startPage.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>错误页-告警提示</title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  7. <link rel="stylesheet" type="text/css" href="css/errType.css" />
  8. <link rel="stylesheet" type="text/css" href="css/loading.css" />
  9. <link rel="stylesheet" type="text/css" href="css/non-ie-style.css" />
  10. <link rel="stylesheet" type="text/css" href="css/loading.css" />
  11. <style>
  12. .start_page .logo{
  13. height: 25px;
  14. margin: 10px 30px;
  15. padding: 13px 0px;
  16. }
  17. h3{
  18. font-family: PingFangSC-Semibold;
  19. font-size: 20px;
  20. color: #333333;
  21. letter-spacing: 0;
  22. font-weight: 600;
  23. text-align: center;
  24. margin-bottom: 18px;
  25. }
  26. .entity_list{
  27. padding: 15px 30px;
  28. height: 380px;
  29. overflow: auto;
  30. }
  31. .entity_list li{
  32. font-family: HYQiHei-EES;
  33. font-size: 14px;
  34. color: #555555;
  35. font-weight: 400;
  36. padding: 3px 0px;
  37. }
  38. .entity_list li:last-child{
  39. background: #D8D8D8;
  40. }
  41. .entity_list .warn{
  42. color: #ff9d58;
  43. }
  44. .entity_list .warn:last-child{
  45. color: #4D7BFE;
  46. background: #ff9d58;
  47. }
  48. .entity_list .error{
  49. color: #f4616c;
  50. }
  51. .entity_list .error:last-child{
  52. color: #333;
  53. background: #f4616c;
  54. }
  55. .entity_list::-webkit-scrollbar{
  56. width: 0;
  57. }
  58. .start_page .footer{
  59. display: flex;
  60. justify-content: space-between;
  61. padding: 0px 30px;
  62. }
  63. .start_page .footer button{
  64. font-family: HYQiHei-FES;
  65. font-size: 16px;
  66. color: #4D7BFE;
  67. letter-spacing: 0;
  68. text-align: center;
  69. font-weight: 500;
  70. }
  71. .start_page .footer ul li{
  72. font-family: HYQiHei-EES;
  73. font-size: 14px;
  74. color: #555555;
  75. text-align: right;
  76. font-weight: 400;
  77. }
  78. @media screen and (max-width:1300px) {
  79. .start_page{
  80. }
  81. }
  82. </style>
  83. </head>
  84. <body class="start_page">
  85. <div class="logo">
  86. <img height="100%" src="./images/logo_cmb.png" />
  87. </div>
  88. <h3 id="entityNum">正在启动(2/3)</h3>
  89. <ul class="entity_list" id="logList">
  90. <!-- <li>[-06-20 21:30:37] GUIConnsole 实体启动成功</li>-->
  91. </ul>
  92. <div class="footer">
  93. <button onclick="CloseLogSender()">退出</button>
  94. <ul>
  95. <li id="versionNo">V7.5.1.1</li>
  96. <li id="terminalNo">7555980183</li>
  97. <li id="env">-TESTver</li>
  98. </ul>
  99. </div>
  100. </body>
  101. <script type="text/javascript" src="js/common.js"></script>
  102. <script type="text/javascript" src="js/websocket.js"></script>
  103. <script type="text/javascript" src="js/webSocketBase.js"></script>
  104. <script type="text/javascript" src="js/entityMessage.js"></script>
  105. <script type="text/javascript" src="js/eventEmitter.js"></script>
  106. <script type="text/javascript" src="js/innerEventEmitter.js"></script>
  107. <script type="text/javascript" src="js/errorCodeEnum.js"></script>
  108. <script type="text/javascript" src="js/entityService.js"></script>
  109. <script type="text/javascript" src="Include/jQuery/js/jquery.min.js" ></script>
  110. <script>
  111. GUIConsoleService.init()
  112. GetBasicInformation()
  113. // 轮询查基础信息,日志启动数量/总数
  114. let timer= setInterval(() => {
  115. GetBasicInformation()
  116. }, 5000);
  117. function GetBasicInformation(){
  118. let req = new Request()
  119. req.reserved1 = 0;
  120. req.reserved2 = 0;
  121. req.reserved3 = '';
  122. GUIConsoleService.GetBasicInformation(req,function(ret){
  123. // console.log('GetBasicInformation---',ret)
  124. if(ret.errorCode===0){
  125. let data = JSON.parse(ret['{e12a3dc0-3a0b-47c4-a8c3-75190a42ae68}'])
  126. // console.log('GetBasicInformation---data',data)
  127. document.getElementById('entityNum').innerHTML = '正在启动('+data.Idle_entityNum+'/'+data.total_entityNum+')'
  128. document.getElementById('terminalNo').innerHTML = data.terminalNo
  129. document.getElementById('versionNo').innerHTML = 'V'+data.versionNo
  130. document.getElementById('env').innerHTML = '-'+data.Env
  131. }
  132. })
  133. }
  134. OpenLogSender()
  135. function OpenLogSender(){
  136. let req = new Request()
  137. req.LogType = 'Error';
  138. req.reserved2 = 0;
  139. req.reserved3 = '';
  140. GUIConsoleService.OpenLogSender(req,function(ret){
  141. console.log('OpenLogSender---',ret)
  142. })
  143. }
  144. //退出页面,关闭日志订阅;清除定时器
  145. function CloseLogSender(){
  146. clearInterval(timer)
  147. let req = new Request()
  148. req.reserved1 = 0;
  149. req.reserved2 = 0;
  150. req.reserved3 = '';
  151. GUIConsoleService.CloseLogSender(req,function(ret){
  152. console.log('CloseLogSender---',ret)
  153. })
  154. }
  155. let eventID = "showStatus";
  156. let thread = ''
  157. EventEmitter.subscribe('LogInfo', eventID, (evt)=> {
  158. console.log("LogInfo data:"+ evt['{e12a3dc0-3a0b-47c4-a8c3-75190a42ae68}']);
  159. let result = JSON.parse(evt['{e12a3dc0-3a0b-47c4-a8c3-75190a42ae68}'])
  160. if(result.LogType==='Error'||result.LogType==='Fault'){
  161. thread+='<li class="error">'+result.timeStr+' '+result.entityName+' '+result.message+'</li>'
  162. }
  163. else if(result.LogType==='Warn'){
  164. thread+='<li class="warn">'+result.timeStr+' '+result.entityName+' '+result.message+'</li>'
  165. }else{
  166. thread+='<li>'+result.timeStr+' '+result.entityName+' '+result.message+'</li>'
  167. }
  168. let logList = document.getElementById('logList')
  169. logList.innerHTML = thread
  170. // 最新的内容在可视窗口
  171. logList.scrollTop = logList.scrollHeight - logList.clientHeight
  172. });
  173. </script>
  174. </html>