showInfo.jsp 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398
  1. <%@ page language="java" contentType="text/html;charset=utf-8"%>
  2. <%@include file="/pages/includes/taglibs.jsp"%>
  3. <head>
  4. <script type="text/javascript"
  5. src="<%=request.getContextPath()%>/resource/js/jquery-1.8.3.js">
  6. </script>
  7. <script type="text/ecmascript"
  8. src="<%=request.getContextPath()%>/resource/plugin/jqgrid/js/jquery.jqGrid.min.js">
  9. </script>
  10. <script type="text/ecmascript"
  11. src="<%=request.getContextPath()%>/resource/plugin/jqgrid/js/i18n/grid.locale-cn.js">
  12. </script>
  13. <script type="text/ecmascript"
  14. src="<%=request.getContextPath()%>/resource/js/system/jqdatagrid.js">
  15. </script>
  16. <script
  17. src="<%=request.getContextPath()%>/resource/js/datePicker/WdatePicker.js"
  18. type="text/javascript">
  19. </script>
  20. <script type="text/ecmascript"
  21. src="<%=request.getContextPath()%>/pages/fjqt/curveJs.js">
  22. </script>
  23. <script
  24. src="<%=request.getContextPath()%>/resource/js/ztree/jquery.ztree.all.min.js"
  25. type="text/javascript">
  26. </script>
  27. <script
  28. src="<%=request.getContextPath()%>/resource/js/highcharts/highcharts.src.js"
  29. type="text/javascript">
  30. </script>
  31. <script
  32. src="<%=request.getContextPath()%>/resource/js/highcharts/highcharts-more.js">
  33. </script>
  34. <link rel="stylesheet" type="text/css"
  35. href="<%=request.getContextPath()%>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css" />
  36. <link rel="stylesheet" type="text/css" media="screen"
  37. href="<%=request.getContextPath()%>/resource/plugin/jqgrid/css/ui.jqgrid.css" />
  38. <style type="text/css">
  39. .mycss {
  40. font-family: "宋体";
  41. font-size: 12px;
  42. color: #000;
  43. text-decoration: none;
  44. }
  45. .normal {
  46. border-right-style: solid;
  47. border-bottom-style: solid;
  48. border-left-style: solid;
  49. border-top-style: solid;
  50. border-top-color: #ffffff;
  51. border-left-color: #c1c1c1;
  52. border-right-color: #c1c1c1;
  53. border-bottom-color: #c1c1c1;
  54. border-width: 1px;
  55. width: 100px;
  56. height: 28px;
  57. float: left;
  58. margin-top: -1px;
  59. cursor: pointer;
  60. text-align: center;
  61. line-height: 28px;
  62. overflow: hidden;
  63. font-weight: bold;
  64. font-size: 12px;
  65. font-family: tahoma, arial, verdana, sans-serif;
  66. }
  67. .disable {
  68. border-right-style: solid;
  69. border-bottom-style: solid;
  70. border-left-style: solid;
  71. border-top-style: solid;
  72. border-top-color: #c1c1c1;
  73. border-left-color: #c1c1c1;
  74. border-right-color: #c1c1c1;
  75. border-bottom-color: #c1c1c1;
  76. border-width: 1px;
  77. width: 100px;
  78. height: 25px;
  79. float: left;
  80. margin-top: -1px;
  81. cursor: pointer;
  82. text-align: center;
  83. background-color: #e1e1e1;
  84. line-height: 25px;
  85. overflow: hidden;
  86. font-weight: bold;
  87. font-size: 12px;
  88. font-family: tahoma, arial, verdana, sans-serif;
  89. }
  90. .panelcontainer {
  91. width: 100%;
  92. height: 70px;
  93. border-style: solid;
  94. border-color: #C1C1C1;
  95. border-width: 1px;
  96. }
  97. .panelquery {
  98. width: 100%;
  99. height: 25px;
  100. background-color: #c1c1c1;
  101. line-height: 25px;
  102. }
  103. .panelquerytext {
  104. margin-left: 3px;
  105. font-weight: bold;
  106. font-size: 12px;
  107. font-family: tahoma, arial, verdana, sans-serif;
  108. }
  109. .querycondcontainer {
  110. line-height: 39px;
  111. padding: 3px;
  112. float: left;
  113. font-size: 12px;
  114. }
  115. </style>
  116. <script type="text/javascript">
  117. var lastsel;
  118. function myJqGrid(id, url, datatype, colNames, colModel, caption, sortname,
  119. gridPagerID, sortorder, height, width, multiselect, rownumbers) {
  120. var myGrid = $('#' + id);
  121. myGrid.jqGrid( {
  122. url : url,
  123. datastr : 'data.json',
  124. datatype : datatype,
  125. pager : gridPagerID,
  126. height : height,
  127. width : width,
  128. rowNum : 25,
  129. rowList : [ 10, 20, 50 ],
  130. colNames : colNames,
  131. colModel : colModel,
  132. jsonReader : {
  133. repeatitems : false,
  134. root : function(obj) {
  135. return obj.rows;
  136. },
  137. page : function(obj) {
  138. return obj.pageindex;
  139. },
  140. total : function(obj) {
  141. return obj.pagecount;
  142. },
  143. records : function(obj) {
  144. return obj.total;
  145. }
  146. },
  147. prmNames : {
  148. page : 'page',
  149. rows : 'pageSize',
  150. sort : 'sortorder',
  151. order : 'sortname'
  152. },
  153. hidegrid : false,
  154. rownumbers : rownumbers,
  155. multiselect : multiselect,
  156. loadonce : false,
  157. sortname : sortname,
  158. sortorder : sortorder,
  159. viewrecords : true,
  160. caption : caption,
  161. altRows : true
  162. });
  163. }
  164. function subCon(str) {
  165. var id = $("#wid").val();
  166. if (confirm("确认选择此方案吗?确认后不可修改!")) {
  167. $.ajax( {
  168. type : 'post',
  169. traditional : true,
  170. url : 'subCon.action?id=' + id + "&str=" + str
  171. });
  172. alert("此方案已确认成功!");
  173. showJqGrid();
  174. showJqGrid1();
  175. showJqGrid2();
  176. showJqGrid3();
  177. if (str == 1) {
  178. $("#div1").text("短期预测(已确认此方案)");
  179. } else if (str == 2) {
  180. $("#div2").text("短期预测(拟合)(已确认此方案)");
  181. } else if (str == 3) {
  182. $("#div3").text("超短期预测(已确认此方案)");
  183. } else {
  184. $("#div4").text("超短期预测(拟合)(已确认此方案)");
  185. }
  186. $("#button").hide();
  187. $("#button2").hide();
  188. $("#button3").hide();
  189. $("#button4").hide();
  190. }
  191. }
  192. function returnFjqt() {
  193. $("#f1").attr("action", "init.action").submit();
  194. }
  195. </script>
  196. <style type="text/css">
  197. fieldset legend {
  198. color: #302A2A;
  199. font: bold 16px/ 2 Verdana, Geneva, sans-serif;
  200. font-weight: bold;
  201. text-align: left;
  202. text-shadow: 2px 2px 2px rgb(88, 126, 156);
  203. }
  204. </style>
  205. </head>
  206. <body>
  207. <s:form action="" method="post" id="f1">
  208. <table width="100%">
  209. <s:hidden name="wfId"></s:hidden>
  210. <tr>
  211. <td align="left" class="mycss">
  212. <input type="button" name="button1" id="button1" value="返回"
  213. onclick="returnFjqt()">
  214. <s:hidden name="w.furnishedno" id="furnishedno"></s:hidden>
  215. <s:hidden name="w.id" id="wid"></s:hidden>
  216. <s:hidden id="id"></s:hidden>
  217. <s:hidden name="w.sure" id="sure"></s:hidden>
  218. <s:hidden name="wpId" id="wpId"></s:hidden>
  219. <s:hidden name="ssdate" id="ssdate"></s:hidden>
  220. <s:hidden name="w.windfarm" id="windfarm"></s:hidden>
  221. <s:hidden name="w.ssdate" id="ssdate2"></s:hidden>
  222. </td>
  223. </tr>
  224. </table>
  225. <s:fielderror />
  226. <s:actionerror />
  227. <s:actionmessage />
  228. </s:form>
  229. <table cellpadding="0" cellspacing="1" bgcolor="#C1C1C1"
  230. style="width: 100%; height: 65px;">
  231. <tr>
  232. <td width="150" height="22" bgcolor="#efefef">
  233. <span class="mycss">当日平均风速:</span>
  234. </td>
  235. <td width="150" bgcolor="#efefef">
  236. <span class="mycss"><s:property value="w.avspeed" /> </span>
  237. </td>
  238. <td width="150" height="22" bgcolor="#efefef">
  239. <span class="mycss">当日平均切入风速:</span>
  240. </td>
  241. <td width="150" bgcolor="#efefef">
  242. <span class="mycss"><s:property value="w.avcutspeed" /> </span>
  243. </td>
  244. <td width="150" height="22" bgcolor="#efefef">
  245. <span class="mycss">待机时长:</span>
  246. </td>
  247. <td width="150" bgcolor="#efefef">
  248. <span class="mycss"><s:property value="w.standbytime" /> </span>
  249. </td>
  250. <td width="150" height="22" bgcolor="#efefef">
  251. <span class="mycss">静风时长:</span>
  252. </td>
  253. <td width="100" bgcolor="#efefef">
  254. <span class="mycss"><s:property value="w.staticwindlong" />
  255. </span>
  256. </td>
  257. </tr>
  258. <tr>
  259. <td width="150" height="22" bgcolor="#efefef">
  260. <span class="mycss">维护时长:</span>
  261. </td>
  262. <td width="150" bgcolor="#efefef">
  263. <span class="mycss"><s:property value="w.maintenancetime" />
  264. </span>
  265. </td>
  266. <td width="150" height="22" bgcolor="#efefef">
  267. <span class="mycss">日发电量:</span>
  268. </td>
  269. <td width="150" bgcolor="#efefef">
  270. <span class="mycss"><s:property value="w.generatingcapacity" />
  271. </span>
  272. </td>
  273. <td width="150" height="22" bgcolor="#efefef">
  274. <span class="mycss">日耗电量:</span>
  275. </td>
  276. <td width="150" bgcolor="#efefef">
  277. <span class="mycss"><s:property value="w.Power" /> </span>
  278. </td>
  279. <td width="150" height="22" bgcolor="#efefef">
  280. <span class="mycss">日期:</span>
  281. </td>
  282. <td width="100" bgcolor="#efefef">
  283. <span class="mycss"><s:property value="w.ssdate" /> </span>
  284. </td>
  285. </tr>
  286. </table>
  287. <table cellpadding="0" cellspacing="1"
  288. style="min-width: 100%; height: 30px">
  289. <tr style="min-width: 100%; height: 30px">
  290. <td width="50%" align="center">
  291. 均方根误差:
  292. <s:property value="w.rmse" />
  293. %
  294. </td>
  295. <td width="50%" align="center">
  296. 均方根误差拟合:
  297. <s:property value="w.rmsefit2" />
  298. %
  299. </td>
  300. </tr>
  301. </table>
  302. <table cellpadding="0" cellspacing="1">
  303. <tr>
  304. <td> <div id="container" style="min-width: 50%; height: 280px"></div></td>
  305. <td>
  306. <div id="container1" style="min-width: 50%; height: 280px"></div>
  307. </td>
  308. </tr>
  309. </table>
  310. <table cellpadding="0" cellspacing="1"
  311. style="min-width: 100%; height: 30px">
  312. <tr>
  313. <td width="50%" align="center">
  314. 均方根误差:
  315. <s:property value="w.srmse" />
  316. %
  317. </td>
  318. <td width="50%" align="center">
  319. 均方根误差拟合:
  320. <s:property value="w.srmsefit2" />
  321. %
  322. </td>
  323. </tr>
  324. </table>
  325. <table cellpadding="0" cellspacing="1">
  326. <tr>
  327. <td>
  328. <div id="container2" style="min-width: 50%; height: 280px"></div>
  329. </td>
  330. <td>
  331. <div id="container3" style="min-width: 50%; height: 280px"></div>
  332. </td>
  333. </tr>
  334. </table>
  335. <table cellpadding="1" cellspacing="1"
  336. style="min-width: 100%; height: 20px">
  337. <tr>
  338. <td style="min-width: 25%; height: 20px">
  339. <div align="center" id="div1">
  340. 短期预测
  341. </div>
  342. </td>
  343. <td style="min-width: 25%; height: 20px">
  344. <div align="center" id="div2">
  345. 短期预测(拟合)
  346. </div>
  347. </td>
  348. <td style="min-width: 25%; height: 20px">
  349. <div align="center" id="div3">
  350. 超短期预测
  351. </div>
  352. </td>
  353. <td style="min-width: 25%; height: 20px">
  354. <div align="center" id="div4">
  355. 超短期预测(拟合)
  356. </div>
  357. </td>
  358. </tr>
  359. <tr>
  360. <td>
  361. <table id='gridTable'></table>
  362. <div id='gridPager'></div>
  363. <input type="button" name="button" id="button" value="确认此方案"
  364. onclick="subCon(1)">
  365. </td>
  366. <td>
  367. <table id='gridTable1'></table>
  368. <div id='gridPager1'></div>
  369. <input type="button" name="button2" id="button2" value="确认此方案"
  370. onclick="subCon(2)">
  371. </td>
  372. <td>
  373. <table id='gridTable2'></table>
  374. <div id='gridPager2'></div>
  375. <input type="button" name="button3" id="button3" value="确认此方案"
  376. onclick="subCon(3)">
  377. </td>
  378. <td>
  379. <table id='gridTable3'></table>
  380. <div id='gridPager3'></div>
  381. <input type="button" name="button4" id="button4" value="确认此方案"
  382. onclick="subCon(4)">
  383. </td>
  384. </tr>
  385. </table>
  386. </body>