scattertab.jsp 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
  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. var wpId2 =$(window.frames[1].document).find("#wpId").val();
  40. var wpId3 =$(window.frames[2].document).find("#wpId").val();
  41. var year2 =$(window.frames[1].document).find("#year").val();
  42. var year3 =$(window.frames[2].document).find("#year").val();
  43. var month2 =$(window.frames[1].document).find("#month").val();
  44. var month3 =$(window.frames[2].document).find("#month").val();
  45. var wpId;
  46. var year;
  47. var month;
  48. if(wpId2!=null && wpId2!="")
  49. {
  50. wpId=wpId2;
  51. }
  52. else if(wpId3!=null && wpId3!="")
  53. {
  54. wpId=wpId3;
  55. }
  56. if(year2!=null && year2!="")
  57. {
  58. year=year2;
  59. }
  60. else if(year3!=null && year3!="")
  61. {
  62. year=year3;
  63. }
  64. if(month2!=null && month2!="")
  65. {
  66. month=month2;
  67. }
  68. else if(month3!=null && month3!="")
  69. {
  70. month=month3;
  71. }
  72. /****************************************************************/
  73. $("#tab1").attr("src","<%=request.getContextPath() %>/scatter/wpscatterIndex.action?year="+year
  74. +"&month="+month+"&wpId="+wpId);
  75. $("#tab2").attr("src","about:blank");
  76. $("#tab3").attr("src","about:blank");
  77. }else if(ui.index==1)
  78. {
  79. var wpId1 =$(window.frames[0].document).find("#wpId").val();
  80. var wpId3 =$(window.frames[2].document).find("#wpId").val();
  81. var year1 =$(window.frames[0].document).find("#year").val();
  82. var year3 =$(window.frames[2].document).find("#year").val();
  83. var month1 =$(window.frames[0].document).find("#month").val();
  84. var month3 =$(window.frames[2].document).find("#month").val();
  85. var wpId;
  86. var year;
  87. var month;
  88. if(wpId1!=null && wpId1!="")
  89. {
  90. wpId=wpId1;
  91. }
  92. else if(wpId3!=null && wpId3!="")
  93. {
  94. wpId=wpId3;
  95. }
  96. if(year1!=null && year1!="")
  97. {
  98. year=year1;
  99. }
  100. else if(year3!=null && year3!="")
  101. {
  102. year=year3;
  103. }
  104. if(month1!=null && month1!="")
  105. {
  106. month=month1;
  107. }
  108. else if(month3!=null && month3!="")
  109. {
  110. month=month3;
  111. }
  112. /****************************************************************/
  113. $("#tab2").attr("src","<%=request.getContextPath() %>/scatter/pjscatterIndex.action?year="+year
  114. +"&month="+month+"&wpId="+wpId);
  115. $("#tab1").attr("src","about:blank");
  116. $("#tab3").attr("src","about:blank");
  117. }else if(ui.index==2)
  118. {
  119. var wpId1 =$(window.frames[0].document).find("#wpId").val();
  120. var wpId2 =$(window.frames[1].document).find("#wpId").val();
  121. var year1 =$(window.frames[0].document).find("#year").val();
  122. var year2 =$(window.frames[1].document).find("#year").val();
  123. var month1 =$(window.frames[0].document).find("#month").val();
  124. var month2 =$(window.frames[1].document).find("#month").val();
  125. var wpId;
  126. var year;
  127. var month;
  128. if(wpId2!=null && wpId2!="")
  129. {
  130. wpId=wpId2;
  131. }
  132. else if(wpId1!=null && wpId1!="")
  133. {
  134. wpId=wpId1;
  135. }
  136. if(year2!=null && year2!="")
  137. {
  138. year=year2;
  139. }
  140. else if(year1!=null && year1!="")
  141. {
  142. year=year1;
  143. }
  144. if(month2!=null && month2!="")
  145. {
  146. month=month2;
  147. }
  148. else if(month1!=null && month1!="")
  149. {
  150. month=month1;
  151. }
  152. /****************************************************************/
  153. $("#tab3").attr("src","<%=request.getContextPath() %>/scatter/lnscatterIndex.action?year="+year
  154. +"&month="+month+"&wpId="+wpId);
  155. $("#tab2").attr("src","about:blank");
  156. $("#tab1").attr("src","about:blank");
  157. }
  158. }
  159. });
  160. var year='<s:property value="year"/>';
  161. var month='<s:property value="month"/>';
  162. $("#tab1").attr("src","<%=request.getContextPath() %>/scatter/wpscatterIndex.action?year="+year
  163. +"&month="+month);
  164. });
  165. </script>
  166. </head>
  167. <body>
  168. <div id="tabs" style="width: 1560px;height: 795px;border: 0px;margin: 0px">
  169. <ul >
  170. <li><a href="#tabs-1" >风场功率风速排布图</a></li>
  171. <li><a href="#tabs-2" >项目功率风速排布图</a></li>
  172. <li><a href="#tabs-3">线路功率风速排布图</a></li>
  173. </ul>
  174. <div id="tabs-1" style="border: 0px;margin: 0px">
  175. <iframe id="tab1" src="" style="border: 0px;margin: 0px" marginwidth="0px" marginheight="0px" frameborder="0" width="1560px" height="785px" scrolling="auto"></iframe>
  176. </div>
  177. <div id="tabs-2" style="border: 0px;margin: 0px">
  178. <iframe id="tab2" src="" style="border: 0px;margin: 0px" marginwidth="0px" marginheight="0px" frameborder="0" width="1560px" height="785px" scrolling="auto"></iframe>
  179. </div>
  180. <div id="tabs-3" style="border: 0px;margin: 0px">
  181. <iframe id="tab3" src="" style="border: 0px;margin: 0px" marginwidth="0px" marginheight="0px" frameborder="0" width="1560px" height="785px" scrolling="auto"></iframe>
  182. </div>
  183. </div>
  184. </body>
  185. </html>