Driver_Station.jsp 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530
  1. <%@ page language="java" contentType="text/html;charset=utf-8"%>
  2. <%@include file="/pages/includes/taglibs.jsp"%>
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>领导驾驶舱_场站</title>
  7. <style type="text/css">
  8. <!--
  9. body {
  10. margin-left: 0px;
  11. margin-top: 0px;
  12. margin-right: 0px;
  13. margin-bottom: 0px;
  14. }
  15. #zjrl {
  16. position:absolute;
  17. left:219px;
  18. top:28px;
  19. width:117px;
  20. height:19px;
  21. z-index:16;
  22. }
  23. #nlyxs {
  24. position:absolute;
  25. left:219px;
  26. top:81px;
  27. width:86px;
  28. height:20px;
  29. z-index:17;
  30. }
  31. #ylyxs {
  32. position:absolute;
  33. left:363px;
  34. top:28px;
  35. width:88px;
  36. height:19px;
  37. z-index:18;
  38. }
  39. #ndxkyxs {
  40. position:absolute;
  41. left:364px;
  42. top:81px;
  43. width:84px;
  44. height:21px;
  45. z-index:19;
  46. }
  47. #rfdl {
  48. position:absolute;
  49. left:500px;
  50. top:28px;
  51. width:82px;
  52. height:21px;
  53. z-index:20;
  54. }
  55. #yfdl {
  56. position:absolute;
  57. left:502px;
  58. top:81px;
  59. width:70px;
  60. height:23px;
  61. z-index:21;
  62. }
  63. #swdl {
  64. position:absolute;
  65. left:647px;
  66. top:28px;
  67. width:84px;
  68. height:22px;
  69. z-index:22;
  70. }
  71. #nfdl {
  72. position:absolute;
  73. left:649px;
  74. top:81px;
  75. width:75px;
  76. height:20px;
  77. z-index:23;
  78. }
  79. #ssdl {
  80. position:absolute;
  81. left:779px;
  82. top:28px;
  83. width:82px;
  84. height:19px;
  85. z-index:24;
  86. }
  87. #rgzssdl {
  88. position:absolute;
  89. left:782px;
  90. top:81px;
  91. width:71px;
  92. height:23px;
  93. z-index:25;
  94. }
  95. #rwhdl {
  96. position:absolute;
  97. left:924px;
  98. top:28px;
  99. width:74px;
  100. height:22px;
  101. z-index:26;
  102. }
  103. #rxnssdl {
  104. position:absolute;
  105. left:923px;
  106. top:82px;
  107. width:79px;
  108. height:21px;
  109. z-index:27;
  110. }
  111. #rxdssdl {
  112. position:absolute;
  113. left:1076px;
  114. top:29px;
  115. width:68px;
  116. height:23px;
  117. z-index:28;
  118. }
  119. #rslssdl {
  120. position:absolute;
  121. left:1078px;
  122. top:81px;
  123. width:64px;
  124. height:22px;
  125. z-index:29;
  126. }
  127. #ygzssdl {
  128. position:absolute;
  129. left:1213px;
  130. top:29px;
  131. width:78px;
  132. height:20px;
  133. z-index:30;
  134. }
  135. #Layer26 {
  136. position:absolute;
  137. left:1212px;
  138. top:80px;
  139. width:70px;
  140. height:22px;
  141. z-index:31;
  142. }
  143. #yxnssdl {
  144. position:absolute;
  145. left:1344px;
  146. top:28px;
  147. width:77px;
  148. height:21px;
  149. z-index:32;
  150. }
  151. #yxdssdl {
  152. position:absolute;
  153. left:1345px;
  154. top:81px;
  155. width:74px;
  156. height:21px;
  157. z-index:33;
  158. }
  159. #yslssdl {
  160. position:absolute;
  161. left:1494px;
  162. top:29px;
  163. width:78px;
  164. height:17px;
  165. z-index:34;
  166. }
  167. #ngzssdl {
  168. position:absolute;
  169. left:1495px;
  170. top:81px;
  171. width:72px;
  172. height:23px;
  173. z-index:35;
  174. }
  175. #nwhssdl {
  176. position:absolute;
  177. left:1639px;
  178. top:28px;
  179. width:83px;
  180. height:20px;
  181. z-index:36;
  182. }
  183. #nxnssdl {
  184. position:absolute;
  185. left:1635px;
  186. top:170px;
  187. width:83px;
  188. height:21px;
  189. z-index:37;
  190. }
  191. #nxnssdl {
  192. position:absolute;
  193. left:1638px;
  194. top:80px;
  195. width:81px;
  196. height:23px;
  197. z-index:52;
  198. }
  199. #nslssdl {
  200. position:absolute;
  201. left:1776px;
  202. top:79px;
  203. width:89px;
  204. height:15px;
  205. z-index:53;
  206. }
  207. #nxdssdl {
  208. position:absolute;
  209. left:1776px;
  210. top:27px;
  211. width:94px;
  212. height:22px;
  213. z-index:51;
  214. }
  215. #aqts {
  216. position:absolute;
  217. left:98px;
  218. top:77px;
  219. width:80px;
  220. height:20px;
  221. z-index:55;
  222. }
  223. #glfh_Chart {
  224. position:absolute;
  225. left:1485px;
  226. top:106px;
  227. width:387px;
  228. height:131px;
  229. z-index:56;
  230. }
  231. #dltj_Chart {
  232. position:absolute;
  233. left:1486px;
  234. top:246px;
  235. width:385px;
  236. height:162px;
  237. z-index:57;
  238. }
  239. #wcdl_Chart {
  240. position:absolute;
  241. left:1487px;
  242. top:417px;
  243. width:384px;
  244. height:165px;
  245. z-index:58;
  246. }
  247. #rfdl_Chart {
  248. position:absolute;
  249. left:33px;
  250. top:587px;
  251. width:902px;
  252. height:230px;
  253. z-index:59;
  254. }
  255. #glqx_Chart {
  256. position:absolute;
  257. left:973px;
  258. top:585px;
  259. width:898px;
  260. height:232px;
  261. z-index:60;
  262. }
  263. #Layer1 {
  264. position:absolute;
  265. left:15px;
  266. top:109px;
  267. width:134px;
  268. height:316px;
  269. z-index:61;
  270. }
  271. #jieru_Number {
  272. position: absolute;
  273. left: 40px;
  274. top: 180px;
  275. width: 43px;
  276. height: 21px;
  277. z-index: 61;
  278. }
  279. #run_Number {
  280. position: absolute;
  281. left: 50px;
  282. top: 231px;
  283. width: 43px;
  284. height: 21px;
  285. z-index: 62;
  286. }
  287. #standby_Number {
  288. position: absolute;
  289. left: 50px;
  290. top: 269px;
  291. width: 44px;
  292. height: 23px;
  293. z-index: 63;
  294. }
  295. #stop_Number {
  296. position: absolute;
  297. left: 50px;
  298. top: 308px;
  299. width: 43px;
  300. height: 23px;
  301. z-index: 64;
  302. }
  303. #repair_Number {
  304. position: absolute;
  305. left: 50px;
  306. top: 350px;
  307. width: 42px;
  308. height: 22px;
  309. z-index: 65;
  310. }
  311. #interrupt_Number {
  312. position: absolute;
  313. left: 50px;
  314. top: 389px;
  315. width: 41px;
  316. height: 21px;
  317. z-index: 66;
  318. }
  319. #limit_Number {
  320. position: absolute;
  321. left: 50px;
  322. top: 429px;
  323. width: 40px;
  324. height: 22px;
  325. z-index: 67;
  326. }
  327. #Layer2 {
  328. position:absolute;
  329. left:391px;
  330. top:125px;
  331. width:81px;
  332. height:24px;
  333. z-index:68;
  334. }
  335. #Layer3 {
  336. position:absolute;
  337. left:922px;
  338. top:121px;
  339. width:94px;
  340. height:26px;
  341. z-index:69;
  342. }
  343. #Layer4 {
  344. position:absolute;
  345. left:693px;
  346. top:158px;
  347. width:30px;
  348. height:32px;
  349. z-index:70;
  350. }
  351. #Layer5 {
  352. position:absolute;
  353. left:236px;
  354. top:365px;
  355. width:33px;
  356. height:38px;
  357. z-index:71;
  358. }
  359. #Layer6 {
  360. position:absolute;
  361. left:853px;
  362. top:140px;
  363. width:29px;
  364. height:35px;
  365. z-index:72;
  366. }
  367. #Layer7 {
  368. position:absolute;
  369. left:832px;
  370. top:378px;
  371. width:34px;
  372. height:40px;
  373. z-index:73;
  374. }
  375. #wind_Direction {
  376. position:absolute;
  377. left:1269px;
  378. top:147px;
  379. width:110px;
  380. height:102px;
  381. z-index:74;
  382. }
  383. -->
  384. </style>
  385. <script type='text/javascript' src='<%=request.getContextPath() %>/resource/js/jquery-1.8.3.js'></script>
  386. <script src="<%=request.getContextPath() %>/resource/js/highcharts/highcharts.js"></script>
  387. <script src="<%=request.getContextPath() %>/resource/js/highcharts/highcharts-more.js"></script>
  388. <script src="<%=request.getContextPath() %>/resource/js/highcharts/modules/solid-gauge.js"></script>
  389. <script src="<%=request.getContextPath() %>/pages/monitor/hfls/default.js"></script>
  390. <script src="<%=request.getContextPath() %>/pages/monitor/hfls/chats.js"></script>
  391. <script src="<%=request.getContextPath() %>/pages/monitor/hfls/second.js"></script>
  392. <script language="javascript" type="text/javascript">
  393. var yugi = function(num, from, to) {
  394. return parseInt(Math.random()*(num*1.1)+num); ;
  395. }
  396. function load(){
  397. document.getElementById('nlyxs').innerHTML ="<span id=\'test\' style=\"font-family: fontNameRegular; font-size: 20px\">"+yugi(901.64, -3, 3)+"</span>";
  398. document.getElementById('ylyxs').innerHTML ="<span id=\'test\' style=\"font-family: fontNameRegular; font-size: 20px\">"+yugi(89.43, -3, 3)+"</span>";
  399. document.getElementById('ndxkyxs').innerHTML ="<span id=\'test\' style=\"font-family: fontNameRegular; font-size: 20px\">"+yugi(98.6, -3, 3)+"</span>";
  400. document.getElementById('rfdl').innerHTML ="<span id=\'test\' style=\"font-family: fontNameRegular; font-size: 20px\">"+yugi(6.16, -3, 3)+"</span>";
  401. document.getElementById('yfdl').innerHTML ="<span id=\'test\' style=\"font-family: fontNameRegular; font-size: 20px\">"+yugi(787.08, -3, 3)+"</span>";
  402. document.getElementById('swdl').innerHTML ="<span id=\'test\' style=\"font-family: fontNameRegular; font-size: 20px\">"+yugi(779.6, -3, 3)+"</span>";
  403. document.getElementById('nfdl').innerHTML ="<span id=\'test\' style=\"font-family: fontNameRegular; font-size: 20px\">"+yugi(15374.4, -3, 3)+"</span>";
  404. }
  405. $(function () {
  406. load();
  407. setInterval('load()',60000);
  408. });
  409. </script>
  410. </head>
  411. <body onload="load()" >
  412. <div id="zjrl" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">96</span></div>
  413. <div id="nlyxs" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">0.08</span></div>
  414. <div id="ylyxs" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">0.08</span></div>
  415. <div id="ndxkyxs" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">0.08</span></div>
  416. <div id="rfdl" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">0.08</span></div>
  417. <div id="yfdl" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">0.08</span></div>
  418. <div id="swdl" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">0.08</span></div>
  419. <div id="nfdl" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">0.08</span></div>
  420. <div id="ssdl" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">4.05</span></div>
  421. <div id="rgzssdl" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">1.03</span></div>
  422. <div id="rwhdl" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">0</span></div>
  423. <div id="rxnssdl" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">3.02</span></div>
  424. <div id="rxdssdl" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">0</span></div>
  425. <div id="rslssdl" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">0</span></div>
  426. <div id="ygzssdl" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">2.09</span></div>
  427. <div id="Layer26" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">0.32</span></div>
  428. <div id="yxnssdl" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">61.43</span></div>
  429. <div id="yxdssdl" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">0.08</span></div>
  430. <div id="yslssdl" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">0</span></div>
  431. <div id="ngzssdl" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">2.09</span></div>
  432. <div id="nwhssdl" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">0.32</span></div>
  433. <div id="nxnssdl" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">61.43</span></div>
  434. <div id="aqts"><span style="font-family: fontNameRegular; font-size: 20px">3252</span></div>
  435. <div id="nxdssdl" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">2013.57</span></div>
  436. <div id="nslssdl" style="width:100px; height:22px;"><span style="font-family: fontNameRegular; font-size: 20px">0</span></div>
  437. <div id="glfh_Chart">
  438. <table>
  439. <tr>
  440. <td width="200"><div id="container-1" style="width: 200px; height: 68px; float: left"></div></td>
  441. <td width="200"><div id="container-2" style="width: 200px; height: 68px; float: left"></div></td>
  442. </tr>
  443. <tr>
  444. <td><div id="container-3" style="width: 200px; height: 68px; float: left"></div></td>
  445. <td><div id="container-4" style="width: 200px; height: 68px; float: left"></div></td>
  446. </tr>
  447. </table>
  448. </div>
  449. <div id="dltj_Chart"></div>
  450. <div id="wcdl_Chart"></div>
  451. <div id="rfdl_Chart">
  452. </div>
  453. <div id="glqx_Chart"></div>
  454. <div id="run_Number">64</div>
  455. <div id="standby_Number">0</div>
  456. <div id="stop_Number">0</div>
  457. <div id="repair_Number">0</div>
  458. <div id="interrupt_Number">0</div>
  459. <div id="limit_Number">0</div>
  460. <div id="Layer2"><img src="<%=request.getContextPath() %>/resource/images/hfls/real_Fangshan_First_Btn.fw.png" width="162" height="33" onclick="type('1')"/></div>
  461. <div id="Layer3"><img src="<%=request.getContextPath() %>/resource/images/hfls/real_Fangshan_Second_Btn.fw.png" width="162" height="33" onclick="type('2')" /></div>
  462. <div id="Layer4"><img src="<%=request.getContextPath() %>/resource/images/hfls/real_Station_Line1_Btn.fw.png" width="40" height="65" /></div>
  463. <div id="Layer5"><img src="<%=request.getContextPath() %>/resource/images/hfls/real_Station_Line2_Btn.fw.png" width="40" height="65" /></div>
  464. <div id="Layer6"><img src="<%=request.getContextPath() %>/resource/images/hfls/real_Station_Line3_Btn.fw.png" width="40" height="65" /></div>
  465. <div id="Layer7"><img src="<%=request.getContextPath() %>/resource/images/hfls/real_Station_Line4_Btn.fw.png" width="40" height="65" /></div>
  466. <table width="1880" border="0" align="center" cellpadding="0" cellspacing="0">
  467. <tr>
  468. <td><img src="<%=request.getContextPath() %>/resource/images/hfls/zhzbBG_Real.fw.png" width="1880" height="103" /></td>
  469. </tr>
  470. </table>
  471. <table width="1880" border="0" align="center" cellpadding="0" cellspacing="0">
  472. <tr>
  473. <td width="1453" align="left" valign="top" background="<%=request.getContextPath() %>/resource/images/hfls/fangshan_3d_Driver.fw.png"><br /><br /><br /><table width="90" border="0" cellspacing="0" cellpadding="0">
  474. <tr>
  475. <td align="center"><img src="<%=request.getContextPath() %>/resource/images/hfls/all_Station_Btn.fw.png" width="90" height="30" /></td>
  476. </tr>
  477. <tr>
  478. <td align="center"><img src="<%=request.getContextPath() %>/resource/images/hfls/up_Leave_Btn.fw.png" width="90" height="30" /></td>
  479. </tr>
  480. <tr>
  481. <td align="center"><img src="<%=request.getContextPath() %>/resource/images/hfls/Real_Driver_Station_All_Status_BG.jpg" width="90" height="40" /></td>
  482. </tr>
  483. <tr>
  484. <td align="center"><img src="<%=request.getContextPath() %>/resource/images/hfls/Real_Driver_Station_Run_Status_BG.jpg" width="90" height="40" /></td>
  485. </tr>
  486. <tr>
  487. <td align="center"><img src="<%=request.getContextPath() %>/resource/images/hfls/Real_Driver_Station_StandBy_Status_BG.jpg" width="90" height="40" /></td>
  488. </tr>
  489. <tr>
  490. <td align="center"><img src="<%=request.getContextPath() %>/resource/images/hfls/Real_Driver_Station_Stop_Status_BG.jpg" width="90" height="40" /></td>
  491. </tr>
  492. <tr>
  493. <td align="center"><img src="<%=request.getContextPath() %>/resource/images/hfls/real_Driver_Station_Repair_Chart.jpg" width="90" height="40" /></td>
  494. </tr>
  495. <tr>
  496. <td align="center"><img src="<%=request.getContextPath() %>/resource/images/hfls/Real_Driver_Station_Interrupt_Status_BG.jpg" width="90" height="40" /></td>
  497. </tr>
  498. <tr>
  499. <td align="center"><img src="<%=request.getContextPath() %>/resource/images/hfls/Real_Driver_Station_Limit_Status_BG.jpg" width="90" height="40" /></td>
  500. </tr>
  501. </table></td>
  502. <td width="427" align="center" valign="top"><img src="<%=request.getContextPath() %>/resource/images/hfls/real_Driver_Station_Right_Chart.jpg" width="427" height="480" /></td>
  503. </tr>
  504. </table><table width="1880" border="0" align="center" cellpadding="0" cellspacing="0">
  505. <tr>
  506. <td align="center" valign="top"><img src="<%=request.getContextPath() %>/resource/images/hfls/real_Driver_Station_Bottom.jpg" width="1880" height="240" /></td>
  507. </tr>
  508. </table>
  509. </body>
  510. </html>