warnlayoutJsp.jsp 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
  1. <%@ page language="java" contentType="text/html;charset=utf-8"%>
  2. <%@include file="/pages/includes/taglibs.jsp"%>
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6. <title></title>
  7. <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css">
  8. <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/resource/css/button.css">
  9. <!-- CUSTOMIZE/OVERRIDE THE DEFAULT CSS -->
  10. <style type="text/css">
  11. /*
  12. 三种必备样式为:
  13. paneClass: "ui-layout-pane" 窗格样式
  14. resizerClass: "ui-layout-resizer" 拉动条样式
  15. togglerClass: "ui-layout-toggler" 拉动条上按钮样式
  16. */
  17. /*
  18. 所有窗格应用的样式,也是必备样式
  19. ui-layout-pane
  20. ui-layout-pane-[PANE-NAME](东南西北中,如:ui-layout-pane-west。这个样式放入基本样式下方,可覆盖原样式。 )
  21. ui-layout-pane-[PANE-STATE] (open、closed 如:ui-layout-pane-open。窗格打开时的样式)
  22. ui-layout-pane-[PANE-NAME]-[PANE-STATE] (如:ui-layout-pane-west-closed。指定东南西北中一个窗格在某状态下的样式。)
  23. */
  24. .ui-layout-pane {
  25. background: #ffffff;
  26. border: 0px solid #ffffff;
  27. padding: 1px;
  28. overflow: hidden;
  29. }
  30. /*非必备样式,描述窗格中的内容*/
  31. .ui-layout-content {
  32. padding: 0px;
  33. position: relative;
  34. overflow: hidden;
  35. margin: 0px;
  36. width: 100%;
  37. }
  38. /*
  39. * 所有拉动条的样式
  40. */
  41. .ui-layout-resizer {
  42. background: #dfe8f6;
  43. border: 0.5px solid #BBB;
  44. border-width: 0;
  45. }
  46. /*
  47. * 拉动条拉动时,保持不动的拉动条样式,不明白修改背景测试。
  48. */
  49. .ui-layout-resizer-drag {
  50. }
  51. /*鼠标移动到拉动条时的样式*/
  52. .ui-layout-resizer-hover{
  53. }
  54. /*
  55. *拖动拉动条时,拉动条的样式,据说是设置“打开悬停”和“拖动”为同一样式。
  56. */
  57. /*.ui-layout-resizer-open-hover , */
  58. .ui-layout-resizer-dragging {
  59. background:#aaaaaa;
  60. }
  61. /*拖动拉动条时,到最大或最小边缘时的样式*/
  62. .ui-layout-resizer-dragging-limit {
  63. background: #E1A4A4; /* red */
  64. }
  65. /*拉动条关闭时,的样式。*/
  66. .ui-layout-resizer-closed-hover {
  67. background: #FFCC00;
  68. }
  69. /*窗格关闭后,点击拉动条(非拉动条按钮),窗格滑动时拉动条的样式*/
  70. .ui-layout-resizer-sliding {
  71. opacity: .10;
  72. filter: alpha(opacity=10);
  73. }
  74. /*窗格关闭后,点击拉动条(非拉动条按钮),窗格滑动时,鼠标悬停在拉动条上的样式*/
  75. .ui-layout-resizer-sliding-hover {
  76. opacity: 1.00;
  77. filter: alpha(opacity=100);
  78. }
  79. /*
  80. * 拖动杆上的按钮
  81. */
  82. .ui-layout-toggler {
  83. border: 1px solid #CCCCCC;
  84. background-color: #bcd2ef;
  85. opacity: .60;
  86. filter: alpha(opacity=60);
  87. }
  88. /*
  89. 鼠标悬停在拉动条时的样式,已被.ui-layout-resizer-open-hover和.ui-layout-resizer-closed-hover覆盖了。
  90. .ui-layout-resizer-hover
  91. */
  92. /*鼠标悬停在拖动条上按钮的样式*/
  93. .ui-layout-toggler-hover {
  94. background-color: #0099FF;
  95. opacity: 1.00;
  96. filter: alpha(opacity=100);
  97. }
  98. /*窗格关闭后,半打开状态的拉动条是隐藏的*/
  99. .ui-layout-resizer-sliding ui-layout-toggler {
  100. display: none;
  101. }
  102. .ui-widget { /* Footer in East-pane */
  103. font-size: 14px;
  104. font-family: "Times New Roman", Times, serif;
  105. font-weight: bold;
  106. border-width: 0px 0 0;
  107. }
  108. h3 { /* Headers & Footer in Center & East panes */
  109. height:14px;
  110. background: #fff;
  111. border: 0px solid #BBB;
  112. border-width: 0 0 0px;
  113. margin: 0;
  114. }
  115. h4 { /* Footer in East-pane */
  116. font-size: 12px;
  117. font-weight: bolder;
  118. color: #333;
  119. border-width: 0px 0 0;
  120. margin: 5px;
  121. }
  122. .ui-accordion .ui-accordion-content
  123. {
  124. padding: 0;
  125. border-top: 0;
  126. overflow: auto;
  127. zoom: 1;
  128. }
  129. .ui-helper-reset
  130. {
  131. font-size: 12px;
  132. }
  133. </style>
  134. <script type="text/javascript" src="<%=request.getContextPath()%>/resource/plugin/jqueryui/js/jquery-1.8.3.js"></script>
  135. <script type="text/javascript" src="<%=request.getContextPath()%>/resource/plugin/jqueryui/js/jquery-ui-1.9.2.custom.js"></script>
  136. <script type="text/javascript" src="<%=request.getContextPath()%>/resource/js/layout/jquery.layout.js"></script>
  137. <script type="text/javascript" src="<%=request.getContextPath()%>/resource/js/layout/jquery.layout.resizePaneAccordions.js"></script>
  138. <script type="text/javascript" src="<%=request.getContextPath()%>/resource/js/layout/themeswitchertool.js"></script>
  139. <script type="text/javascript">
  140. $(document).ready( function() {
  141. myLayout = $('body').layout({
  142. west__size: 220
  143. // RESIZE Accordion widget when panes resize
  144. , west__onresize: $.layout.callbacks.resizePaneAccordions
  145. });
  146. // ACCORDION - in the West pane
  147. $("#accordion1").accordion({
  148. heightStyle: "fill"
  149. });
  150. // ACCORDION - in the West pane
  151. $("#accordion1").accordion({
  152. heightStyle: "fill"
  153. });
  154. goUrl("/warnhistory/warnhistoryIndex.action");
  155. });
  156. function goUrl(url)
  157. {
  158. $("#frame").attr("src",url);
  159. }
  160. </script>
  161. <style type="text/css">
  162. body {
  163. margin-left: 0px;
  164. margin-top: 0px;
  165. margin-right: 0px;
  166. margin-bottom: 0px;
  167. }
  168. .Navigation_Text {
  169. font-family: "Times New Roman", Times, serif;
  170. font-size: 12px;
  171. font-weight:normal;
  172. color: #333;
  173. text-decoration: none;
  174. position:relative;
  175. top: 6px;
  176. left:30px;
  177. }
  178. </style>
  179. </head>
  180. <body>
  181. <div class="ui-layout-center" style="display: none;">
  182. <div class="ui-layout-content ui-widget-content">
  183. <iframe id="frame" width="99%" height="100%" frameborder="0" scrolling="auto" style="margin-left:5px" src=""></iframe>
  184. </div>
  185. </div>
  186. <div class=ui-layout-west >
  187. <div class="ui-layout-content">
  188. <div id="accordion1" class="basic">
  189. <h3 style="text-align:left;background-image:url(<%=request.getContextPath()%>/resource/images/link/zbph_Link_Top.jpg) " >报警中心</h3>
  190. <div style="overflow:hidden" >
  191. <!--<h4 style="height:28px;text-align:left;vertical-align: middle;background-image: url('<%=request.getContextPath()%>/resource/images/system/pictures/item_Bg.fw.png')" ><a class="Navigation_Text" href="#" onclick="goUrl('/alerthistroy/alarmwindowIndex.action')">光&nbsp;字牌报&nbsp;警</a></h4>-->
  192. <h4 style="height:28px;text-align:left;vertical-align: middle;background-image: url('<%=request.getContextPath()%>/resource/images/system/pictures/item_Bg.fw.png')" ><a class="Navigation_Text" href="#" onclick="goUrl('/alerthistroy/runningAlarmIndex.action')">实&nbsp;&nbsp;时&nbsp;&nbsp;报&nbsp;&nbsp;警</a></h4>
  193. <%-- <h4 style="height:28px;text-align:left;vertical-align: middle;background-image: url('<%=request.getContextPath()%>/resource/images/system/pictures/item_Bg.fw.png')" ><a class="Navigation_Text" href="#" onclick="goUrl('/alerthistroy/temperatureHz.action')">主&nbsp;&nbsp;要&nbsp;&nbsp;指&nbsp;&nbsp;标</a></h4> --%>
  194. <h4 style="height:28px;text-align:left;vertical-align: middle;background-image: url('<%=request.getContextPath()%>/resource/images/system/pictures/item_Bg.fw.png')" ><a class="Navigation_Text" href="#" onclick="goUrl('/monitor/temperatureIndex.action')">温&nbsp;&nbsp;度&nbsp;&nbsp;监&nbsp;&nbsp;控</a></h4>
  195. <h4 style="height:28px;text-align:left;vertical-align: middle;background-image: url('<%=request.getContextPath()%>/resource/images/system/pictures/item_Bg.fw.png')" ><a class="Navigation_Text" href="#" onclick="goUrl('/alerthistroy/alerthistroyIndex.action')">历&nbsp;&nbsp;史&nbsp;&nbsp;报&nbsp;&nbsp;警</a></h4>
  196. <h4 style="height:28px;text-align:left;vertical-align: middle;background-image: url('<%=request.getContextPath()%>/resource/images/system/pictures/item_Bg.fw.png')" ><a class="Navigation_Text" href="#" onclick="goUrl('/warnhistory/warnhistoryIndex.action')">SCADA报警</a></h4>
  197. <h4 style="height:28px;text-align:left;vertical-align: middle;background-image: url('<%=request.getContextPath()%>/resource/images/system/pictures/item_Bg.fw.png')" ><a class="Navigation_Text" href="#" onclick="goUrl('/electricalwarn/electricalwarnIndex.action')">升&nbsp;压站报&nbsp;警</a></h4>
  198. <h4 style="height:28px;text-align:left;vertical-align: middle;background-image: url('<%=request.getContextPath()%>/resource/images/system/pictures/item_Bg.fw.png')" ><a class="Navigation_Text" href="#" onclick="goUrl('/event/index.action')">停&nbsp;&nbsp;机&nbsp;&nbsp;事&nbsp;&nbsp;件</a></h4>
  199. <!-- <h4 style="height:28px;text-align:left;vertical-align: middle;background-image: url('<%=request.getContextPath()%>/resource/images/system/pictures/item_Bg.fw.png')" ><a class="Navigation_Text" href="#" onclick="goUrl('/customwarn/index.action')">自&nbsp;定义报&nbsp;警</a></h4>-->
  200. <h4 style="height:28px;text-align:left;vertical-align: middle;background-image: url('<%=request.getContextPath()%>/resource/images/system/pictures/item_Bg.fw.png')" ><a class="Navigation_Text" href="#" onclick="goUrl('/brownouts/index.action')">限&nbsp;&nbsp;电&nbsp;&nbsp;管&nbsp;&nbsp;理</a></h4>
  201. <h4 style="height:28px;text-align:left;vertical-align: middle;background-image: url('<%=request.getContextPath()%>/resource/images/system/pictures/item_Bg.fw.png')" ><a class="Navigation_Text" href="#" onclick="goUrl('/healthCount/indexForWindturbine.action')">按风机统计</a></h4>
  202. <h4 style="height:28px;text-align:left;vertical-align: middle;background-image: url('<%=request.getContextPath()%>/resource/images/system/pictures/item_Bg.fw.png')" ><a class="Navigation_Text" href="#" onclick="goUrl('/healthCount/indexForTsWindturbine.action')">按风机类型统计</a></h4>
  203. </div>
  204. </div>
  205. </div>
  206. </div>
  207. </body>
  208. </html>