main.jsp 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721
  1. <%@ page language="java" contentType="text/html;charset=utf-8"%>
  2. <%@include file="/pages/includes/taglibs.jsp"%>
  3. <html>
  4. <head>
  5. <title>国电电力河北新能源开发有限公司生产运行监控平台</title>
  6. <link rel="shortcut icon" href="favicon.ico" type=”image/x-icon” />
  7. <style>
  8. body {
  9. font-size: 12px;
  10. margin-left: 0px;
  11. margin-top: 0px;
  12. margin-right: 0px;
  13. margin-bottom: 0px;
  14. }
  15. @font-face {
  16. font-family: 'fontNameRegular';
  17. src:
  18. url('<%=request.getContextPath()%>/resource/fonts/DS-DIGIT-webfont.eot');
  19. src: local('<%=request.getContextPath()%>/resource/fonts/DS-DIGIT-webfont Regular'
  20. ),
  21. local('<%=request.getContextPath()%>/resource/fonts/DS-DIGIT-webfont'),
  22. url('<%=request.getContextPath()%>/resource/fonts/DS-DIGIT-webfont.woff')
  23. format('woff'),
  24. url('<%=request.getContextPath()%>/resource/fonts/DS-DIGIT-webfont.ttf')
  25. format('truetype'),
  26. url('<%=request.getContextPath()%>/resource/fonts/DS-DIGIT-webfont.svg#fontName')
  27. format('svg');
  28. font-size: 20px;
  29. font-weight: bolder;
  30. }
  31. </style>
  32. <link rel="stylesheet" type="text/css"
  33. href="<%=request.getContextPath()%>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css" />
  34. <script
  35. src="<%=request.getContextPath()%>/resource/plugin/jqueryui/js/jquery-ui-1.9.2.custom.js"
  36. type="text/javascript"></script>
  37. <script
  38. src="<%=request.getContextPath()%>/resource/plugin/jqueryui/development-bundle/ui/jquery.ui.widget.js"></script>
  39. <script
  40. src="<%=request.getContextPath()%>/resource/plugin/jqueryui/development-bundle/ui/jquery.ui.tabs.js"></script>
  41. <style>
  42. .ui-tabs {
  43. position: relative;
  44. padding: .31px;
  45. zoom: 1;
  46. }
  47. /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  48. .ui-tabs .ui-tabs-nav {
  49. margin: 0;
  50. padding: .31px .31px 0;
  51. }
  52. .ui-tabs .ui-tabs-nav li {
  53. list-style: none;
  54. float: left;
  55. position: relative;
  56. top: 0;
  57. margin: 2px .2px 0 0;
  58. border-bottom: 0;
  59. padding: 0;
  60. white-space: nowrap;
  61. }
  62. .ui-tabs .ui-tabs-nav li a {
  63. float: left;
  64. padding: .2em 30px;
  65. text-decoration: none;
  66. }
  67. .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  68. margin-bottom: -1px;
  69. padding-bottom: 1px;
  70. }
  71. .ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a
  72. {
  73. cursor: text;
  74. }
  75. .ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a
  76. {
  77. cursor: pointer;
  78. }
  79. /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
  80. .ui-tabs .ui-tabs-panel {
  81. display: block;
  82. border-width: 0;
  83. padding: 0em 0em;
  84. background: none;
  85. }
  86. .ui-tooltip {
  87. padding: 8px;
  88. position: absolute;
  89. z-index: 9999;
  90. max-width: 300px;
  91. -webkit-box-shadow: 0 0 5px #aaa;
  92. box-shadow: 0 0 5px #aaa;
  93. }
  94. </style>
  95. <script type="text/javascript">
  96. </script>
  97. <script type="text/javascript">
  98. var $tabs = null;
  99. window.onkeydown= function(e){
  100. e.keyCode = 0;
  101. e.returnvalue = false;
  102. }
  103. $(function() {
  104. $tabs =$( "#tabs" ).tabs({
  105. select: function(event, ui) {
  106. // ui.tab锚元素选中的标签页
  107. // ui.panel 锚元素选中的标签页的内容
  108. // ui.index 锚元素选中的标签页的索引(从0开始)
  109. if(ui.index==0)
  110. {
  111. }else if(ui.index==1)
  112. {
  113. //$("#tab2").attr("src","<%=request.getContextPath()%>/matrix/monitormainIndex.action");
  114. //$("#tab1").attr("src","about:blank");
  115. //$("#tab3").attr("src","about:blank");
  116. //$("#tab4").attr("src","about:blank");
  117. //$("#tab5").attr("src","about:blank");
  118. //$("#tab6").attr("src","about:blank");
  119. //$("#tab7").attr("src","about:blank");
  120. //$("#tab8").attr("src","about:blank");
  121. //$("#tab9").attr("src","about:blank");
  122. //$("#tab10").attr("src","about:blank");
  123. //$("#tab11").attr("src","about:blank");
  124. }
  125. else if(ui.index==2)
  126. {
  127. $("#tab3").attr("src","<%=request.getContextPath()%>/matrix/monitornew.action");
  128. $("#tab1").attr("src","about:blank");
  129. $("#tab2").attr("src","about:blank");
  130. $("#tab4").attr("src","about:blank");
  131. $("#tab5").attr("src","about:blank");
  132. $("#tab6").attr("src","about:blank");
  133. $("#tab7").attr("src","about:blank");
  134. $("#tab8").attr("src","about:blank");
  135. $("#tab9").attr("src","about:blank");
  136. $("#tab10").attr("src","about:blank");
  137. }
  138. else if(ui.index==3){
  139. $("#tab11").attr("src","<%=request.getContextPath()%>/agc/agcindexNew.action");
  140. $("#tab1").attr("src","about:blank");
  141. $("#tab2").attr("src","about:blank");
  142. $("#tab3").attr("src","about:blank");
  143. $("#tab4").attr("src","about:blank");
  144. $("#tab5").attr("src","about:blank");
  145. $("#tab6").attr("src","about:blank");
  146. $("#tab7").attr("src","about:blank");
  147. $("#tab8").attr("src","about:blank");
  148. $("#tab9").attr("src","about:blank");
  149. $("#tab10").attr("src","about:blank");
  150. }
  151. else if(ui.index==4)
  152. {
  153. $("#tab4").attr("src","<%=request.getContextPath()%>/apdata/apdatalayout.action");
  154. $("#tab1").attr("src","about:blank");
  155. $("#tab2").attr("src","about:blank");
  156. $("#tab3").attr("src","about:blank");
  157. $("#tab5").attr("src","about:blank");
  158. $("#tab6").attr("src","about:blank");
  159. $("#tab7").attr("src","about:blank");
  160. $("#tab8").attr("src","about:blank");
  161. $("#tab9").attr("src","about:blank");
  162. $("#tab10").attr("src","about:blank");
  163. }
  164. else if(ui.index==5)
  165. {
  166. $("#tab5").attr("src","<%=request.getContextPath()%>/analysis/analysislayout.action");
  167. $("#tab1").attr("src","about:blank");
  168. $("#tab2").attr("src","about:blank");
  169. $("#tab3").attr("src","about:blank");
  170. $("#tab4").attr("src","about:blank");
  171. $("#tab6").attr("src","about:blank");
  172. $("#tab7").attr("src","about:blank");
  173. $("#tab8").attr("src","about:blank");
  174. $("#tab9").attr("src","about:blank");
  175. $("#tab10").attr("src","about:blank");
  176. }
  177. else if(ui.index==6)
  178. {
  179. $("#tab6").attr("src","<%=request.getContextPath()%>/layout.action");
  180. $("#tab1").attr("src","about:blank");
  181. $("#tab2").attr("src","about:blank");
  182. $("#tab3").attr("src","about:blank");
  183. $("#tab4").attr("src","about:blank");
  184. $("#tab5").attr("src","about:blank");
  185. $("#tab7").attr("src","about:blank");
  186. $("#tab8").attr("src","about:blank");
  187. $("#tab9").attr("src","about:blank");
  188. $("#tab10").attr("src","about:blank");
  189. }
  190. else if(ui.index==7)
  191. {
  192. $("#tab7").attr("src","<%=request.getContextPath()%>/gradeassess/gmlayouts.action");
  193. $("#tab1").attr("src","about:blank");
  194. $("#tab2").attr("src","about:blank");
  195. $("#tab3").attr("src","about:blank");
  196. $("#tab4").attr("src","about:blank");
  197. $("#tab5").attr("src","about:blank");
  198. $("#tab6").attr("src","about:blank");
  199. $("#tab8").attr("src","about:blank");
  200. $("#tab9").attr("src","about:blank");
  201. $("#tab10").attr("src","about:blank");
  202. }
  203. else if(ui.index==8)
  204. {
  205. $("#tab8").attr("src","<%=request.getContextPath()%>/electricalwarn/layoutwarnIndex.action");
  206. $("#tab1").attr("src","about:blank");
  207. $("#tab2").attr("src","about:blank");
  208. $("#tab3").attr("src","about:blank");
  209. $("#tab4").attr("src","about:blank");
  210. $("#tab5").attr("src","about:blank");
  211. $("#tab6").attr("src","about:blank");
  212. $("#tab7").attr("src","about:blank");
  213. $("#tab9").attr("src","about:blank");
  214. $("#tab10").attr("src","about:blank");
  215. }
  216. else if(ui.index==9)
  217. {
  218. $("#tab9").attr("src","<%=request.getContextPath()%>/reportview/reportlayouts.action");
  219. $("#tab1").attr("src","about:blank");
  220. $("#tab2").attr("src","about:blank");
  221. $("#tab3").attr("src","about:blank");
  222. $("#tab4").attr("src","about:blank");
  223. $("#tab5").attr("src","about:blank");
  224. $("#tab6").attr("src","about:blank");
  225. $("#tab7").attr("src","about:blank");
  226. $("#tab8").attr("src","about:blank");
  227. $("#tab10").attr("src","about:blank");
  228. }else if(ui.index==10)
  229. {
  230. }
  231. else
  232. {
  233. $("#tab1").attr("src","about:blank");
  234. $("#tab2").attr("src","about:blank");
  235. $("#tab3").attr("src","about:blank");
  236. $("#tab4").attr("src","about:blank");
  237. $("#tab5").attr("src","about:blank");
  238. $("#tab6").attr("src","about:blank");
  239. $("#tab7").attr("src","about:blank");
  240. $("#tab8").attr("src","about:blank");
  241. $("#tab9").attr("src","about:blank");
  242. $("#tab10").attr("src","about:blank");
  243. }
  244. }
  245. });
  246. });
  247. function clicktab2()
  248. {
  249. $("#tab2").attr("src","<%=request.getContextPath()%>/matrix/monitormainIndex.action");
  250. $("#tab1").attr("src","about:blank");
  251. $("#tab3").attr("src","about:blank");
  252. $("#tab4").attr("src","about:blank");
  253. $("#tab5").attr("src","about:blank");
  254. $("#tab6").attr("src","about:blank");
  255. $("#tab7").attr("src","about:blank");
  256. $("#tab8").attr("src","about:blank");
  257. $("#tab9").attr("src","about:blank");
  258. $("#tab10").attr("src","about:blank");
  259. }
  260. function clicktab1()
  261. {
  262. $("#tab1").attr("src","<%=request.getContextPath()%>/desktop.action");
  263. $("#tab3").attr("src","about:blank");
  264. $("#tab2").attr("src","about:blank");
  265. $("#tab4").attr("src","about:blank");
  266. $("#tab5").attr("src","about:blank");
  267. $("#tab6").attr("src","about:blank");
  268. $("#tab7").attr("src","about:blank");
  269. $("#tab8").attr("src","about:blank");
  270. $("#tab9").attr("src","about:blank");
  271. $("#tab10").attr("src","about:blank");
  272. }
  273. function clicktab10()
  274. {
  275. $("#tab10").attr("src","<%=request.getContextPath()%>/matrix/matrixList.action");
  276. $("#tab3").attr("src","about:blank");
  277. $("#tab1").attr("src","about:blank");
  278. $("#tab4").attr("src","about:blank");
  279. $("#tab5").attr("src","about:blank");
  280. $("#tab6").attr("src","about:blank");
  281. $("#tab7").attr("src","about:blank");
  282. $("#tab8").attr("src","about:blank");
  283. $("#tab9").attr("src","about:blank");
  284. $("#tab2").attr("src","about:blank");
  285. }
  286. function clicktab3()
  287. {
  288. $("#tab11").attr("src","<%=request.getContextPath()%>/agc/agcindexNew.action");
  289. $("#tab1").attr("src","about:blank");
  290. $("#tab2").attr("src","about:blank");
  291. $("#tab3").attr("src","about:blank");
  292. $("#tab4").attr("src","about:blank");
  293. $("#tab5").attr("src","about:blank");
  294. $("#tab6").attr("src","about:blank");
  295. $("#tab7").attr("src","about:blank");
  296. $("#tab8").attr("src","about:blank");
  297. $("#tab9").attr("src","about:blank");
  298. $("#tab10").attr("src","about:blank");
  299. $("#tab12").attr("src","about:blank");
  300. $("#tab13").attr("src","about:blank");
  301. $("#tab14").attr("src","about:blank");
  302. }
  303. function clicktab12()
  304. {
  305. $("#tab12").attr("src","<%=request.getContextPath()%>/matrix/indexStatus.action");
  306. $("#tab1").attr("src","about:blank");
  307. $("#tab2").attr("src","about:blank");
  308. $("#tab3").attr("src","about:blank");
  309. $("#tab4").attr("src","about:blank");
  310. $("#tab5").attr("src","about:blank");
  311. $("#tab6").attr("src","about:blank");
  312. $("#tab7").attr("src","about:blank");
  313. $("#tab8").attr("src","about:blank");
  314. $("#tab9").attr("src","about:blank");
  315. $("#tab10").attr("src","about:blank");
  316. $("#tab11").attr("src","about:blank");
  317. $("#tab13").attr("src","about:blank");
  318. $("#tab14").attr("src","about:blank");
  319. }
  320. function clicktab13(){
  321. $("#tab13").attr("src","http://10.83.68.97:8010/bi/showreport.do?resid=EBI$12$9UUFC0MUONU6M4JUCUNZY7WWY6U7CO60$1$UZ0VM0TNF62YOLZZCWMONSZSS7Z4QNU0.rpttpl&id=admin&pw=admin&showmenu=false&showparams=true&calcnow=true");
  322. $("#tab1").attr("src","about:blank");
  323. $("#tab2").attr("src","about:blank");
  324. $("#tab3").attr("src","about:blank");
  325. $("#tab4").attr("src","about:blank");
  326. $("#tab5").attr("src","about:blank");
  327. $("#tab6").attr("src","about:blank");
  328. $("#tab7").attr("src","about:blank");
  329. $("#tab8").attr("src","about:blank");
  330. $("#tab9").attr("src","about:blank");
  331. $("#tab10").attr("src","about:blank");
  332. $("#tab11").attr("src","about:blank");
  333. $("#tab12").attr("src","about:blank");
  334. $("#tab14").attr("src","about:blank");
  335. }
  336. function clicktab14(){
  337. $("#tab14").attr("src","<%=request.getContextPath()%>/reportview/monograph.action");
  338. $("#tab1").attr("src","about:blank");
  339. $("#tab2").attr("src","about:blank");
  340. $("#tab3").attr("src","about:blank");
  341. $("#tab4").attr("src","about:blank");
  342. $("#tab5").attr("src","about:blank");
  343. $("#tab6").attr("src","about:blank");
  344. $("#tab7").attr("src","about:blank");
  345. $("#tab8").attr("src","about:blank");
  346. $("#tab9").attr("src","about:blank");
  347. $("#tab10").attr("src","about:blank");
  348. $("#tab11").attr("src","about:blank");
  349. $("#tab12").attr("src","about:blank");
  350. $("#tab13").attr("src","about:blank");
  351. }
  352. <%-- function clicktab11()
  353. {
  354. $("#tab12").attr("src","<%=request.getContextPath()%>/matrix/monitornew.action");
  355. $("#tab10").attr("src","about:blank");
  356. $("#tab3").attr("src","about:blank");
  357. $("#tab1").attr("src","about:blank");
  358. $("#tab4").attr("src","about:blank");
  359. $("#tab5").attr("src","about:blank");
  360. $("#tab6").attr("src","about:blank");
  361. $("#tab7").attr("src","about:blank");
  362. $("#tab8").attr("src","about:blank");
  363. $("#tab9").attr("src","about:blank");
  364. $("#tab2").attr("src","about:blank");
  365. } --%>
  366. </script>
  367. </head>
  368. <body>
  369. <table width="1899px" border="0" cellspacing="0" cellpadding="0">
  370. <tr>
  371. <td height="50px" align="right" valign="top"
  372. background="<%=request.getContextPath()%>/resource/images/hbsj/benner.png">
  373. </td>
  374. </tr>
  375. </table>
  376. <div id="tabs"
  377. style="width: 1899px;height: 879px;border: 0px;margin: 0px">
  378. <ul>
  379. <li><a href="#tabs-1" onclick="clicktab1()"
  380. style="cursor: pointer;">领导驾驶舱</a>
  381. </li>
  382. <li><a href="#tabs-2" onclick="clicktab2()"
  383. style="cursor: pointer;">状态监视</a>
  384. </li>
  385. <li><a href="#tabs-3">设备矩阵</a>
  386. </li>
  387. <li><a href="#tabs-11" onclick="clicktab3()">AGC/AVC信息</a>
  388. </li>
  389. <li><a href="#tabs-4">性能分析</a>
  390. </li>
  391. <li><a href="#tabs-5">对标管理</a>
  392. </li>
  393. <li><a href="#tabs-6">指标排行</a>
  394. </li>
  395. <li><a href="#tabs-7">等级评估</a>
  396. </li>
  397. <li><a href="#tabs-8" id="tab_8">报警中心</a>
  398. </li>
  399. <li><a href="#tabs-9">报表管理</a>
  400. </li>
  401. <li><a href="#tabs-10" onclick="clicktab10()"
  402. style="cursor: pointer;">状态管理</a>
  403. </li>
  404. <li><a href="#tabs-12" onclick="clicktab12()"
  405. style="cursor: pointer;">通讯监视</a>
  406. </li>
  407. <li><a href="#tabs-13" onclick="clicktab13()"
  408. style="cursor: pointer;">公司日报</a>
  409. </li>
  410. <li><a href="#tabs-14" onclick="clicktab14()"
  411. style="cursor: pointer;">专题分析</a>
  412. </li>
  413. <!-- <li><a href="#tabs-12" onclick="clicktab11()" style="cursor: pointer;">明细矩阵</a></li> -->
  414. </ul>
  415. <div id="tabs-1" style="border: 0px;margin: 0px">
  416. <iframe id="tab1" src="<%=request.getContextPath()%>/desktop.action"
  417. style="border: 0px;margin: 0px" marginwidth="0px" marginheight="0px"
  418. frameborder="0" width="1899px" height="880px" scrolling="no"></iframe>
  419. </div>
  420. <div id="tabs-2">
  421. <iframe id="tab2" src="about:blank" style="border: 0px;margin: 0px"
  422. marginwidth="0px" marginheight="0px" frameborder="0" width="1899px"
  423. height="864px" scrolling="auto"></iframe>
  424. </div>
  425. <div id="tabs-3">
  426. <iframe id="tab3" src="about:blank" style="border: 0px;margin: 0px"
  427. marginwidth="0px" marginheight="0px" frameborder="0" width="1899px"
  428. height="880px" scrolling="no"></iframe>
  429. </div>
  430. <div id="tabs-4">
  431. <iframe id="tab4" src="about:blank" style="border: 0px;margin: 0px"
  432. marginwidth="0px" marginheight="0px" frameborder="0" width="1899px"
  433. height="880px" scrolling="auto"></iframe>
  434. </div>
  435. <div id="tabs-5">
  436. <iframe id="tab5" src="about:blank" style="border: 0px;margin: 0px"
  437. marginwidth="0px" marginheight="0px" frameborder="0" width="1890px"
  438. height="880px" scrolling="auto"></iframe>
  439. </div>
  440. <div id="tabs-6">
  441. <iframe id="tab6" src="about:blank" style="border: 0px;margin: 0px"
  442. marginwidth="0px" marginheight="0px" frameborder="0" width="1890px"
  443. height="879px" scrolling="auto"></iframe>
  444. </div>
  445. <div id="tabs-7">
  446. <iframe id="tab7" src="about:blank" style="border: 0px;margin: 0px"
  447. marginwidth="0px" marginheight="0px" frameborder="0" width="1890px"
  448. height="879px" scrolling="auto"></iframe>
  449. </div>
  450. <div id="tabs-8">
  451. <iframe id="tab8" src="about:blank" style="border: 0px;margin: 0px"
  452. marginwidth="0px" marginheight="0px" frameborder="0" width="1890px"
  453. height="879px" scrolling="auto"></iframe>
  454. </div>
  455. <div id="tabs-9">
  456. <iframe id="tab9" src="about:blank" style="border: 0px;margin: 0px"
  457. marginwidth="0px" marginheight="0px" frameborder="0" width="1890px"
  458. height="879px" scrolling="auto"></iframe>
  459. </div>
  460. <div id="tabs-10">
  461. <iframe id="tab10" src="about:blank" style="border: 0px;margin: 0px"
  462. marginwidth="0px" marginheight="0px" frameborder="0" width="1890px"
  463. height="879px" scrolling="auto"></iframe>
  464. </div>
  465. <div id="tabs-11">
  466. <iframe id="tab11" src="about:blank" style="border: 0px;margin: 0px"
  467. marginwidth="0px" marginheight="0px" frameborder="0" width="1890px"
  468. height="879px" scrolling="no"></iframe>
  469. </div>
  470. <div id="tabs-12">
  471. <iframe id="tab12" src="about:blank" style="border: 0px;margin: 0px"
  472. marginwidth="0px" marginheight="0px" frameborder="0" width="1890px"
  473. height="879px" scrolling="no"></iframe>
  474. </div>
  475. <div id="tabs-13">
  476. <iframe id="tab13" src="about:blank" style="border: 0px;margin: 0px"
  477. marginwidth="0px" marginheight="0px" frameborder="0" width="1890px"
  478. height="879px" scrolling="auto"></iframe>
  479. </div>
  480. <div id="tabs-14">
  481. <iframe id="tab14" src="about:blank" style="border: 0px;margin: 0px"
  482. marginwidth="0px" marginheight="0px" frameborder="0" width="1890px"
  483. height="879px" scrolling="auto"></iframe>
  484. </div>
  485. <!-- <div id="tabs-12">
  486. <iframe id="tab12" src="about:blank" style="border: 0px;margin: 0px"
  487. marginwidth="0px" marginheight="0px" frameborder="0" width="1899px"
  488. height="880px" scrolling="no"></iframe>
  489. </div> -->
  490. </div>
  491. <style type="text/css">
  492. ul {
  493. list-style: none;
  494. }
  495. .slides {
  496. position: fixed;
  497. right: 0;
  498. top: 94%;
  499. }
  500. </style>
  501. <!--侧边栏-->
  502. <div class="slides">
  503. <div id='switch_pic' title="开启或关闭实时报警弹出!"
  504. style="cursor:hand;width: 30px;height: 30px;" onclick="doSwitch();">
  505. </div>
  506. </div>
  507. <div id="jquery_jplayer_1"></div>
  508. <script
  509. src="<%=request.getContextPath()%>/resource/js/jquery.toast.min.js"></script>
  510. <link rel="stylesheet" type="text/css"
  511. href="<%=request.getContextPath()%>/resource/css/jquery.toast.min.css" />
  512. <script
  513. src="<%=request.getContextPath()%>/resource/js/jplayer/jquery.jplayer.min.js"></script>
  514. <script type="text/javascript">
  515. function doSwitch(){
  516. var isRun = getCookie('lug.gdhf.gyee');
  517. if(isRun==null || isRun == 'run'){
  518. setCookie('lug.gdhf.gyee','stop');
  519. $("#switch_pic")[0].style.background = "url('/resource/images/system/close.png')";
  520. }else{
  521. setCookie('lug.gdhf.gyee','run');
  522. $("#switch_pic")[0].style.background = "url('/resource/images/system/open.png')";
  523. }
  524. }
  525. function setCookie(name,value){//两个参数,一个是cookie的名子,一个是值
  526. var Days = 30; //此 cookie 将被保存 30 天
  527. var exp = new Date(); //new Date("December 31, 9998");
  528. exp.setTime(exp.getTime() + Days*24*60*60*1000);
  529. document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
  530. var message;
  531. var bg_color;
  532. if(value=='stop'){
  533. message='页面实时报警关闭成功';
  534. bg_color='#857788';
  535. }else{
  536. message='页面实时报警开启成功';
  537. bg_color='#5EA279';
  538. }
  539. $.toast({
  540. heading: '报警信息',
  541. text: message,
  542. position: 'bottom-right',
  543. bgColor: bg_color, // Background color of the toast
  544. textColor: '#ffffff', // Text color of the toast
  545. textAlign: 'left', // Text alignment i.e. left, right or center
  546. loader: true, // Whether to show loader or not. True by default
  547. loaderBg: '#b5ff44', // Background color of the toast loader
  548. showHideTransition: 'slide',
  549. hideAfter:false,
  550. stack: false
  551. });
  552. }
  553. function getCookie(name){//取cookies函数
  554. var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
  555. if(arr != null) return unescape(arr[2]); return null;
  556. }
  557. var version;
  558. function message(){
  559. var isRun = getCookie('lug.gdhf.gyee');
  560. if(isRun==null){
  561. isRun = 'run';
  562. setCookie('lug.gdhf.gyee','run');
  563. }
  564. if(isRun=='stop'){//实时改变图标
  565. $("#switch_pic")[0].style.background = "url('/resource/images/system/close.png')";
  566. return;
  567. }else{
  568. $("#switch_pic")[0].style.background = "url('/resource/images/system/open.png')";
  569. }
  570. $.ajax({
  571. url: "<%=request.getContextPath()%>/message/warning.action",
  572. cache: false,
  573. dataType: "json",
  574. type: "post",
  575. data: {
  576. 'version': version
  577. },
  578. timeout: 3000,
  579. success: function (msg) {
  580. if(msg!=null&&msg!=''){
  581. if((version != null && version < msg.version) && msg.message != null){
  582. version = msg.version;
  583. doSound();//用的时候打开,防止提交后别人重复报警
  584. var message = '<a href="#" onclick="mockClick();">';
  585. message = message + msg.message;
  586. message = message + '</a>';
  587. $.toast({
  588. heading: '报警信息',
  589. text: message,
  590. position: 'bottom-right',
  591. bgColor: '#d5634a', // Background color of the toast
  592. textColor: '#ffffff', // Text color of the toast
  593. textAlign: 'left', // Text alignment i.e. left, right or center
  594. loader: true, // Whether to show loader or not. True by default
  595. loaderBg: '#b5ff44', // Background color of the toast loader
  596. hideAfter:false,
  597. showHideTransition: 'slide',
  598. stack: false
  599. });
  600. }else if(version == null && msg.version!=null){//第一次加载页面,不报警
  601. version = msg.version;
  602. }
  603. }
  604. }
  605. })
  606. }
  607. function doSound(){
  608. if(!!window.ActiveXObject || "ActiveXObject" in window){
  609. $("#jquery_jplayer_1").jPlayer({
  610. ready: function () {
  611. $(this).jPlayer("setMedia", {
  612. mp3: "<%=request.getContextPath()%>/resource/js/jplayer/warn.mp3"
  613. });
  614. $(this).jPlayer("play");
  615. },
  616. swfPath: "<%=request.getContextPath()%>/resource/js/jplayer",
  617. supplied: "mp3"
  618. }).jPlayer("play");
  619. }else{
  620. $("#jquery_jplayer_1").jPlayer({
  621. ready: function () {
  622. $(this).jPlayer("setMedia", {
  623. oga: "<%=request.getContextPath()%>/resource/js/jplayer/warn.ogg"
  624. });
  625. $(this).jPlayer("play");
  626. },
  627. swfPath: "<%=request.getContextPath()%>/resource/js/jplayer",supplied : "oga"}).jPlayer("play");
  628. }
  629. }
  630. function mockClick() {
  631. $("#tab_8").trigger("click");
  632. }
  633. window.onload = function() {
  634. var isRun = getCookie('lug.gdhf.gyee');
  635. if (isRun != null && isRun == 'stop') {//实时改变图标
  636. $("#switch_pic")[0].style.background = "url('/resource/images/system/close.png')";
  637. } else {
  638. $("#switch_pic")[0].style.background = "url('/resource/images/system/open.png')";
  639. }
  640. window.setInterval(message, 20000);
  641. };
  642. </script>
  643. </body>
  644. </html>