compareowntab.jsp 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  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. <style>
  7. body{
  8. font-size: 12px;
  9. margin-left: 0px;
  10. margin-top: 0px;
  11. margin-right: 0px;
  12. margin-bottom: 0px;
  13. }
  14. @font-face {
  15. font-family: 'fontNameRegular';
  16. src: url('<%=request.getContextPath() %>/resource/fonts/DS-DIGIT-webfont.eot');
  17. src: local('<%=request.getContextPath() %>/resource/fonts/DS-DIGIT-webfont Regular'),
  18. local('<%=request.getContextPath() %>/resource/fonts/DS-DIGIT-webfont'),
  19. url('<%=request.getContextPath() %>/resource/fonts/DS-DIGIT-webfont.woff') format('woff'),
  20. url('<%=request.getContextPath() %>/resource/fonts/DS-DIGIT-webfont.ttf') format('truetype'),
  21. url('<%=request.getContextPath() %>/resource/fonts/DS-DIGIT-webfont.svg#fontName') format('svg');
  22. font-size: 20px;
  23. font-weight: bolder;
  24. }
  25. </style>
  26. <link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css" />
  27. <script src="<%=request.getContextPath() %>/resource/plugin/jqueryui/js/jquery-ui-1.9.2.custom.js" type="text/javascript"></script>
  28. <script src="<%=request.getContextPath() %>/resource/plugin/jqueryui/development-bundle/ui/jquery.ui.widget.js"></script>
  29. <script src="<%=request.getContextPath() %>/resource/plugin/jqueryui/development-bundle/ui/jquery.ui.tabs.js"></script>
  30. <script type="text/javascript">
  31. $(function() {
  32. $( "#tabs" ).tabs({
  33. select: function(event, ui) {
  34. // ui.tab锚元素选中的标签页
  35. // ui.panel 锚元素选中的标签页的内容
  36. // ui.index 锚元素选中的标签页的索引(从0开始)
  37. if(ui.index==0)
  38. {
  39. $("#tab1").attr("src","<%=request.getContextPath() %>/compareown/compareAmountindex.action");
  40. $("#tab2").attr("src","about:blank");
  41. $("#tab3").attr("src","about:blank");
  42. }else if(ui.index==1)
  43. {
  44. $("#tab2").attr("src","<%=request.getContextPath() %>/compareown/comparemonthindex.action");
  45. $("#tab1").attr("src","about:blank");
  46. $("#tab3").attr("src","about:blank");
  47. }else if(ui.index==2)
  48. {
  49. $("#tab3").attr("src","<%=request.getContextPath() %>/compareown/compareindex.action");
  50. $("#tab1").attr("src","about:blank");
  51. $("#tab2").attr("src","about:blank");
  52. }
  53. else
  54. {
  55. $("#tab3").attr("src","about:blank");
  56. $("#tab1").attr("src","about:blank");
  57. $("#tab2").attr("src","about:blank");
  58. }
  59. }
  60. });
  61. $("#tab1").attr("src","<%=request.getContextPath() %>/compareown/compareAmountindex.action");
  62. });
  63. </script>
  64. </head>
  65. <body style ="overflow-x:hidden">
  66. <div id="tabs" style="style="width: 1560px;height: 795px;border: 0px;margin: 0px">
  67. <ul >
  68. <li><a href="#tabs-1">总功率情况</a></li>
  69. <li><a href="#tabs-2" >月功率情况</a></li>
  70. <li><a href="#tabs-3">日功率情况</a></li>
  71. </ul>
  72. <div id="tabs-1" style="border: 0px;margin: 0px">
  73. <iframe id="tab1" src="" style="border: 0px;margin: 0px" marginwidth="0px" marginheight="0px" frameborder="0" width="1700px" height="785px" scrolling="no"></iframe>
  74. </div>
  75. <div id="tabs-2">
  76. <iframe id="tab2" src="" style="border: 0px;margin: 0px" marginwidth="0px" marginheight="0px" frameborder="0" width="1700px" height="785px" scrolling="no"></iframe>
  77. </div>
  78. <div id="tabs-3">
  79. <iframe id="tab3" src="" style="border: 0px;margin: 0px" marginwidth="0px" marginheight="0px" frameborder="0" width="1700px" height="785px" scrolling="no"></iframe>
  80. </div>
  81. </div>
  82. </body>
  83. </html>