showStatus.html 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. .logo1,.logo2,.logo3{
  5. float: right;
  6. }
  7. </style>
  8. <script>
  9. UpgradeStatus = 0;
  10. isDownloading = false;
  11. connetType = 2;
  12. isPad = false;
  13. </script>
  14. </head>
  15. <body>
  16. <div class="logo3" style="position: relative; " onselectstart="return false;">
  17. <img src="./terminalstatus/battery-back.png" id="battery" height="32px" style=" visibility:hidden; margin-right:80px; margin-top:-9px;"/></img>
  18. <font id="backcolor" size="1" style="position: absolute; top: 7; right:64; background: #c9c7c7e9; transform: scale(0.8);"></font>
  19. <font id="bt" size="1" style="position: absolute; top: -1; left: 2; transform: scale(0.85);" color="black"></font>
  20. </div>
  21. <div class="logo2" onselectstart="return false;">
  22. <img src="./terminalstatus/netline-connected.png" id="net" height="40px" style=" visibility:hidden; margin-right:20px; margin-top:-13px;"/>
  23. </div>
  24. <!-- <div class="logo1">
  25. <img src="./images/update.png" id="img3" width="30" style="margin-right:20px;"/>
  26. </div> -->
  27. <div class="logo1" style="position: relative;" onselectstart="return false;">
  28. <img src="./terminalstatus/download.png" id="upgrade" height="40px" style=" visibility:hidden; margin-right:20px; margin-top:-13px;"/>
  29. <font size="1" id="downloadprogress" style="position: absolute; top: -2.6; left: -2; transform: scale(0.72); background: #fdfdfd; border:1px solid rgb(255, 255, 255); border-radius: 100%" color="black" ></font>
  30. <!-- 图片覆盖 -->
  31. <!-- <img src="./images/update.png" id="img3" width="30" style="position: absolute; top: 0; left: 0; "/>
  32. <img src="./images/wifi.png" id="img3" width="30" style="position: absolute; top: 0; left: 0; "/> -->
  33. </div>
  34. </body>
  35. <script type="text/javascript" src="js/common.js"></script>
  36. <script type="text/javascript" src="js/websocket.js"></script>
  37. <script type="text/javascript" src="js/webSocketBase.js"></script>
  38. <script type="text/javascript" src="js/entityMessage.js"></script>
  39. <script type="text/javascript" src="js/eventEmitter.js"></script>
  40. <script type="text/javascript" src="js/innerEventEmitter.js"></script>
  41. <script type="text/javascript" src="js/errorCodeEnum.js"></script>
  42. <script type="text/javascript" src="js/entityService.js"></script>
  43. <script type="text/javascript" src="Include/jQuery/js/jquery.min.js" ></script>
  44. <script type="text/javascript" src="js/initPsd.js"></script>
  45. <script>
  46. var eventID="showStatus";
  47. window.onload=function(){
  48. ResourceWatcherService.init();
  49. UpgradeMgrService.init();
  50. EventEmitter.subscribe('BatteryStatus', eventID, (evt)=> {
  51. console.log("ResourcewatcherBroadcast:"+ JSON.stringify(evt));
  52. document.getElementById("bt").innerHTML= evt.reversed1; //电量剩余
  53. if(evt.reversed1 == 100)
  54. {
  55. document.getElementById("bt").style="position: absolute; top: -1; left: 2; scale(0.8);"
  56. }
  57. else
  58. {
  59. document.getElementById("bt").style="position: absolute; top: -1; left: 7; scale(0.8);"
  60. document.getElementById("bt").color="black"
  61. }
  62. //if(evt.status == 0 || evt.status == 1 || evt.status == 2 || evt.status == 4)
  63. if(evt.status == 0)
  64. {
  65. if(evt.reversed1 <= 100 && evt.reversed1 > 90)
  66. {
  67. changeBatteryImg100();
  68. }
  69. else if(evt.reversed1 <= 90 && evt.reversed1 > 80)
  70. {
  71. changeBatteryImg90();
  72. }
  73. else if(evt.reversed1 <= 80 && evt.reversed1 > 70)
  74. {
  75. changeBatteryImg80();
  76. }
  77. else if(evt.reversed1 <= 70 && evt.reversed1 > 60)
  78. {
  79. changeBatteryImg70();
  80. }
  81. else if(evt.reversed1 <= 60 && evt.reversed1 > 50)
  82. {
  83. changeBatteryImg60();
  84. }
  85. else if(evt.reversed1 <= 50 && evt.reversed1 > 40)
  86. {
  87. changeBatteryImg50();
  88. }
  89. else if(evt.reversed1 <= 40 && evt.reversed1 > 30)
  90. {
  91. changeBatteryImg40();
  92. }
  93. else if(evt.reversed1 <= 30 && evt.reversed1 > 20)
  94. {
  95. changeBatteryImg30();
  96. }
  97. else if(evt.reversed1 == 20)
  98. {
  99. changeBatteryImg20();
  100. }
  101. else if(evt.reversed1 < 20)
  102. {
  103. changeBatteryImg10();
  104. document.getElementById("bt").color = "red"; //电量剩余
  105. }
  106. }
  107. //else if((evt.status == 8 || evt.status == 9 || evt.status == 10 || evt.status == 12) && (evt.reversed1 >= 20) )
  108. else if((evt.status == 1) && (evt.reversed1 >= 20) )
  109. {
  110. //img3.src="./images/battery_charging.png";
  111. battery.src="./terminalstatus/battery-charging.png";
  112. document.getElementById("backcolor").innerHTML= ""; //10%
  113. document.getElementById("bt").innerHTML= ""; //10%
  114. }
  115. //else if((evt.status == 8 || evt.status == 9 || evt.status == 10 || evt.status == 12) && (evt.reversed1 < 20) )
  116. else if((evt.status == 1) && (evt.reversed1 < 20) )
  117. {
  118. //img3.src="./images/battery_charging.png";
  119. battery.src="./terminalstatus/lowbattery-charging.png";
  120. document.getElementById("backcolor").innerHTML= ""; //10%
  121. document.getElementById("bt").innerHTML= "";
  122. }
  123. else
  124. {
  125. battery.src="./terminalstatus/battery-back.png";
  126. document.getElementById("backcolor").innerHTML= ""; //默认
  127. }
  128. });
  129. EventEmitter.subscribe('NetStatus', eventID, (evt)=> {
  130. console.log("ResourcewatcherBroadcast:"+ JSON.stringify(evt));
  131. if(evt.status == 1 || evt.status == 0){
  132. //document.getElementById("urlAccessAddr").innerHTML= ret.HostUrl;
  133. switch (connetType) {
  134. case 2: net.src="./terminalstatus/netline-disconnected.png"; break;
  135. case 3: net.src="./terminalstatus/WI-FI-disconnected.png"; break;
  136. case 4: net.src="./terminalstatus/mobile-disconnected.png"; break;
  137. default: break;
  138. }
  139. }
  140. else if(evt.status == 2)
  141. {
  142. net.src="./terminalstatus/netline-connected.png";
  143. connetType = 2;
  144. }
  145. else if( evt.status == 3)
  146. {
  147. net.src="./terminalstatus/WI-FI-connected.png";
  148. connetType = 3;
  149. }
  150. else if( evt.status == 4)
  151. {
  152. net.src="./terminalstatus/mobile-connected.png";
  153. connetType = 4;
  154. }
  155. });
  156. EventEmitter.subscribe('UpgradeStateEvent', eventID, (evt)=> {
  157. console.log("UpgradeMgrBroadcast:"+ JSON.stringify(evt));
  158. // document.getElementById("t1").style="background:rgb(255, 240, 192); border:1px solid rgb(22, 21, 21); border-radius: 8%";
  159. if(evt.cInstallState == 85) //下载中 'U'= 85
  160. {
  161. UpgradeStatus = 85;
  162. }
  163. else if(evt.cInstallState == 73) // 'I'=73
  164. {
  165. UpgradeStatus = 73;
  166. //isDownloading = false;
  167. upgrade.src="./terminalstatus/install.png";
  168. document.getElementById("upgrade").style= "margin-right:20px; margin-top:-13px;";
  169. document.getElementById("downloadprogress").innerHTML= "";
  170. }
  171. else if(evt.cInstallState == 83) // 'S'=83
  172. {
  173. UpgradeStatus = 83;
  174. //isDownloading = false;
  175. upgrade.src="./terminalstatus/switch.png";
  176. document.getElementById("upgrade").style= "margin-right:20px; margin-top:-13px;";
  177. document.getElementById("downloadprogress").innerHTML= "";
  178. }
  179. else
  180. {
  181. UpgradeStatus = 0;
  182. //isDownloading = false;
  183. upgrade.src="./terminalstatus/download.png";
  184. document.getElementById("upgrade").style= "visibility:hidden; margin-right:20px; margin-top:-13px;";
  185. document.getElementById("downloadprogress").innerHTML= "";
  186. }
  187. });
  188. EventEmitter.subscribe('UpgradeDownloadProgress', eventID, (evt)=> {
  189. console.log("UpgradeMgrBroadcast:"+ JSON.stringify(evt));
  190. if(evt) //下载中
  191. {
  192. upgrade.src="./terminalstatus/downloading.png";
  193. document.getElementById("upgrade").style= "margin-right:20px; margin-top:-13px;";
  194. if(evt.progress==100)
  195. {
  196. document.getElementById("downloadprogress").innerHTML= evt.progress;
  197. }
  198. else
  199. {
  200. if(evt.progress<10)
  201. {
  202. document.getElementById("downloadprogress").style= "position: absolute; top: -2.6; left: 1; transform: scale(0.72); background: #fdfdfd; border:1px solid rgb(255, 255, 255); border-radius: 100%";
  203. }
  204. else
  205. {
  206. document.getElementById("downloadprogress").style= "position: absolute; top: -2.6; left: -2; transform: scale(0.72); background: #fdfdfd; border:1px solid rgb(255, 255, 255); border-radius: 100%"
  207. }
  208. document.getElementById("downloadprogress").innerHTML= evt.progress +"%";
  209. }
  210. }
  211. });
  212. }
  213. </script>
  214. <script>
  215. let req = new Request();
  216. req.type = 4;
  217. HealthManagerService.QueryHardwareInfo(req, function(ret) {
  218. //logEvent("GetAccessUrl ret: "+JSON.stringify(ret));
  219. console.log("QueryHardwareInfo ret: "+JSON.stringify(ret));
  220. if(ret.machineType != "RVC.PAD"){
  221. document.getElementById("battery").style= "display:none;";
  222. document.getElementById("net").style= "margin-right:80px; margin-top:-13px;";
  223. }
  224. else
  225. {
  226. document.getElementById("battery").style= "margin-right:80px; margin-top:-9px;";
  227. document.getElementById("net").style= "margin-right:20px; margin-top:-13px;";
  228. isPad = true;
  229. let req3 = new Request();
  230. req3.type = 18;
  231. ResourceWatcherService.CheckBatteryStatus(req3, function(ret3) {
  232. //logEvent("GetAccessUrl ret: "+JSON.stringify(ret));
  233. console.log("CheckBatteryStatus ret: "+JSON.stringify(ret3));
  234. document.getElementById("bt").innerHTML= ret3.percent; //电量剩余
  235. if(ret3.percent == 100)
  236. {
  237. document.getElementById("bt").style="position: absolute; top: -1; left: 2; scale(0.8);"
  238. }
  239. else
  240. {
  241. document.getElementById("bt").style="position: absolute; top: -1; left: 7; scale(0.8);"
  242. document.getElementById("bt").color="black"
  243. }
  244. //if(ret3.status == 0 || ret3.status == 1 || ret3.status == 2 || ret3.status == 4)
  245. if(ret3.status == 0)
  246. {
  247. if(ret3.percent <= 100 && ret3.percent > 90)
  248. {
  249. changeBatteryImg100();
  250. }
  251. else if(ret3.percent <= 90 && ret3.percent > 80)
  252. {
  253. changeBatteryImg90();
  254. }
  255. else if(ret3.percent <= 80 && ret3.percent > 70)
  256. {
  257. changeBatteryImg80();
  258. }
  259. else if(ret3.percent <= 70 && ret3.percent > 60)
  260. {
  261. changeBatteryImg70();
  262. }
  263. else if(ret3.percent <= 60 && ret3.percent > 50)
  264. {
  265. changeBatteryImg60();
  266. }
  267. else if(ret3.percent <= 50 && ret3.percent > 40)
  268. {
  269. changeBatteryImg50();
  270. }
  271. else if(ret3.percent <= 40 && ret3.percent > 30)
  272. {
  273. changeBatteryImg40();
  274. }
  275. else if(ret3.percent <= 30 && ret3.percent > 20)
  276. {
  277. changeBatteryImg30();
  278. }
  279. else if(ret3.percent == 20)
  280. {
  281. changeBatteryImg20();
  282. }
  283. else if(ret3.percent < 20)
  284. {
  285. changeBatteryImg10();
  286. document.getElementById("bt").color = "red"; //电量剩余
  287. }
  288. }
  289. //else if((ret3.status == 8 || ret3.status == 9 || ret3.status == 10 || ret3.status == 12) && (ret3.percent >= 20) )
  290. else if((ret3.status == 1) && (ret3.percent >= 20) )
  291. {
  292. //img3.src="./images/battery_charging.png";
  293. battery.src="./terminalstatus/battery-charging.png";
  294. document.getElementById("backcolor").innerHTML= ""; //10%
  295. document.getElementById("bt").innerHTML= ""; //10%
  296. }
  297. //else if((ret3.status == 8 || ret3.status == 9 || ret3.status == 10 || ret3.status == 12) && (ret3.percent < 20) )
  298. else if((ret3.status == 1) && (ret3.percent < 20) )
  299. {
  300. //img3.src="./images/battery_charging.png";
  301. battery.src="./terminalstatus/lowbattery-charging.png";
  302. document.getElementById("backcolor").innerHTML= ""; //10%
  303. document.getElementById("bt").innerHTML= "";
  304. }
  305. else
  306. {
  307. battery.src="./terminalstatus/battery-back.png";
  308. document.getElementById("backcolor").innerHTML= ""; //默认
  309. }
  310. })
  311. }
  312. })
  313. </script>
  314. <script>
  315. let req2 = new Request();
  316. req2.type = 5;
  317. ResourceWatcherService.CheckNetType(req2, function(ret2) {
  318. //logEvent("GetAccessUrl ret: "+JSON.stringify(ret));
  319. console.log("CheckNetType ret: "+JSON.stringify(ret2));
  320. if(ret2.netType == 1){
  321. //document.getElementById("urlAccessAddr").innerHTML= ret.HostUrl;
  322. switch (connetType) {
  323. case 2: net.src="./terminalstatus/netline-disconnected.png"; break;
  324. case 3: net.src="./terminalstatus/WI-FI-disconnected.png"; break;
  325. case 4: net.src="./terminalstatus/mobile-disconnected.png"; break;
  326. default: break;
  327. }
  328. }
  329. else if(ret2.netType == 2)
  330. {
  331. net.src="./terminalstatus/netline-connected.png";
  332. connetType = 2;
  333. }
  334. else if( ret2.netType == 3)
  335. {
  336. net.src="./terminalstatus/WI-FI-connected.png";
  337. connetType = 3;
  338. }
  339. else if( ret2.netType == 4)
  340. {
  341. net.src="./terminalstatus/mobile-connected.png";
  342. connetType = 4;
  343. }
  344. })
  345. </script>
  346. <script>
  347. function changeBatteryImg100(){
  348. battery.src="./terminalstatus/battery-fullcharge(100%).png";
  349. document.getElementById("backcolor").innerHTML= "";
  350. }
  351. function changeBatteryImg90(){
  352. battery.src="./terminalstatus/battery-back.png";
  353. document.getElementById("backcolor").innerHTML= "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp"; //90%
  354. document.getElementById("backcolor").style = "position: absolute; top: -1; right:81.5; background: #c9c7c7e9; transform: scale(0.75);"
  355. }
  356. function changeBatteryImg80(){
  357. battery.src="./terminalstatus/battery-back.png";
  358. document.getElementById("backcolor").innerHTML= "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"; //80%
  359. document.getElementById("backcolor").style = "position: absolute; top: -1; right:84.5; background: #c9c7c7e9; transform: scale(0.75);"
  360. }
  361. function changeBatteryImg70(){
  362. battery.src="./terminalstatus/battery-back.png";
  363. document.getElementById("backcolor").innerHTML= "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"; //70%
  364. document.getElementById("backcolor").style = "position: absolute; top: -1; right:87.5; background: #c9c7c7e9; transform: scale(0.75);"
  365. }
  366. function changeBatteryImg60(){
  367. battery.src="./terminalstatus/battery-back.png";
  368. document.getElementById("backcolor").innerHTML= "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"; //60%
  369. document.getElementById("backcolor").style = "position: absolute; top: -1; right:90.5; background: #c9c7c7e9; transform: scale(0.75);"
  370. }
  371. function changeBatteryImg50(){
  372. battery.src="./terminalstatus/battery-back.png";
  373. document.getElementById("backcolor").innerHTML= "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"; //50%
  374. document.getElementById("backcolor").style = "position: absolute; top: -1; right:93.5; background: #c9c7c7e9; transform: scale(0.75);"
  375. }
  376. function changeBatteryImg40(){
  377. battery.src="./terminalstatus/battery-back.png";
  378. document.getElementById("backcolor").innerHTML= "&nbsp;&nbsp;&nbsp;&nbsp;"; //40%
  379. document.getElementById("backcolor").style = "position: absolute; top: -1; right:96.5; background: #c9c7c7e9; transform: scale(0.75);"
  380. }
  381. function changeBatteryImg30(){
  382. battery.src="./terminalstatus/battery-back.png";
  383. document.getElementById("backcolor").innerHTML= "&nbsp;&nbsp;&nbsp;"; //30%
  384. document.getElementById("backcolor").style = "position: absolute; top: -1; right:100; background: #c9c7c7e9; transform: scale(0.75);"
  385. }
  386. function changeBatteryImg20(){
  387. battery.src="./terminalstatus/battery-back.png";
  388. document.getElementById("backcolor").innerHTML= "&nbsp;&nbsp;"; //20%
  389. document.getElementById("backcolor").style = "position: absolute; top: -1; right:103.5; background: #c9c7c7e9; transform: scale(0.75);"
  390. }
  391. function changeBatteryImg10(){
  392. battery.src="./terminalstatus/battery-lowpower(10%).png";
  393. document.getElementById("backcolor").innerHTML= ""; //10%
  394. }
  395. </script>
  396. </html>