detaillinechart.jsp 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892
  1. <%@ page language="java" contentType="text/html;charset=utf-8"%>
  2. <%@include file="/pages/includes/taglibs.jsp"%>
  3. <html>
  4. <head>
  5. <link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath() %>/resource/plugin/jqgrid/css/ui.jqgrid.css" />
  6. <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css" />
  7. <script src="<%=request.getContextPath() %>/resource/js/jquery-1.8.3.js" type="text/javascript"></script>
  8. <script src="<%=request.getContextPath() %>/resource/plugin/jqueryui/js/jquery-ui-1.9.2.custom.js" type="text/javascript"></script>
  9. <script src="<%=request.getContextPath()%>/resource/js/highcharts/highcharts.src.js" type="text/javascript"> </script>
  10. <script src="<%=request.getContextPath()%>/resource/js/highcharts/highcharts-more.js"></script>
  11. <script type="text/javascript" src="<%=request.getContextPath()%>/resource/plugin/highslide/highslide-with-html.js"></script>
  12. <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/resource/plugin/highslide/highslide.css" />
  13. <script src="<%=request.getContextPath()%>/resource/js/highcharts/modules/solid-gauge.src.js"></script>
  14. <script type="text/ecmascript" src="<%=request.getContextPath() %>/resource/plugin/jqgrid/js/jquery.jqGrid.min.js"></script>
  15. <script type="text/ecmascript" src="<%=request.getContextPath() %>/resource/plugin/jqgrid/js/i18n/grid.locale-cn.js"></script>
  16. <script type="text/ecmascript" src="<%=request.getContextPath()%>/resource/js/system/jqdatagridpage.js"></script>
  17. <script src="<%=request.getContextPath()%>/resource/js/datePicker/WdatePicker.js" type="text/javascript"></script>
  18. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  19. <style type="text/css">
  20. body {
  21. margin-left: 0px;
  22. margin-top: 0px;
  23. margin-right: 0px;
  24. margin-bottom: 0px;
  25. }
  26. .value_Name {
  27. font-family: "Times New Roman", Times, serif;
  28. font-size: 14px;
  29. font-weight: bolder;
  30. color: #666;
  31. }
  32. .station_Name {
  33. font-family: "Times New Roman", Times, serif;
  34. font-size: 14px;
  35. font-weight: bolder;
  36. color: #666;
  37. }
  38. @font-face {
  39. font-family: 'fontNameRegular';
  40. src:
  41. url('<%=request.getContextPath()%>/resource/fonts/DS-DIGIT-webfont.eot')
  42. ;
  43. src: local('<%=request.getContextPath()%>/resource/fonts/DS-DIGIT-webfont Regular'
  44. ),
  45. local('<%=request.getContextPath()%>/resource/fonts/DS-DIGIT-webfont'),
  46. url('<%=request.getContextPath()%>/resource/fonts/DS-DIGIT-webfont.woff')
  47. format('woff'),
  48. url('<%=request.getContextPath()%>/resource/fonts/DS-DIGIT-webfont.ttf')
  49. format('truetype'),
  50. url('<%=request.getContextPath()%>/resource/fonts/DS-DIGIT-webfont.svg#fontName')
  51. format('svg');
  52. font-size: 36px;
  53. font-weight: bolder;
  54. }
  55. .item_Name { font-family: Arial, Helvetica, sans-serif;
  56. font-size: 12px;
  57. font-weight: bolder;
  58. color: #333;
  59. }
  60. .unit_Name { font-family: Arial, Helvetica, sans-serif;
  61. font-size: 12px;
  62. color: #333;
  63. }
  64. </style>
  65. <script type="text/javascript">
  66. hs.graphicsDir = '<%=request.getContextPath()%>/resource/plugin/highslide/graphics/';
  67. hs.outlineType = 'rounded-white';
  68. hs.wrapperClassName = 'draggable-header';
  69. var chart1;
  70. var chart2;
  71. var options1;
  72. var options2;
  73. Highcharts.setOptions( {
  74. global : {
  75. useUTC : false
  76. }
  77. });
  78. $(document).ready(function() {
  79. var wp='<s:property value="windfarm"/>';
  80. var wt='<s:property value="windturbineid"/>';
  81. var rd='<s:property value="recorddate"/>';
  82. $("#recorddate").val(rd);
  83. $("#windfarm").val(wp);
  84. $("#windturbineid").val(wt);
  85. changeFc(wp, wt);
  86. options1 = {
  87. colors : [ '#00B259', //绿
  88. '#B20000', //红
  89. '#000000'
  90. ],
  91. chart : {
  92. renderTo : 'container1',
  93. type : 'spline',
  94. width:1520,
  95. height:200,
  96. //backgroundColor:'#BFDFFF',
  97. //plotBackgroundColor:'#BFDFFF',
  98. zoomType : 'x',
  99. events : {
  100. }
  101. },
  102. title : {
  103. text : ' '
  104. },
  105. subtitle : {
  106. text : ''
  107. },
  108. xAxis : {
  109. labels : {
  110. align : 'center',
  111. formatter : function() {
  112. return Highcharts.dateFormat('%H<br/>%M', this.value);
  113. }
  114. },
  115. plotBands: [${plotBand}],
  116. type : 'datetime'
  117. },
  118. yAxis : [{
  119. labels: {
  120. format: '{value}KW',
  121. style: {
  122. color: '#89A54E'
  123. }
  124. },
  125. title : {
  126. text : '功率数值(KW)'
  127. }
  128. }, {
  129. labels: {
  130. format: '{value} m/s',
  131. style: {
  132. color: '#4572A7'
  133. }
  134. },
  135. title : {
  136. text : '风速(m/s)'
  137. },
  138. lineWidth : 1,
  139. plotLines:[{
  140. color:'red', //线的颜色,定义为红色
  141. dashStyle:'solid', //默认是值,这里定义为长虚线
  142. value:${inputsmall}, //定义在那个值上显示标示线,这里是在x轴上刻度为3的值处垂直化一条线
  143. width:2, //标示线的宽度,2px
  144. label:{
  145. text:'切入风速${inputsmall}m/s', //标签的内容
  146. align:'left', //标签的水平位置,水平居左,默认是水平居中center
  147. x:-90, //标签相对于被定位的位置水平偏移的像素,重新定位,水平居左10px
  148. style:{
  149. fontSize:'14px',
  150. fontWeight:'bold'
  151. }
  152. }
  153. }],
  154. min:0,
  155. opposite : true
  156. } ],
  157. legend : {
  158. layout : 'vertical',
  159. // backgroundColor: '#FFFFFF',
  160. align : 'right',
  161. verticalAlign : 'top',
  162. floating : true,
  163. x:-80
  164. // shadow: true
  165. // layout: 'vertical',
  166. // align: 'right',
  167. // verticalAlign: 'middle',
  168. // borderWidth: 0
  169. },
  170. tooltip : {
  171. crosshairs : {//控制十字线
  172. width : 2
  173. },
  174. shared : true,
  175. xDateFormat : '%Y-%m-%d %H:%M'
  176. /*formatter: function() {
  177. return '<b>'+ this.series.name +'</b>:'+
  178. Highcharts.numberFormat(this.y, 2) +' 万kW<br/>时间:'+
  179. Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x);
  180. }*/
  181. },
  182. credits : {
  183. enabled : false
  184. },
  185. /*
  186. plotOptions : {
  187. spline : {
  188. dataLabels : {
  189. enabled : false
  190. },
  191. // pointPadding: 0.2,
  192. borderWidth : 0
  193. },
  194. series : {
  195. cursor : 'pointer',
  196. marker : {
  197. radius : 0,
  198. symbol : 'circle' //曲线点类型:"circle", "square", "diamond", "triangle","triangle-down",默认是"circle"
  199. }
  200. }
  201. },*/
  202. series : [ {
  203. type : 'spline',
  204. name : '实发功率(单位:KW)',
  205. yAxis : 0
  206. }, {
  207. type : 'spline',
  208. name : '应发功率(单位:KW)',
  209. yAxis : 0
  210. }, {
  211. type : 'spline',
  212. name : '平均风速',
  213. yAxis : 1
  214. } ]
  215. };
  216. /***************************************************************************************************/
  217. options2 = {
  218. colors: [
  219. '#0BFEFA', //发电量
  220. '#FD0100',//检修
  221. '#FF7B16', //故障
  222. '#D201D8',//限电
  223. '#8085E9', //性能
  224. '#000000'//风速
  225. ],
  226. chart: {
  227. renderTo: 'container2',
  228. type: 'column',
  229. width:1520,
  230. height:200,
  231. //backgroundColor:'#BFDFFF',
  232. //plotBackgroundColor:'#BFDFFF',
  233. zoomType: 'x'
  234. },title:null ,
  235. xAxis: {
  236. type: 'datetime',
  237. labels: {
  238. align: 'center',
  239. formatter: function() {
  240. return Highcharts.dateFormat('%H<br/>%M', this.value);
  241. }
  242. }
  243. },
  244. yAxis: [{ // Primary yAxis
  245. labels: {
  246. format: '{value}kwh',
  247. style: {
  248. color: '#89A54E'
  249. }
  250. },
  251. title: {
  252. text: '电量',
  253. style: {
  254. color: '#89A54E'
  255. }
  256. }
  257. }, { // Secondary yAxis
  258. title: {
  259. text: '风速',
  260. style: {
  261. color: '#4572A7'
  262. }
  263. },
  264. labels: {
  265. format: '{value} m/s',
  266. style: {
  267. color: '#4572A7'
  268. }
  269. },
  270. opposite: true
  271. }],
  272. legend: {
  273. layout: 'vertical',
  274. // backgroundColor: '#FFFFFF',
  275. align: 'right',
  276. verticalAlign: 'top',
  277. x:-80,
  278. floating: true
  279. // shadow: true
  280. // layout: 'vertical',
  281. // align: 'right',
  282. // verticalAlign: 'middle',
  283. // borderWidth: 0
  284. },
  285. tooltip: {
  286. shared:true,
  287. xDateFormat:'%Y-%m-%d %H:%M'
  288. /*formatter: function() {
  289. return '<b>'+ this.series.name +'</b>:'+
  290. Highcharts.numberFormat(this.y, 2) +' 万kW<br/>时间:'+
  291. Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x);
  292. }*/
  293. },
  294. series: [{
  295. name: '日发电量(单位:KWh)',
  296. yAxis:0
  297. },
  298. {name: '故障损失电量(单位:KWh)',
  299. yAxis:0
  300. },{
  301. name: '检修损失电量(单位:KWh)',
  302. yAxis:0
  303. },{
  304. name: '限电损失电量(单位:KWh)',
  305. yAxis:0
  306. }
  307. ,{
  308. name: '性能损失电量(单位:KWh)',
  309. yAxis:0
  310. },{
  311. name: '风速(单位:m/s)',
  312. yAxis:1,
  313. type: 'spline'
  314. }]
  315. };
  316. /***************************************************************************************************/
  317. apdata();
  318. realPowerCharBy24();
  319. bjjlGrid();
  320. gzjlGrid();
  321. xdjlGrid();
  322. });
  323. function changeFc(fcId, fjId) {
  324. var url = "../warn/changeFc.action?fcId=" + fcId;
  325. $
  326. .ajax({
  327. type : "post",
  328. url : url,
  329. dataType : "json",
  330. success : function(data) {
  331. if (data.length != 0) {
  332. eval(data);
  333. $("#windturbineid").empty();
  334. for ( var i = 0; i < data.length; i++) {
  335. $("#windturbineid").append("<option value='"+data[i].id+"'>"+data[i].code+"</option>");
  336. }
  337. $("#windturbineid").val(fjId);
  338. } else {
  339. $("#windturbineid").empty();
  340. }
  341. }
  342. });
  343. }
  344. function queryData() {
  345. var recorddate = $("#recorddate").val();
  346. var windfarm = $("#windfarm").val();
  347. var windturbineid = $("#windturbineid").val();
  348. if(windturbineid=='')
  349. {
  350. windturbineid='<s:property value="windturbineid"/>';
  351. }
  352. if ("" == windfarm) {
  353. alert("请选择风场!");
  354. return false;
  355. } else if ("" == windturbineid) {
  356. alert("请选择风机!");
  357. return false;
  358. }
  359. if ("" == recorddate) {
  360. alert("请选择查询日期!");
  361. return false;
  362. }
  363. $("#f1").attr("action", "../wtgoodness/detaillineindex.action").submit();
  364. }
  365. function bjjlGrid() {
  366. var recorddate = $("#recorddate").val();
  367. var windfarm = $("#windfarm").val();
  368. var windturbineid = $("#windturbineid").val();
  369. if(windturbineid=='')
  370. {
  371. windturbineid='<s:property value="windturbineid"/>';
  372. }
  373. var id = 'gridTable1';
  374. var url = '<%=request.getContextPath() %>/wtgoodness/bjjllist.action?windfarm='+windfarm
  375. +"&windturbineid="+windturbineid +"&recorddate="+recorddate;
  376. var datatype = 'json';
  377. var colNames = ['风机', '编号', '描述','报警日期'];
  378. var colModel = [
  379. { name: 'windturbineid', index: 'windturbineid', width: 100, align: 'center',hidden : true},
  380. { name: 'code', index: 'code', width: 100, align: 'center'},
  381. { name: 'warnDesc', index: 'warnDesc', width: 200, align: 'center'},
  382. { name: 'warningtime', index: 'warningtime', width: 200, align: 'center'}
  383. ];
  384. var caption = '当日报警记录';
  385. var sortname = 'warningtime';
  386. var gridPagerID ='gridPager1';
  387. var sortorder='desc';
  388. var height='200';
  389. var width='510';
  390. var rownumbers=false;
  391. var multiselect=false;
  392. myJqGrid(id, url, datatype, colNames, colModel, caption, sortname, gridPagerID,sortorder,height,width,
  393. multiselect,rownumbers);
  394. }
  395. function gzjlGrid() {
  396. var recorddate = $("#recorddate").val();
  397. var windfarm = $("#windfarm").val();
  398. var windturbineid = $("#windturbineid").val();
  399. if(windturbineid=='')
  400. {
  401. windturbineid='<s:property value="windturbineid"/>';
  402. }
  403. var id = 'gridTable2';
  404. var url = '<%=request.getContextPath() %>/wtgoodness/gzjllist.action?windfarm='+windfarm
  405. +"&windturbineid="+windturbineid +"&recorddate="+recorddate;
  406. var datatype = 'json';
  407. var colNames = ['风机', '编码', '停机日期','恢复日期'];
  408. var colModel = [
  409. { name: 'windturbineid', index: 'windturbineid', width: 100, align: 'center',hidden : true},
  410. { name: 'code', index: 'code', width: 100, align: 'center'},
  411. { name: 'stopTime', index: 'stopTime', width: 260, align: 'center'},
  412. { name: 'startTime', index: 'startTime', width: 260, align: 'center'}
  413. ];
  414. var caption = '当日故障记录';
  415. var sortname = 'stopTime';
  416. var gridPagerID ='gridPager2';
  417. var sortorder='desc';
  418. var height='200';
  419. var width='510';
  420. var rownumbers=false;
  421. var multiselect=false;
  422. myJqGrid(id, url, datatype, colNames, colModel, caption, sortname, gridPagerID,sortorder,height,width,
  423. multiselect,rownumbers);
  424. }
  425. function xdjlGrid() {
  426. var recorddate = $("#recorddate").val();
  427. var windfarm = $("#windfarm").val();
  428. var windturbineid = $("#windturbineid").val();
  429. if(windturbineid=='')
  430. {
  431. windturbineid='<s:property value="windturbineid"/>';
  432. }
  433. var id = 'gridTable3';
  434. var url = '<%=request.getContextPath() %>/wtgoodness/xdjllist.action?windfarm='+windfarm
  435. +"&windturbineid="+windturbineid +"&recorddate="+recorddate;
  436. var datatype = 'json';
  437. var colNames = ['名字', '停机时间','恢复时间', '损失电量','限电时长'];
  438. var colModel = [
  439. { name: 'windTurbineId', index: 'windTurbineId', width: 100, align: 'center'},
  440. { name: 'stopTime', index: 'stopTime', width: 110, align: 'center'},
  441. { name: 'startTime', index: 'startTime', width: 110, align: 'center'},
  442. { name: 'lossPower', index: 'lossPower', width: 100, align: 'center'},
  443. { name: 'stopHours', index: 'stopHours', width: 100, align: 'center'}
  444. ];
  445. var caption = '当日限电列表';
  446. var sortname = 'stopTime';
  447. var gridPagerID ='gridPager3';
  448. var sortorder='desc';
  449. var height='200';
  450. var width='520';
  451. var rownumbers=false;
  452. var multiselect=false;
  453. myJqGrid(id, url, datatype, colNames, colModel, caption, sortname, gridPagerID,sortorder,height,width,
  454. multiselect,rownumbers);
  455. }
  456. function realPowerCharBy24() {
  457. var recorddate = $("#recorddate").val();
  458. var windfarm = $("#windfarm").val();
  459. var windturbineid = $("#windturbineid").val();
  460. if(windturbineid=='')
  461. {
  462. windturbineid='<s:property value="windturbineid"/>';
  463. }
  464. var url = "findRealPowerCharBy24.action?windfarm="+windfarm
  465. +"&windturbineid="+windturbineid +"&recorddate="+recorddate;
  466. $.ajax({
  467. url : url,
  468. type : "post",
  469. cache : false,
  470. dataType : "json",
  471. async : false,
  472. data : {},
  473. ifModified : false,
  474. success : function(result) {
  475. var yfdl = [];
  476. var gzdl = [];
  477. var whdl = [];
  478. var xddl = [];
  479. var qfdl = [];
  480. var fs = [];
  481. var xtime = [];
  482. $.each(result, function(m, obj) {
  483. //if(m == result.length -1){
  484. yfdl.push( parseFloat(obj.value1) );
  485. whdl.push( parseFloat(obj.value2) );
  486. gzdl.push( parseFloat(obj.value3) );
  487. xddl.push( parseFloat(obj.value4) );
  488. qfdl.push( parseFloat(obj.value5) );
  489. fs.push( parseFloat(obj.value6) );
  490. xtime.push(parseFloat(obj.time));
  491. });
  492. //alert(xtime.length);
  493. options2.series[0].data = yfdl;
  494. options2.series[1].data = gzdl;
  495. options2.series[2].data = whdl;
  496. options2.series[3].data = xddl;
  497. options2.series[4].data = qfdl;
  498. options2.series[5].data = fs;
  499. options2.xAxis.categories = xtime;
  500. chart2 = new Highcharts.Chart(options2);
  501. }
  502. });
  503. }
  504. function apdata() {
  505. var recorddate = $("#recorddate").val();
  506. var windfarm = $("#windfarm").val();
  507. var windturbineid = $("#windturbineid").val();
  508. if(windturbineid=='')
  509. {
  510. windturbineid='<s:property value="windturbineid"/>';
  511. }
  512. var url = "lineChart.action?windfarm="+windfarm
  513. +"&windturbineid="+windturbineid +"&recorddate="+recorddate;
  514. $.ajax( {
  515. url : url,
  516. type : "post",
  517. cache : false,
  518. dataType : "json",
  519. data : {},
  520. ifModified : false,
  521. success : function(result) {
  522. var sjgl = [];
  523. var bzgl = [];
  524. var pjfs = [];
  525. var xtime = [];
  526. $.each(result, function(m, obj) {
  527. sjgl.push(parseFloat(obj.value1));
  528. bzgl.push(parseFloat(obj.value2));
  529. pjfs.push(parseFloat(obj.value3));
  530. xtime.push(parseFloat(obj.time));
  531. });
  532. options1.series[0].data = sjgl;
  533. // options1.series[0].pointInterval=300 * 1000;
  534. options1.series[1].data = bzgl;
  535. // options1.series[1].pointInterval=300 * 1000;
  536. options1.series[2].data = pjfs;
  537. // options1.series[2].pointInterval=300 * 1000;
  538. options1.xAxis.categories = xtime;
  539. chart1 = new Highcharts.Chart(options1);
  540. }
  541. });
  542. }
  543. function plotBandAjax(plotBand) {
  544. var url = "../wtgoodness/plotBandAjax.action?plotBand=" + plotBand ;
  545. if (url) {
  546. $.ajax( {
  547. url : url,
  548. type : "post",
  549. cache : false,
  550. dataType : "json",
  551. async : false,
  552. ifModified : false,
  553. success : function(res) {
  554. createtable(res, "plotBand");
  555. }
  556. });
  557. showDiv("plotBand");
  558. }
  559. }
  560. function unLoadInfo() {
  561. var url = "../wtgoodness/unLoadInfo.action" ;
  562. if (url) {
  563. $.ajax( {
  564. url : url,
  565. type : "post",
  566. cache : false,
  567. dataType : "json",
  568. async : false,
  569. ifModified : false,
  570. success : function(res) {
  571. }
  572. });
  573. }
  574. }
  575. function createtable(res, obj) {
  576. var html = "<div style='height: 430;width:200'><table width='200' height='430' border='1' cellspacing='0' cellpadding='0' bordercolor='#f0f0f0'><tr>";
  577. if (res["ks"] != null) {
  578. html += "<tr><td align='center' valign='middle' width='60' height='40' ><span calss='item_Name'>开始时间</span></td>"
  579. +"<td align='center' valign='middle' colspan='2' ><span calss='item_Name'>"
  580. + getDateString(res["ks"])
  581. + "</span></td>"
  582. +"<td align='center' valign='middle' ><span calss='item_Name'></span></td></tr>"
  583. }
  584. if (res["js"] != null) {
  585. html += "<tr><td align='center' valign='middle' width='60' height='40' ><span calss='item_Name'>结束时间</span></td>"
  586. +"<td align='center' valign='middle' colspan='2' ><span calss='item_Name'>"
  587. + getDateString(res["js"])
  588. + "</span></td>"
  589. +"</tr>"
  590. }
  591. if (res["sc"] != null) {
  592. html += "<tr><td align='center' valign='middle' width='60' height='40' ><span calss='item_Name'>时长</span></td>"
  593. +"<td align='center' valign='middle' ><span calss='item_Name'>"
  594. + res["sc"]
  595. + "</span></td>"
  596. +"<td align='center' valign='middle' ><span calss='item_Name'>小时</span></td></tr>"
  597. }
  598. if (res["fs"] != null) {
  599. html += "<tr><td align='center' valign='middle' width='60' height='40' ><span calss='item_Name'>风速</span></td>"
  600. +"<td align='center' valign='middle' ><span calss='item_Name'>"
  601. + res["fs"]
  602. + "</span></td>"
  603. +"<td align='center' valign='middle' ><span calss='item_Name'>m/s</span></td></tr>"
  604. }
  605. if (res["gl"] != null) {
  606. html += "<tr><td align='center' valign='middle' width='60' height='40' ><span calss='item_Name'>功率</span></td>"
  607. +"<td align='center' valign='middle' ><span calss='item_Name'>"
  608. + res["gl"]
  609. + "</span></td>"
  610. +"<td align='center' valign='middle' ><span calss='item_Name'>KW</span></td></tr>"
  611. }
  612. if (res["llfdl"] != null) {
  613. html += "<tr><td align='center' valign='middle' width='80' height='40' ><span calss='item_Name'>理论发电量 </span></td>"
  614. +"<td align='center' valign='middle' ><span calss='item_Name'>"
  615. + res["llfdl"]
  616. + "</span></td>"
  617. +"<td align='center' valign='middle' ><span calss='item_Name'>KWh</span></td></tr>"
  618. }
  619. if (res["fdl"] != null) {
  620. html += "<tr><td align='center' valign='middle' width='60' height='40' ><span calss='item_Name'>发电量</span></td>"
  621. +"<td align='center' valign='middle' ><span calss='item_Name'>"
  622. + res["fdl"]
  623. + "</span></td>"
  624. +"<td align='center' valign='middle' ><span calss='item_Name'>KWh</span></td></tr>"
  625. }
  626. if (res["ssdl"] != null) {
  627. html += "<tr><td align='center' valign='middle' width='60' height='40' ><span calss='item_Name'>损失电量</span></td>"
  628. +"<td align='center' valign='middle' ><span calss='item_Name'>"
  629. + res["ssdl"]
  630. + "</span></td>"
  631. +"<td align='center' valign='middle' ><span calss='item_Name'>KWh</span></td></tr>"
  632. }
  633. if (res["fjzt"] != null) {
  634. html += "<tr><td align='center' valign='middle' width='60' height='40' ><span calss='item_Name'>风机状态</span></td>"
  635. +"<td align='center' valign='middle' ><span calss='item_Name'>"
  636. + getFjzt(res["fjzt"])
  637. + "</span></td>"
  638. +"<td align='center' valign='middle' ><span calss='item_Name'></span></td></tr>"
  639. }
  640. html += "</tr></table></div>";
  641. $("#" + obj).find(".highslide-body").html(html);
  642. }
  643. function getDateString(obj)
  644. {
  645. var d=new Date(obj);
  646. var year=d.getFullYear();
  647. var month=d.getMonth()+1;
  648. var day=d.getDate();
  649. var h=d.getHours();
  650. var mins=d.getMinutes();
  651. var s=d.getSeconds();
  652. return year+"-"+month+"-"+day+" "+h+":"+mins+":"+s;
  653. }
  654. function getFjzt(obj)
  655. {
  656. switch(obj){
  657. case 1:
  658. return "运行状态";
  659. break;
  660. case 0:
  661. return "待机状态";
  662. break;
  663. case 4:
  664. return "检修状态";
  665. break;
  666. case 2:
  667. return "故障状态";
  668. break;
  669. case 3:
  670. return "中断状态";
  671. break;
  672. case 5:
  673. return "非停机限电状态";
  674. case 6:
  675. return "停机限电状态";
  676. break;
  677. }
  678. }
  679. function showDiv(obj) {
  680. // return hs.htmlExpand(obj, {
  681. return hs.htmlExpand(container1, {
  682. contentId : obj,
  683. width : 260,
  684. height : 450,
  685. align : 'center',
  686. headingText : "点击区域信息"
  687. });
  688. }
  689. </script>
  690. </head>
  691. <body>
  692. <form action="" id="f1" method="post" style="width: 1580">
  693. <div class="highslide-html-content" id="plotBand" style="height: 800">
  694. <div class="highslide-header">
  695. <ul>
  696. <li class="highslide-move">
  697. <a href="#" onclick="return false">Move</a>
  698. </li>
  699. <li class="highslide-close">
  700. <a href="#" onclick="return hs.close(this)"></a>
  701. </li>
  702. </ul>
  703. </div>
  704. <div class="highslide-body" style="height: 800">
  705. </div>
  706. </div>
  707. <table width="1560" border="0" cellspacing="0" cellpadding="0">
  708. <tr>
  709. <td width="50" height="30" bgcolor="#EFF1F0">&nbsp;</td>
  710. <td width="1560" bgcolor="#EFF1F0"><span class="station_Name">
  711. 风场: <label for="textfield5"></label> <s:if test="u.wpId == null">
  712. <s:select list="wps" listKey="id" listValue="name" id="windfarm"
  713. name="windfarm" onchange="javascript:changeFc(this.value);"></s:select>
  714. </s:if> <s:else>
  715. <s:select list="wps" listKey="id" listValue="name" id="windfarm"
  716. name="windfarm" onchange="javascript:changeFc(this.value);"></s:select>
  717. </s:else> 风机: <label for="textfield6" width="100"></label>
  718. <select name="windturbineid" id="windturbineid" >
  719. <option value="">请选择</option>
  720. </select>
  721. 日期: <s:textfield cssClass="Wdate"
  722. onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowWeek:true,readOnly:true})"
  723. id="recorddate" name="recorddate" title="开始日期" /> <input
  724. type="submit" name="button" id="button" onclick="queryData();"
  725. value="查询" />
  726. </td>
  727. </span>
  728. </td>
  729. </tr>
  730. </table>
  731. <table width="1560" border="0" align="center" cellpadding="0" cellspacing="0">
  732. <tr>
  733. <td width="30" height="200" background="<%=request.getContextPath()%>/resource/images/system/pictures/newAddLeft.jpg">&nbsp;</td>
  734. <td width="1520" background="<%=request.getContextPath()%>/resource/images/system/pictures/newAddCenter.jpg">
  735. <div id="container1" style="width: 1520px;height: 200px"></div>
  736. </td>
  737. <td width="10"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/newAddRight.jpg" width="10" height="189" /></td>
  738. </tr>
  739. <tr>
  740. <td height="200" background="<%=request.getContextPath()%>/resource/images/system/pictures/newAddLeft.jpg">&nbsp;</td>
  741. <td height="200" background="<%=request.getContextPath()%>/resource/images/system/pictures/newAddCenter.jpg">
  742. <div id="container2" style="width: 1520px;height: 200px"></div>
  743. </td>
  744. <td height="200"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/newAddRight.jpg" width="10" height="189" /></td>
  745. </tr>
  746. <tr>
  747. <td height="200" background="<%=request.getContextPath()%>/resource/images/system/pictures/newAddLeft.jpg">&nbsp;</td>
  748. <td height="200px" background="<%=request.getContextPath()%>/resource/images/system/pictures/newAddCenter.jpg">
  749. <table width="1520px" border="0" cellspacing="0" cellpadding="0">
  750. <tr>
  751. <td width="515" >
  752. <table id='gridTable1' ></table>
  753. <div id='gridPager1'></div>
  754. </td>
  755. <td width="515" >
  756. <table id='gridTable2' ></table>
  757. <div id='gridPager2'></div>
  758. </td>
  759. <td width="520" >
  760. <table id='gridTable3' ></table>
  761. <div id='gridPager3'></div>
  762. <div id='report'></div>
  763. </td>
  764. </tr>
  765. </table>
  766. </td>
  767. <td height="200"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/newAddRight.jpg" width="10" height="189" /></td>
  768. </tr>
  769. </table>
  770. </form>
  771. </body>
  772. </html>