layout.jsp 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
  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. }
  29. /*非必备样式,描述窗格中的内容*/
  30. .ui-layout-content {
  31. padding: 0px;
  32. position: relative;
  33. margin: 0px;
  34. width: 100%;
  35. }
  36. /*
  37. * 所有拉动条的样式
  38. */
  39. .ui-layout-resizer {
  40. background: #dfe8f6;
  41. border: 0.5px solid #BBB;
  42. border-width: 0;
  43. }
  44. /*
  45. * 拉动条拉动时,保持不动的拉动条样式,不明白修改背景测试。
  46. */
  47. .ui-layout-resizer-drag {
  48. }
  49. /*鼠标移动到拉动条时的样式*/
  50. .ui-layout-resizer-hover {
  51. }
  52. /*
  53. *拖动拉动条时,拉动条的样式,据说是设置“打开悬停”和“拖动”为同一样式。
  54. */
  55. /*.ui-layout-resizer-open-hover , */
  56. .ui-layout-resizer-dragging {
  57. background:#aaaaaa;
  58. }
  59. /*拖动拉动条时,到最大或最小边缘时的样式*/
  60. .ui-layout-resizer-dragging-limit {
  61. background: #E1A4A4; /* red */
  62. }
  63. /*拉动条关闭时,的样式。*/
  64. .ui-layout-resizer-closed-hover {
  65. background: #FFCC00;
  66. }
  67. /*窗格关闭后,点击拉动条(非拉动条按钮),窗格滑动时拉动条的样式*/
  68. .ui-layout-resizer-sliding {
  69. opacity: .10;
  70. filter: alpha(opacity=10);
  71. }
  72. /*窗格关闭后,点击拉动条(非拉动条按钮),窗格滑动时,鼠标悬停在拉动条上的样式*/
  73. .ui-layout-resizer-sliding-hover {
  74. opacity: 1.00;
  75. filter: alpha(opacity=100);
  76. }
  77. /*
  78. * 拖动杆上的按钮
  79. */
  80. .ui-layout-toggler {
  81. border: 1px solid #CCCCCC;
  82. background-color: #bcd2ef;
  83. opacity: .60;
  84. filter: alpha(opacity=60);
  85. }
  86. /*
  87. 鼠标悬停在拉动条时的样式,已被.ui-layout-resizer-open-hover和.ui-layout-resizer-closed-hover覆盖了。
  88. .ui-layout-resizer-hover
  89. */
  90. /*鼠标悬停在拖动条上按钮的样式*/
  91. .ui-layout-toggler-hover {
  92. background-color: #0099FF; opacity: 1.00;
  93. filter: alpha(opacity=100);
  94. }
  95. /*窗格关闭后,半打开状态的拉动条是隐藏的*/
  96. .ui-layout-resizer-sliding ui-layout-toggler {
  97. display: none;
  98. }
  99. .ui-widget { /* Footer in East-pane */
  100. font-size: 14px;
  101. font-family: "Times New Roman", Times, serif;
  102. font-weight: bold;
  103. border-width: 0px 0 0;
  104. }
  105. h3 { /* Headers & Footer in Center & East panes */
  106. height:14px;
  107. background: #fff;
  108. border: 0px solid #BBB;
  109. border-width: 0 0 0px;
  110. margin: 0;
  111. }
  112. h4 { /* Footer in East-pane */
  113. font-size: 12px;
  114. font-weight: bolder;
  115. color: #333;
  116. border-width: 0px 0 0;
  117. margin: 5px;
  118. }
  119. .ui-accordion .ui-accordion-content {
  120. padding: 0;
  121. border-top: 0;
  122. overflow: auto;
  123. zoom: 1;
  124. }
  125. .ui-helper-reset {
  126. font-size: 12px;
  127. }
  128. </style>
  129. <script type="text/javascript" src="<%=request.getContextPath()%>/resource/plugin/jqueryui/js/jquery-1.8.3.js"></script>
  130. <script type="text/javascript" src="<%=request.getContextPath()%>/resource/plugin/jqueryui/js/jquery-ui-1.9.2.custom.js"></script>
  131. <script type="text/javascript" src="<%=request.getContextPath()%>/resource/js/layout/jquery.layout.js"></script>
  132. <script type="text/javascript" src="<%=request.getContextPath()%>/resource/js/layout/jquery.layout.resizePaneAccordions.js"></script>
  133. <script type="text/javascript" src="<%=request.getContextPath()%>/resource/js/layout/themeswitchertool.js"></script>
  134. <script type="text/javascript">
  135. $(document).ready( function() {
  136. myLayout = $('body').layout({
  137. west__size: 220
  138. // RESIZE Accordion widget when panes resize
  139. , west__onresize: $.layout.callbacks.resizePaneAccordions
  140. });
  141. // ACCORDION - in the West pane
  142. $("#accordion1").accordion({
  143. heightStyle: "fill"
  144. });
  145. goUrl("/analysistask/analysistaskpjindex.action");
  146. });
  147. function goUrl(url)
  148. {
  149. $("#frame").attr("src",url);
  150. }
  151. </script>
  152. <style type="text/css">
  153. body {
  154. margin-left: 0px;
  155. margin-top: 0px;
  156. margin-right: 0px;
  157. margin-bottom: 0px;
  158. }
  159. .Navigation_Text {
  160. font-family: "Times New Roman", Times, serif;
  161. font-size: 12px;
  162. font-weight:normal;
  163. color: #333;
  164. text-decoration: none;
  165. position:relative;
  166. top: 6px;
  167. left:30px;
  168. }
  169. </style>
  170. </head>
  171. <body>
  172. <div class="ui-layout-center" style="display: none;">
  173. <div class="ui-layout-content ui-widget-content">
  174. <iframe id="frame" width="99%" height="100%" frameborder="0" scrolling="auto" style="margin-left:5px" src=""></iframe>
  175. </div>
  176. </div>
  177. <div class=ui-layout-west >
  178. <div class="ui-layout-content">
  179. <div id="accordion1" class="basic">
  180. <h3 style="text-align:left;background-image:url(<%=request.getContextPath()%>/resource/images/link/zbph_Link_Top.jpg) " >故障诊断</h3>
  181. <div >
  182. <h4 style="height:28px;text-align:left;vertical-align: middle;background-image: url('<%=request.getContextPath()%>/resource/images/system/pictures/item_Bg.fw.png')" ><a href="#" class="Navigation_Text"
  183. onclick="goUrl('/analysistask/analysistaskpjindex.action')"> 批量故障诊断</a></h4>
  184. <h4 style="height:28px;text-align:left;vertical-align: middle;background-image: url('<%=request.getContextPath()%>/resource/images/system/pictures/item_Bg.fw.png')" ><a href="#" class="Navigation_Text"
  185. onclick="goUrl('/analysistask/analysistaskwtindex.action')">单机故障诊断</a></h4>
  186. <h4 style="height:28px;text-align:left;vertical-align: middle;background-image: url('<%=request.getContextPath()%>/resource/images/system/pictures/item_Bg.fw.png')" ><a href="#" class="Navigation_Text"
  187. onclick="goUrl('/analysistask/analysistaskindex.action')">故障诊断查询</a></h4>
  188. </div>
  189. </div>
  190. </div>
  191. </div>
  192. </body>
  193. </html>