gmlayout.jsp 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268
  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"
  8. href="<%=request.getContextPath()%>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css">
  9. <link rel="stylesheet" type="text/css"
  10. href="<%=request.getContextPath()%>/resource/css/button.css">
  11. <!-- CUSTOMIZE/OVERRIDE THE DEFAULT CSS -->
  12. <style type="text/css">
  13. /*
  14. 三种必备样式为:
  15. paneClass: "ui-layout-pane" 窗格样式
  16. resizerClass: "ui-layout-resizer" 拉动条样式
  17. togglerClass: "ui-layout-toggler" 拉动条上按钮样式
  18. */ /*
  19. 所有窗格应用的样式,也是必备样式
  20. ui-layout-pane
  21. ui-layout-pane-[PANE-NAME](东南西北中,如:ui-layout-pane-west。这个样式放入基本样式下方,可覆盖原样式。 )
  22. ui-layout-pane-[PANE-STATE] (open、closed 如:ui-layout-pane-open。窗格打开时的样式)
  23. ui-layout-pane-[PANE-NAME]-[PANE-STATE] (如:ui-layout-pane-west-closed。指定东南西北中一个窗格在某状态下的样式。)
  24. */
  25. .ui-layout-pane {
  26. background: #ffffff;
  27. border: 0px solid #ffffff;
  28. padding: 1px;
  29. overflow: hidden;
  30. }
  31. /*非必备样式,描述窗格中的内容*/
  32. .ui-layout-content {
  33. padding: 0px;
  34. position: relative;
  35. overflow: hidden;
  36. margin: 0px;
  37. width: 100%;
  38. }
  39. /*
  40. * 所有拉动条的样式
  41. */
  42. .ui-layout-resizer {
  43. background: #dfe8f6;
  44. border: 0.5px solid #BBB;
  45. border-width: 0;
  46. }
  47. /*
  48. * 拉动条拉动时,保持不动的拉动条样式,不明白修改背景测试。
  49. */
  50. .ui-layout-resizer-drag {
  51. }
  52. /*鼠标移动到拉动条时的样式*/
  53. .ui-layout-resizer-hover {
  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. .ui-layout-toggler-hover {
  93. background-color: #0099FF; opacity : 1.00;
  94. filter: alpha(opacity = 100);
  95. }
  96. /*窗格关闭后,半打开状态的拉动条是隐藏的*/
  97. .ui-layout-resizer-sliding ui-layout-toggler {
  98. display: none;
  99. }
  100. .ui-widget { /* Footer in East-pane */
  101. font-size: 14px;
  102. font-family: "Times New Roman", Times, serif;
  103. font-weight: bold;
  104. border-width: 0px 0 0;
  105. }
  106. h3 { /* Headers & Footer in Center & East panes */
  107. height: 14px;
  108. background: #fff;
  109. border: 0px solid #BBB;
  110. border-width: 0 0 0px;
  111. margin: 0;
  112. }
  113. h4 { /* Footer in East-pane */
  114. font-size: 12px;
  115. font-weight: bolder;
  116. color: #333;
  117. border-width: 0px 0 0;
  118. margin: 5px;
  119. }
  120. .ui-accordion .ui-accordion-content {
  121. padding: 0;
  122. border-top: 0;
  123. overflow: auto;
  124. zoom: 1;
  125. }
  126. .ui-helper-reset {
  127. font-size: 12px;
  128. }
  129. </style>
  130. <script type="text/javascript"
  131. src="<%=request.getContextPath()%>/resource/plugin/jqueryui/js/jquery-1.8.3.js">
  132. </script>
  133. <script type="text/javascript"
  134. src="<%=request.getContextPath()%>/resource/plugin/jqueryui/js/jquery-ui-1.9.2.custom.js">
  135. </script>
  136. <script type="text/javascript"
  137. src="<%=request.getContextPath()%>/resource/js/layout/jquery.layout.js">
  138. </script>
  139. <script type="text/javascript"
  140. src="<%=request.getContextPath()%>/resource/js/layout/jquery.layout.resizePaneAccordions.js">
  141. </script>
  142. <script type="text/javascript"
  143. src="<%=request.getContextPath()%>/resource/js/layout/themeswitchertool.js">
  144. </script>
  145. <script type="text/javascript">
  146. $(document).ready(function() {
  147. myLayout = $('body').layout( {
  148. west__size : 220
  149. // RESIZE Accordion widget when panes resize
  150. ,
  151. west__onresize : $.layout.callbacks.resizePaneAccordions
  152. });
  153. // ACCORDION - in the West pane
  154. $("#accordion1").accordion( {
  155. heightStyle : "fill"
  156. });
  157. goUrl("/gradeassessment/wtgatab.action");
  158. });
  159. function goUrl(url) {
  160. $("#frame").attr("src", url);
  161. }
  162. </script>
  163. <style type="text/css">
  164. body {
  165. margin-left: 0px;
  166. margin-top: 0px;
  167. margin-right: 0px;
  168. margin-bottom: 0px;
  169. }
  170. .Navigation_Text {
  171. font-family: "Times New Roman", Times, serif;
  172. font-size: 12px;
  173. font-weight: normal;
  174. color: #333;
  175. text-decoration: none;
  176. position: relative;
  177. top: 6px;
  178. left: 30px;
  179. }
  180. </style>
  181. </head>
  182. <body>
  183. <div class="ui-layout-center" style="display: none;">
  184. <div class="ui-layout-content ui-widget-content">
  185. <iframe id="frame" width="99%" height="100%" frameborder="0"
  186. scrolling="auto" style="margin-left: 5px" src=""></iframe>
  187. </div>
  188. </div>
  189. <div class=ui-layout-west>
  190. <div class="ui-layout-content">
  191. <div id="accordion1" class="basic">
  192. <h3
  193. style="text-align:left;background-image:url(<%=request.getContextPath()%>/resource/images/link/zbph_Link_Top.jpg) ">
  194. 单机等级评估管理
  195. </h3>
  196. <div>
  197. <h4
  198. style="height:28px;text-align:left;vertical-align: middle;background-image: url('<%=request.getContextPath()%>/resource/images/system/pictures/item_Bg.fw.png')">
  199. <a class="Navigation_Text" href="#"
  200. onclick="goUrl('/gradeassessment/wtgatab.action')">单机等级评估</a>
  201. </h4>
  202. <!--
  203. <h4
  204. style="height:28px;text-align:left;vertical-align: middle;background-image: url('<%=request.getContextPath()%>/resource/images/system/pictures/item_Bg.fw.png')">
  205. <a href="#" class="Navigation_Text"
  206. onclick="goUrl('/gradeassessday/gadayindex.action')"> 日单机等级评估</a>
  207. </h4>
  208. <h4
  209. style="height:28px;text-align:left;vertical-align: middle;background-image: url('<%=request.getContextPath()%>/resource/images/system/pictures/item_Bg.fw.png')">
  210. <a href="#" class="Navigation_Text"
  211. onclick="goUrl('/gradeassess/gamonthindex.action')"> 月单机等级评估</a>
  212. </h4>
  213. <h4
  214. style="height:28px;text-align:left;vertical-align: middle;background-image: url('<%=request.getContextPath()%>/resource/images/system/pictures/item_Bg.fw.png')">
  215. <a href="#" class="Navigation_Text"
  216. onclick="goUrl('/gradeassessyear/gayearindex.action')"> 年单机等级评估</a>
  217. </h4>
  218. -->
  219. </div>
  220. </div>
  221. </div>
  222. </div>
  223. </body>
  224. </html>