main.jsp 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740
  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. function goUrl(){
  367. window.open("http://192.168.2.205:8078?u=1","_blank")
  368. }
  369. </script>
  370. </head>
  371. <body>
  372. <table width="1899px" border="0" cellspacing="0" cellpadding="0">
  373. <tr>
  374. <td height="50px" align="right" valign="top"
  375. background="<%=request.getContextPath()%>/resource/images/hbsj/benner.png">
  376. <table width="260" border="0" cellspacing="0" cellpadding="0">
  377. <tr>
  378. <td height="30" align="left" valign="bottom"
  379. style="font-family: fontNameRegular; font-size: 20px; font-weight: bolder; color: #FFF;"><div
  380. id="Clock"></div></td>
  381. <td height="30" align="right" onclick="goUrl()"><div
  382. style="width: 30px; height: 30px; float: right; cursor: pointer;">
  383. <img alt="预警管理"
  384. style="width: 30px; height: 30px; float: right; cursor: pointer;"
  385. src="<%=request.getContextPath()%>/pages/system/jiaoben1454/img/pc2.png">
  386. </div></td>
  387. </tr>
  388. </table>
  389. </td>
  390. </tr>
  391. </table>
  392. <div id="tabs"
  393. style="width: 1899px;height: 879px;border: 0px;margin: 0px">
  394. <ul>
  395. <li><a href="#tabs-1" onclick="clicktab1()"
  396. style="cursor: pointer;">领导驾驶舱</a>
  397. </li>
  398. <li><a href="#tabs-2" onclick="clicktab2()"
  399. style="cursor: pointer;">状态监视</a>
  400. </li>
  401. <li><a href="#tabs-3">设备矩阵</a>
  402. </li>
  403. <li><a href="#tabs-11" onclick="clicktab3()">AGC/AVC信息</a>
  404. </li>
  405. <li><a href="#tabs-4">性能分析</a>
  406. </li>
  407. <li><a href="#tabs-5">对标管理</a>
  408. </li>
  409. <li><a href="#tabs-6">指标排行</a>
  410. </li>
  411. <li><a href="#tabs-7">等级评估</a>
  412. </li>
  413. <li><a href="#tabs-8" id="tab_8">报警中心</a>
  414. </li>
  415. <li><a href="#tabs-9">报表管理</a>
  416. </li>
  417. <li><a href="#tabs-10" onclick="clicktab10()"
  418. style="cursor: pointer;">状态管理</a>
  419. </li>
  420. <li><a href="#tabs-12" onclick="clicktab12()"
  421. style="cursor: pointer;">通讯监视</a>
  422. </li>
  423. <li><a href="#tabs-13" onclick="clicktab13()"
  424. style="cursor: pointer;">公司日报</a>
  425. </li>
  426. <!-- <li><a href="#tabs-14" onclick="clicktab14()"
  427. style="cursor: pointer;">专题分析</a>
  428. </li> -->
  429. <!-- <li><a href="#tabs-12" onclick="clicktab11()" style="cursor: pointer;">明细矩阵</a></li> -->
  430. </ul>
  431. <div id="tabs-1" style="border: 0px;margin: 0px">
  432. <iframe id="tab1" src="<%=request.getContextPath()%>/desktop.action"
  433. style="border: 0px;margin: 0px" marginwidth="0px" marginheight="0px"
  434. frameborder="0" width="1899px" height="880px" scrolling="no"></iframe>
  435. </div>
  436. <div id="tabs-2">
  437. <iframe id="tab2" src="about:blank" style="border: 0px;margin: 0px"
  438. marginwidth="0px" marginheight="0px" frameborder="0" width="1899px"
  439. height="895px" scrolling="auto"></iframe>
  440. </div>
  441. <div id="tabs-3">
  442. <iframe id="tab3" src="about:blank" style="border: 0px;margin: 0px"
  443. marginwidth="0px" marginheight="0px" frameborder="0" width="1899px"
  444. height="970px" scrolling="no"></iframe>
  445. </div>
  446. <div id="tabs-4">
  447. <iframe id="tab4" src="about:blank" style="border: 0px;margin: 0px"
  448. marginwidth="0px" marginheight="0px" frameborder="0" width="1899px"
  449. height="880px" scrolling="auto"></iframe>
  450. </div>
  451. <div id="tabs-5">
  452. <iframe id="tab5" src="about:blank" style="border: 0px;margin: 0px"
  453. marginwidth="0px" marginheight="0px" frameborder="0" width="1890px"
  454. height="880px" scrolling="auto"></iframe>
  455. </div>
  456. <div id="tabs-6">
  457. <iframe id="tab6" src="about:blank" style="border: 0px;margin: 0px"
  458. marginwidth="0px" marginheight="0px" frameborder="0" width="1890px"
  459. height="879px" scrolling="auto"></iframe>
  460. </div>
  461. <div id="tabs-7">
  462. <iframe id="tab7" src="about:blank" style="border: 0px;margin: 0px"
  463. marginwidth="0px" marginheight="0px" frameborder="0" width="1890px"
  464. height="879px" scrolling="auto"></iframe>
  465. </div>
  466. <div id="tabs-8">
  467. <iframe id="tab8" src="about:blank" style="border: 0px;margin: 0px"
  468. marginwidth="0px" marginheight="0px" frameborder="0" width="1890px"
  469. height="879px" scrolling="auto"></iframe>
  470. </div>
  471. <div id="tabs-9">
  472. <iframe id="tab9" src="about:blank" style="border: 0px;margin: 0px"
  473. marginwidth="0px" marginheight="0px" frameborder="0" width="1890px"
  474. height="879px" scrolling="auto"></iframe>
  475. </div>
  476. <div id="tabs-10">
  477. <iframe id="tab10" src="about:blank" style="border: 0px;margin: 0px"
  478. marginwidth="0px" marginheight="0px" frameborder="0" width="1890px"
  479. height="879px" scrolling="auto"></iframe>
  480. </div>
  481. <div id="tabs-11">
  482. <iframe id="tab11" src="about:blank" style="border: 0px;margin: 0px"
  483. marginwidth="0px" marginheight="0px" frameborder="0" width="1890px"
  484. height="1200px" scrolling="no"></iframe>
  485. </div>
  486. <div id="tabs-12">
  487. <iframe id="tab12" src="about:blank" style="border: 0px;margin: 0px"
  488. marginwidth="0px" marginheight="0px" frameborder="0" width="1920px"
  489. height="1100px" scrolling="yes"></iframe>
  490. </div>
  491. <div id="tabs-13">
  492. <iframe id="tab13" src="about:blank" style="border: 0px;margin: 0px"
  493. marginwidth="0px" marginheight="0px" frameborder="0" width="1890px"
  494. height="879px" scrolling="auto"></iframe>
  495. </div>
  496. <!-- <div id="tabs-14">
  497. <iframe id="tab14" src="about:blank" style="border: 0px;margin: 0px"
  498. marginwidth="0px" marginheight="0px" frameborder="0" width="1890px"
  499. height="879px" scrolling="auto"></iframe>
  500. </div> -->
  501. <!-- <div id="tabs-12">
  502. <iframe id="tab12" src="about:blank" style="border: 0px;margin: 0px"
  503. marginwidth="0px" marginheight="0px" frameborder="0" width="1899px"
  504. height="880px" scrolling="no"></iframe>
  505. </div> -->
  506. </div>
  507. <style type="text/css">
  508. ul {
  509. list-style: none;
  510. }
  511. .slides {
  512. position: fixed;
  513. right: 0;
  514. top: 94%;
  515. }
  516. </style>
  517. <!--侧边栏-->
  518. <div class="slides">
  519. <div id='switch_pic' title="开启或关闭实时报警弹出!"
  520. style="cursor:hand;width: 30px;height: 30px;" onclick="doSwitch();">
  521. </div>
  522. </div>
  523. <div id="jquery_jplayer_1"></div>
  524. <script
  525. src="<%=request.getContextPath()%>/resource/js/jquery.toast.min.js"></script>
  526. <link rel="stylesheet" type="text/css"
  527. href="<%=request.getContextPath()%>/resource/css/jquery.toast.min.css" />
  528. <script
  529. src="<%=request.getContextPath()%>/resource/js/jplayer/jquery.jplayer.min.js"></script>
  530. <script type="text/javascript">
  531. function doSwitch(){
  532. var isRun = getCookie('lug.gdhf.gyee');
  533. if(isRun==null || isRun == 'run'){
  534. setCookie('lug.gdhf.gyee','stop');
  535. $("#switch_pic")[0].style.background = "url('/resource/images/system/close.png')";
  536. }else{
  537. setCookie('lug.gdhf.gyee','run');
  538. $("#switch_pic")[0].style.background = "url('/resource/images/system/open.png')";
  539. }
  540. }
  541. function setCookie(name,value){//两个参数,一个是cookie的名子,一个是值
  542. var Days = 30; //此 cookie 将被保存 30 天
  543. var exp = new Date(); //new Date("December 31, 9998");
  544. exp.setTime(exp.getTime() + Days*24*60*60*1000);
  545. document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
  546. var message;
  547. var bg_color;
  548. if(value=='stop'){
  549. message='页面实时报警关闭成功';
  550. bg_color='#857788';
  551. }else{
  552. message='页面实时报警开启成功';
  553. bg_color='#5EA279';
  554. }
  555. $.toast({
  556. heading: '报警信息',
  557. text: message,
  558. position: 'bottom-right',
  559. bgColor: bg_color, // Background color of the toast
  560. textColor: '#ffffff', // Text color of the toast
  561. textAlign: 'left', // Text alignment i.e. left, right or center
  562. loader: true, // Whether to show loader or not. True by default
  563. loaderBg: '#b5ff44', // Background color of the toast loader
  564. showHideTransition: 'slide',
  565. hideAfter:false,
  566. stack: false
  567. });
  568. }
  569. function getCookie(name){//取cookies函数
  570. var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
  571. if(arr != null) return unescape(arr[2]); return null;
  572. }
  573. var version;
  574. function message(){
  575. var isRun = getCookie('lug.gdhf.gyee');
  576. if(isRun==null){
  577. isRun = 'run';
  578. setCookie('lug.gdhf.gyee','run');
  579. }
  580. if(isRun=='stop'){//实时改变图标
  581. $("#switch_pic")[0].style.background = "url('/resource/images/system/close.png')";
  582. return;
  583. }else{
  584. $("#switch_pic")[0].style.background = "url('/resource/images/system/open.png')";
  585. }
  586. $.ajax({
  587. url: "<%=request.getContextPath()%>/message/warning.action",
  588. cache: false,
  589. dataType: "json",
  590. type: "post",
  591. data: {
  592. 'version': version
  593. },
  594. timeout: 3000,
  595. success: function (msg) {
  596. if(msg!=null&&msg!=''){
  597. if((version != null && version < msg.version) && msg.message != null){
  598. version = msg.version;
  599. doSound();//用的时候打开,防止提交后别人重复报警
  600. var message = '<a href="#" onclick="mockClick();">';
  601. message = message + msg.message;
  602. message = message + '</a>';
  603. $.toast({
  604. heading: '报警信息',
  605. text: message,
  606. position: 'bottom-right',
  607. bgColor: '#d5634a', // Background color of the toast
  608. textColor: '#ffffff', // Text color of the toast
  609. textAlign: 'left', // Text alignment i.e. left, right or center
  610. loader: true, // Whether to show loader or not. True by default
  611. loaderBg: '#b5ff44', // Background color of the toast loader
  612. hideAfter:false,
  613. showHideTransition: 'slide',
  614. stack: false
  615. });
  616. }else if(version == null && msg.version!=null){//第一次加载页面,不报警
  617. version = msg.version;
  618. }
  619. }
  620. }
  621. })
  622. }
  623. function doSound(){
  624. if(!!window.ActiveXObject || "ActiveXObject" in window){
  625. $("#jquery_jplayer_1").jPlayer({
  626. ready: function () {
  627. $(this).jPlayer("setMedia", {
  628. mp3: "<%=request.getContextPath()%>/resource/js/jplayer/warn.mp3"
  629. });
  630. $(this).jPlayer("play");
  631. },
  632. swfPath: "<%=request.getContextPath()%>/resource/js/jplayer",
  633. supplied: "mp3"
  634. }).jPlayer("play");
  635. }else{
  636. $("#jquery_jplayer_1").jPlayer({
  637. ready: function () {
  638. $(this).jPlayer("setMedia", {
  639. oga: "<%=request.getContextPath()%>/resource/js/jplayer/warn.ogg"
  640. });
  641. $(this).jPlayer("play");
  642. },
  643. swfPath: "<%=request.getContextPath()%>/resource/js/jplayer",supplied : "oga"}).jPlayer("play");
  644. }
  645. }
  646. function mockClick() {
  647. $("#tab_8").trigger("click");
  648. }
  649. window.onload = function() {
  650. var isRun = getCookie('lug.gdhf.gyee');
  651. if (isRun != null && isRun == 'stop') {//实时改变图标
  652. $("#switch_pic")[0].style.background = "url('/resource/images/system/close.png')";
  653. } else {
  654. $("#switch_pic")[0].style.background = "url('/resource/images/system/open.png')";
  655. }
  656. window.setInterval(message, 20000);
  657. };
  658. </script>
  659. </body>
  660. </html>