123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206 |
- <%@ page language="java" contentType="text/html;charset=utf-8"%>
- <%@include file="/pages/includes/taglibs.jsp"%>
- <!DOCTYPE html>
- <html>
- <head>
- <title></title>
- <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css">
- <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/resource/css/button.css">
- <!-- CUSTOMIZE/OVERRIDE THE DEFAULT CSS -->
- <style type="text/css">
- /*
- 三种必备样式为:
- paneClass: "ui-layout-pane" 窗格样式
- resizerClass: "ui-layout-resizer" 拉动条样式
- togglerClass: "ui-layout-toggler" 拉动条上按钮样式
- */
-
- /*
- 所有窗格应用的样式,也是必备样式
- ui-layout-pane
- ui-layout-pane-[PANE-NAME](东南西北中,如:ui-layout-pane-west。这个样式放入基本样式下方,可覆盖原样式。 )
- ui-layout-pane-[PANE-STATE] (open、closed 如:ui-layout-pane-open。窗格打开时的样式)
- ui-layout-pane-[PANE-NAME]-[PANE-STATE] (如:ui-layout-pane-west-closed。指定东南西北中一个窗格在某状态下的样式。)
- */
- .ui-layout-pane {
- background: #ffffff;
- border: 0px solid #ffffff;
- padding: 1px;
- }
- /*非必备样式,描述窗格中的内容*/
- .ui-layout-content {
- padding: 0px;
- position: relative;
- margin: 0px;
- width: 100%;
- }
- /*
- * 所有拉动条的样式
- */
- .ui-layout-resizer {
- background: #dfe8f6;
- border: 0.5px solid #BBB;
- border-width: 0;
- }
- /*
- * 拉动条拉动时,保持不动的拉动条样式,不明白修改背景测试。
- */
- .ui-layout-resizer-drag {
- }
- /*鼠标移动到拉动条时的样式*/
- .ui-layout-resizer-hover {
- }
- /*
- *拖动拉动条时,拉动条的样式,据说是设置“打开悬停”和“拖动”为同一样式。
- */
- /*.ui-layout-resizer-open-hover , */
- .ui-layout-resizer-dragging {
- background:#aaaaaa;
- }
- /*拖动拉动条时,到最大或最小边缘时的样式*/
- .ui-layout-resizer-dragging-limit {
- background: #E1A4A4; /* red */
- }
- /*拉动条关闭时,的样式。*/
- .ui-layout-resizer-closed-hover {
- background: #FFCC00;
- }
- /*窗格关闭后,点击拉动条(非拉动条按钮),窗格滑动时拉动条的样式*/
- .ui-layout-resizer-sliding {
- opacity: .10;
- filter: alpha(opacity=10);
- }
- /*窗格关闭后,点击拉动条(非拉动条按钮),窗格滑动时,鼠标悬停在拉动条上的样式*/
- .ui-layout-resizer-sliding-hover {
- opacity: 1.00;
- filter: alpha(opacity=100);
- }
- /*
- * 拖动杆上的按钮
- */
- .ui-layout-toggler {
- border: 1px solid #CCCCCC;
- background-color: #bcd2ef;
- opacity: .60;
- filter: alpha(opacity=60);
- }
- /*
- 鼠标悬停在拉动条时的样式,已被.ui-layout-resizer-open-hover和.ui-layout-resizer-closed-hover覆盖了。
- .ui-layout-resizer-hover
- */
-
-
- /*鼠标悬停在拖动条上按钮的样式*/
- .ui-layout-toggler-hover {
- background-color: #0099FF; opacity: 1.00;
- filter: alpha(opacity=100);
- }
- /*窗格关闭后,半打开状态的拉动条是隐藏的*/
- .ui-layout-resizer-sliding ui-layout-toggler {
- display: none;
- }
- .ui-widget { /* Footer in East-pane */
- font-size: 14px;
- font-family: "Times New Roman", Times, serif;
- font-weight: bold;
- border-width: 0px 0 0;
- }
- h3 { /* Headers & Footer in Center & East panes */
- height:14px;
- background: #fff;
- border: 0px solid #BBB;
- border-width: 0 0 0px;
- margin: 0;
- }
- h4 { /* Footer in East-pane */
- font-size: 12px;
- font-weight: bolder;
- color: #333;
- border-width: 0px 0 0;
- margin: 5px;
- }
- .ui-accordion .ui-accordion-content {
- padding: 0;
- border-top: 0;
- overflow: auto;
- zoom: 1;
- }
- .ui-helper-reset {
- font-size: 12px;
- }
- </style>
- <script type="text/javascript" src="<%=request.getContextPath()%>/resource/plugin/jqueryui/js/jquery-1.8.3.js"></script>
- <script type="text/javascript" src="<%=request.getContextPath()%>/resource/plugin/jqueryui/js/jquery-ui-1.9.2.custom.js"></script>
- <script type="text/javascript" src="<%=request.getContextPath()%>/resource/js/layout/jquery.layout.js"></script>
- <script type="text/javascript" src="<%=request.getContextPath()%>/resource/js/layout/jquery.layout.resizePaneAccordions.js"></script>
- <script type="text/javascript" src="<%=request.getContextPath()%>/resource/js/layout/themeswitchertool.js"></script>
- <script type="text/javascript">
- $(document).ready( function() {
-
- myLayout = $('body').layout({
- west__size: 220
-
- // RESIZE Accordion widget when panes resize
- , west__onresize: $.layout.callbacks.resizePaneAccordions
- });
-
- // ACCORDION - in the West pane
- $("#accordion1").accordion({
- heightStyle: "fill"
- });
-
-
-
- goUrl("/analysistask/analysistaskpjindex.action");
-
-
- });
- function goUrl(url)
- {
- $("#frame").attr("src",url);
- }
- </script>
- <style type="text/css">
- body {
- margin-left: 0px;
- margin-top: 0px;
- margin-right: 0px;
- margin-bottom: 0px;
- }
- .Navigation_Text {
- font-family: "Times New Roman", Times, serif;
- font-size: 12px;
- font-weight:normal;
- color: #333;
- text-decoration: none;
- position:relative;
- top: 6px;
- left:30px;
- }
- </style>
- </head>
- <body>
- <div class="ui-layout-center" style="display: none;">
- <div class="ui-layout-content ui-widget-content">
- <iframe id="frame" width="99%" height="100%" frameborder="0" scrolling="auto" style="margin-left:5px" src=""></iframe>
- </div>
- </div>
- <div class=ui-layout-west >
- <div class="ui-layout-content">
- <div id="accordion1" class="basic">
- <h3 style="text-align:left;background-image:url(<%=request.getContextPath()%>/resource/images/link/zbph_Link_Top.jpg) " >故障诊断</h3>
- <div >
- <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"
- onclick="goUrl('/analysistask/analysistaskpjindex.action')"> 批量故障诊断</a></h4>
- <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"
- onclick="goUrl('/analysistask/analysistaskwtindex.action')">单机故障诊断</a></h4>
- <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"
- onclick="goUrl('/analysistask/analysistaskindex.action')">故障诊断查询</a></h4>
- </div>
-
- </div>
- </div>
- </div>
- </body>
- </html>
|