Home Explore Help
Sign In
xieshengjie
/
gdsx
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
gdsx
/
WebRoot
/
pages
/
agc
/
agc_indexnew.jsp

agc_indexnew.jsp 24 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753 
  1. <%@ page language="java" contentType="text/html;charset=utf-8"%>
    2. 

  2. <%@include file="/pages/includes/taglibs.jsp"%>
    3. 

  3. 

  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    5. 

  5. <html xmlns="http://www.w3.org/1999/xhtml">
    6. 

  6. <head>
    7. 

  7.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    8. 

  8. 	<meta http-equiv="X-UA-Compatible" content="IE=8" />
    9. 

  9. 

  10. <link href="<%=request.getContextPath() %>/pages/agc/page_agc.css" rel="stylesheet" type="text/css" />
    11. 

  11. <script type="text/javascript" src="<%=request.getContextPath() %>/resource/js/jquery-1.8.3.js"></script>
    12. 

  12.  <link rel="stylesheet" type="text/css"	href="<%=request.getContextPath()%>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css" />
    13. 

  13. <link rel="stylesheet" type="text/css"	href="<%=request.getContextPath()%>/resource/plugin/highslide/highslide.css" />
    14. 

  14. <script src="<%=request.getContextPath() %>/resource/plugin/jqueryui/js/jquery-ui-1.9.2.custom.js" type="text/javascript"></script>
    15. 

  15. <script	src="<%=request.getContextPath()%>/resource/js/highcharts/highcharts.src.js" type="text/javascript"></script>
    16. 

  16. <script	src="<%=request.getContextPath()%>/resource/js/highcharts/highcharts-more.js"></script>
    17. 

  17. <script	src="<%=request.getContextPath()%>/resource/js/highcharts/modules/solid-gauge.src.js"></script>
    18. 

  18. <script	src="<%=request.getContextPath()%>/resource/js/datePicker/WdatePicker.js" type="text/javascript"></script>
    19. 

  19. <script type="text/javascript"	src="<%=request.getContextPath()%>/resource/plugin/highslide/highslide-with-html.js"></script>
    20. 

  20. <script src='<%=request.getContextPath()%>/pages/agc/agc.js'></script>
    21. 

  21. <link rel="stylesheet" type="text/css"	href="<%=request.getContextPath()%>/pages/agc/page_agc_new1.css" />
    22. 

  22. <script type="text/javascript">
    23. 

  23. hs.graphicsDir = '<%=request.getContextPath()%>/resource/plugin/highslide/graphics/';
    24. 

  24. hs.outlineType = 'rounded-white';
    25. 

  25. hs.wrapperClassName = 'draggable-header';
    26. 

  26. /*****************************************************************************************************************/
    27. 

  27. function queryData(wpid){
    28. 

  28. 	
    29. 

  29. 	if(wpid==null || wpid==undefined)
    30. 

  30. 	{
    31. 

  31. 		wpid=$("#wpids").val();
    32. 

  32. 	}
    33. 

  33. 	$("#container").html("");
    34. 

  34. 	var recordDate = $("#recordDate").val();
    35. 

  35. 	 findPowerChar(wpid,recordDate) 	
    36. 

  36. }
    37. 

  37. 	
    38. 

  38. function toExcel(wpid) {
    39. 

  39. 			var recordDate = $("#recordDate").val();
    40. 

  40. 			var temp="query.action?recordDate="+recordDate
    41. 

  41. 				+"&wpid="+wpid;
    42. 

  42. 			var url= encodeURI(encodeURI(temp)); 
    43. 

  43. 			$('#toexcel').attr('href',url); 
    44. 

  44. 		}
    45. 

  45. 

  46. 	//弹出层展示
    47. 

  47. 	function showDiv(wpid) {
    48. 

  48. 		$("#wpids").val(wpid);
    49. 

  49. 		
    50. 

  50. 		queryData(wpid);
    51. 

  51. 		var hc = $("#test1");
    52. 

  52. 		return hs.htmlExpand(hc[0], {
    53. 

  53. 			contentId :"glshow",
    54. 

  54. 			width : 1840,
    55. 

  55. 			height : 550,
    56. 

  56. 			align : 'center',
    57. 

  57. 			headingText : 'AGC功率'
    58. 

  58. 		});
    59. 

  59. 	}
    60. 

  60. 	
    61. 

  61. 

  62. 

  63. 	function doPowerLine() {
    64. 

  64. 

  65. 		// create the detail chart
    66. 

  66. 		function createDetail(masterChart) {
    67. 

  67. 			// prepare the detail chart
    68. 

  68. 			var detailData = [],
    69. 

  69. 				detailData2 = [],
    70. 

  70. 				detailData3 = [],
    71. 

  71. 				detailData4 = [],
    72. 

  72. 				detailStart = begintime;
    73. 

  73. 			$.each(masterChart.series[0].data, function() {
    74. 

  74. 				if (this.x >= detailStart) {
    75. 

  75. 					detailData.push(this.y);
    76. 

  76. 				}
    77. 

  77. 			});
    78. 

  78. 			$.each(masterChart.series[1].data, function() {
    79. 

  79. 				if (this.x >= detailStart) {
    80. 

  80. 					detailData2.push(this.y);
    81. 

  81. 				}
    82. 

  82. 			});
    83. 

  83. 			$.each(masterChart.series[2].data, function() {
    84. 

  84. 				if (this.x >= detailStart) {
    85. 

  85. 					detailData3.push(this.y);
    86. 

  86. 				}
    87. 

  87. 			});
    88. 

  88. 			$.each(masterChart.series[3].data, function() {
    89. 

  89. 				if (this.x >= detailStart) {
    90. 

  90. 					detailData4.push(this.y);
    91. 

  91. 				}
    92. 

  92. 			});
    93. 

  93. 			// create a detail chart referenced by a global variable
    94. 

  94. 			detailChart = $('#detail-container').highcharts({
    95. 

  95. 				chart : {
    96. 

  96. 					reflow : false,
    97. 

  97. 					width : 1800,
    98. 

  98. 					height : 300,
    99. 

  99. 					style : {
    100. 

  100. 						position : 'absolute'
    101. 

  101. 					}
    102. 

  102. 				},
    103. 

  103. 				credits : {
    104. 

  104. 					enabled : false
    105. 

  105. 				},
    106. 

  106. 				title : {
    107. 

  107. 					text : ""
    108. 

  108. 				},
    109. 

  109. 				xAxis : {
    110. 

  110. 					type : 'datetime',
    111. 

  111. 					showLastLabel : true,
    112. 

  112. 					labels : {
    113. 

  113. 						format : '{value:%H:%M}'
    114. 

  114. 					}
    115. 

  115. 				},
    116. 

  116. 				yAxis : [ {
    117. 

  117. 					maxZoom : 0.1,
    118. 

  118. 					title : {
    119. 

  119. 						text : "功率"
    120. 

  120. 					}
    121. 

  121. 				} ],
    122. 

  122. 				tooltip : {
    123. 

  123. 					formatter : function() {
    124. 

  124. 						var point = this.points[0];
    125. 

  125. 						var point1 = this.points[1];
    126. 

  126. 						var point2 = this.points[2];
    127. 

  127. 						var point3 = this.points[3];
    128. 

  128. 						return '<b>' + Highcharts.dateFormat('%Y-%m-%d %H:%M', this.x) + '</b>' 
    129. 

  129. 							+ ':<br/>' + '实际功率 = ' + Highcharts.numberFormat(point.y, 2) + ' Mw'
    130. 

  130. 							+ ':<br/>' + 'AGC限电指令值 = ' + Highcharts.numberFormat(point1.y, 2) + ' Mw'
    131. 

  131. 							+':<br/>' + '预测功率 = ' + Highcharts.numberFormat(point2.y, 2) + ' Mw'
    132. 

  132. 							+':<br/>' + '理论功率 = ' + Highcharts.numberFormat(point3.y, 2) + ' Mw';
    133. 

  133. 					},
    134. 

  134. 					shared : true
    135. 

  135. 				},
    136. 

  136. 				legend : {
    137. 

  137. 					
    138. 

  138. 					top:200,
    139. 

  139. 					layout: 'horizontal',
    140. 

  140. 					align: 'center',
    141. 

  141. 					verticalAlign: 'bottom'
    142. 

  142. 				},
    143. 

  143. 				plotOptions : {
    144. 

  144. 					series : {
    145. 

  145. 						marker : {
    146. 

  146. 							enabled : false,
    147. 

  147. 							states : {
    148. 

  148. 								hover : {
    149. 

  149. 									enabled : true,
    150. 

  150. 									radius : 3
    151. 

  151. 								}
    152. 

  152. 							}
    153. 

  153. 						}
    154. 

  154. 					}
    155. 

  155. 				},
    156. 

  156. 				series : [ {
    157. 

  157. 					name : '实际功率(单位：MW)',
    158. 

  158. 					pointStart : detailStart,
    159. 

  159. 					pointInterval : 60 * 1000,
    160. 

  160. 					color:'#00B259', //绿
    161. 

  161. 					data : detailData
    162. 

  162. 				}, {
    163. 

  163. 					name : 'AGC限电指令值(单位：MW)',
    164. 

  164. 					pointStart : detailStart,
    165. 

  165. 					pointInterval :60 * 1000,
    166. 

  166. 					color:'#B20000', //红
    167. 

  167. 					data : detailData2
    168. 

  168. 				}, {
    169. 

  169. 					name : '预测功率(单位：MW)',
    170. 

  170. 					pointStart : detailStart,
    171. 

  171. 					pointInterval : 60 * 1000,
    172. 

  172. 					color:'#006DD9', //蓝
    173. 

  173. 					data : detailData3
    174. 

  174. 				}, {
    175. 

  175. 					name : '理论功率(单位：MW)',
    176. 

  176. 					pointStart : detailStart,
    177. 

  177. 					pointInterval : 60 * 1000,
    178. 

  178. 					color:'#000000', //黑
    179. 

  179. 					data : detailData4
    180. 

  180. 				} ],
    181. 

  181. 			}).highcharts(); // return chart
    182. 

  182. 		}
    183. 

  183. 		// create the master chart
    184. 

  184. 		function createMaster() {
    185. 

  185. 			$('#master-container').highcharts({
    186. 

  186. 				chart : {
    187. 

  187. 					reflow : false,
    188. 

  188. 					borderWidth : 0,
    189. 

  189. 					backgroundColor : null,
    190. 

  190. 					width : 1800,
    191. 

  191. 					height : 150,
    192. 

  192. 					marginTop : 0,
    193. 

  193. 					zoomType : 'x',
    194. 

  194. 					events : {
    195. 

  195. 						// listen to the selection event on the master chart to update the
    196. 

  196. 						// extremes of the detail chart
    197. 

  197. 						selection : function(event) {
    198. 

  198. 							var extremesObject = event.xAxis[0],
    199. 

  199. 								min = extremesObject.min,
    200. 

  200. 								max = extremesObject.max,
    201. 

  201. 								detailData = [],
    202. 

  202. 								detailData2 = [],
    203. 

  203. 								detailData3 = [],
    204. 

  204. 								detailData4 = [],
    205. 

  205. 								xAxis = this.xAxis[0];
    206. 

  206. 							// reverse engineer the last part of the data
    207. 

  207. 							$.each(this.series[0].data, function() {
    208. 

  208. 								if (this.x > min && this.x < max) {
    209. 

  209. 									detailData.push([ this.x, this.y ]);
    210. 

  210. 								}
    211. 

  211. 							});
    212. 

  212. 							$.each(this.series[1].data, function() {
    213. 

  213. 								if (this.x > min && this.x < max) {
    214. 

  214. 									detailData2.push([ this.x, this.y ]);
    215. 

  215. 								}
    216. 

  216. 							});
    217. 

  217. 							$.each(this.series[2].data, function() {
    218. 

  218. 								if (this.x > min && this.x < max) {
    219. 

  219. 									detailData3.push([ this.x, this.y ]);
    220. 

  220. 								}
    221. 

  221. 							});
    222. 

  222. 							$.each(this.series[3].data, function() {
    223. 

  223. 								if (this.x > min && this.x < max) {
    224. 

  224. 									detailData4.push([ this.x, this.y ]);
    225. 

  225. 								}
    226. 

  226. 							});
    227. 

  227. 							// move the plot bands to reflect the new detail span
    228. 

  228. 							xAxis.removePlotBand('mask-before');
    229. 

  229. 							xAxis.addPlotBand({
    230. 

  230. 								id : 'mask-before',
    231. 

  231. 								from : begintime,
    232. 

  232. 								to : min,
    233. 

  233. 								color : 'rgba(0, 0, 0, 0.2)'
    234. 

  234. 							});
    235. 

  235. 							xAxis.removePlotBand('mask-after');
    236. 

  236. 							xAxis.addPlotBand({
    237. 

  237. 								id : 'mask-after',
    238. 

  238. 								from : max,
    239. 

  239. 								to : endtime,
    240. 

  240. 								color : 'rgba(0, 0, 0, 0.2)'
    241. 

  241. 							});
    242. 

  242. 							detailChart.series[0].setData(detailData);
    243. 

  243. 							detailChart.series[1].setData(detailData2);
    244. 

  244. 							detailChart.series[2].setData(detailData3);
    245. 

  245. 							detailChart.series[3].setData(detailData4);
    246. 

  246. 							return false;
    247. 

  247. 						}
    248. 

  248. 					}
    249. 

  249. 				},
    250. 

  250. 				title : {
    251. 

  251. 					text : null
    252. 

  252. 				},
    253. 

  253. 				xAxis : {
    254. 

  254. 					type : 'datetime',
    255. 

  255. 					showLastTickLabel : true,
    256. 

  256. 					maxZoom : 24 * 3600000, // fourteen days
    257. 

  257. 					plotBands : [ {
    258. 

  258. 						id : 'mask-before',
    259. 

  259. 

  260. 						color : 'rgba(0, 0, 0, 0.2)'
    261. 

  261. 					} ],
    262. 

  262. 					title : {
    263. 

  263. 						text : null
    264. 

  264. 					},
    265. 

  265. 					showLastLabel : true,
    266. 

  266. 					labels : {
    267. 

  267. 						format : '{value:%H:%M}'
    268. 

  268. 					}
    269. 

  269. 				},
    270. 

  270. 				yAxis : [ {
    271. 

  271. 					gridLineWidth : 0,
    272. 

  272. 					labels : {
    273. 

  273. 						enabled : false
    274. 

  274. 					},
    275. 

  275. 					title : {
    276. 

  276. 						text : "功率"
    277. 

  277. 					},
    278. 

  278. 

  279. 					showFirstLabel : false
    280. 

  280. 				} ],
    281. 

  281. 				tooltip : {
    282. 

  282. 					formatter : function() {
    283. 

  283. 						return false;
    284. 

  284. 					}
    285. 

  285. 				},
    286. 

  286. 				legend : {
    287. 

  287. 					layout: 'horizontal',
    288. 

  288. 					align: 'center',
    289. 

  289. 					verticalAlign: 'bottom'
    290. 

  290. 					
    291. 

  291. 				},
    292. 

  292. 				credits : {
    293. 

  293. 					enabled : false
    294. 

  294. 				},
    295. 

  295. 				plotOptions : {
    296. 

  296. 					series : {
    297. 

  297. 						fillColor : {
    298. 

  298. 							linearGradient : [ 0, 0, 0, 70 ],
    299. 

  299. 							stops : [
    300. 

  300. 								[ 0, Highcharts.getOptions().colors[0] ],
    301. 

  301. 								[ 1, 'rgba(255,255,255,0)' ]
    302. 

  302. 							]
    303. 

  303. 						},
    304. 

  304. 						lineWidth : 1,
    305. 

  305. 						marker : {
    306. 

  306. 							enabled : false
    307. 

  307. 						},
    308. 

  308. 						shadow : false,
    309. 

  309. 						states : {
    310. 

  310. 							hover : {
    311. 

  311. 								lineWidth : 1
    312. 

  312. 							}
    313. 

  313. 						},
    314. 

  314. 						enableMouseTracking : false
    315. 

  315. 					}
    316. 

  316. 				},
    317. 

  317. 				series : [ {
    318. 

  318. 					type : 'area',
    319. 

  319. 					name : '实际功率(单位：MW)',
    320. 

  320. 					pointInterval :  60 * 1000,
    321. 

  321. 					pointStart : begintime,
    322. 

  322. 					color:'#00B259',
    323. 

  323. 					data : data
    324. 

  324. 				}, {
    325. 

  325. 					type : 'area',
    326. 

  326. 					name : 'AGC限电指令值(单位：MW)',
    327. 

  327. 					pointInterval :  60 * 1000,
    328. 

  328. 					pointStart : begintime,
    329. 

  329. 					color:'#B20000',
    330. 

  330. 					data : data2
    331. 

  331. 				}, {
    332. 

  332. 					type : 'area',
    333. 

  333. 					name : '预测功率(单位：MW)',
    334. 

  334. 					pointInterval :  60 * 1000,
    335. 

  335. 					pointStart : begintime,
    336. 

  336. 					color:'#006DD9', //蓝
    337. 

  337. 					data : data3
    338. 

  338. 				}, {
    339. 

  339. 					type : 'area',
    340. 

  340. 					name : '理论功率(单位：MW)',
    341. 

  341. 					pointInterval :  60 * 1000,
    342. 

  342. 					pointStart : begintime,
    343. 

  343. 					color:'#000000', //黑
    344. 

  344. 					data : data4
    345. 

  345. 				}  ],
    346. 

  346. 				exporting : {
    347. 

  347. 					enabled : false
    348. 

  348. 				}
    349. 

  349. 			}, function(masterChart) {
    350. 

  350. 				createDetail(masterChart);
    351. 

  351. 			})
    352. 

  352. 				.highcharts(); // return chart instance
    353. 

  353. 		}
    354. 

  354. 		// make the container smaller and add a second container for the master chart
    355. 

  355. 		var $container = $('#container')
    356. 

  356. 			.css('position', 'relative');
    357. 

  357. 		$('<div id="detail-container">')
    358. 

  358. 			.appendTo($container);
    359. 

  359. 		$('<div id="master-container">')
    360. 

  360. 			.css({
    361. 

  361. 				position : 'absolute',
    362. 

  362. 				top : 300,
    363. 

  363. 				height : 150,
    364. 

  364. 				width : 1800
    365. 

  365. 			})
    366. 

  366. 			.appendTo($container);
    367. 

  367. 		// create master and in its callback, create the detail chart
    368. 

  368. 		createMaster();
    369. 

  369. 	}
    370. 

  370. 

  371. 	var data = [],
    372. 

  372. 		data2 = [],
    373. 

  373. 		data3 = [];
    374. 

  374. 		data4=[];
    375. 

  375. 	var begintime;
    376. 

  376. 	var endtime;
    377. 

  377. 	
    378. 

  378. 	function findPowerChar(wpid,recordDate) {
    379. 

  379. 

  380. 		var url = "/agc/findPowerChar.action?recordDate="+recordDate
    381. 

  381. 											+"&wpid="+wpid;
    382. 

  382. 		$.ajax({
    383. 

  383. 			url : url,
    384. 

  384. 			type : "post",
    385. 

  385. 			cache : false,
    386. 

  386. 			dataType : "json",
    387. 

  387. 			data : {},
    388. 

  388. 			ifModified : false,
    389. 

  389. 			success : function(res) {
    390. 

  390. 

  391. 				/****************************************************************************************************/
    392. 

  392. 				data = res['sjgl'];
    393. 

  393. 				data2 = res['llgl'];
    394. 

  394. 				data3 = res['ycgl'];
    395. 

  395. 				data4 = res['llgl1'];
    396. 

  396. 

  397. 				begintime = res['begin'][0];
    398. 

  398. 				
    399. 

  399. 

  400. 				endtime = res['end'][0];
    401. 

  401. 				
    402. 

  402. 

  403. 				/****************************************************************************************************/
    404. 

  404. 

  405. 			},
    406. 

  406. 			complete : function() {
    407. 

  407. 				doPowerLine();
    408. 

  408. 			}
    409. 

  409. 		});
    410. 

  410. 	}
    411. 

  411. 

  412. /*****************************************************************************************************************/
    413. 

  413. $(document).ready(function() {
    414. 

  414. 	agcinfo();
    415. 

  415. 	setInterval(agcinfo, 5000);
    416. 

  416. 	
    417. 

  417. 	agcLine();
    418. 

  418. 	setInterval(agcinfo, 5*60000);
    419. 

  419. 	$('#recordDate').val("<s:property value='recordDate'/>");
    420. 

  420. });
    421. 

  421. 

  422. function agcinfo() {
    423. 

  423. 	$.ajax({
    424. 

  424. 		url : "/agc/getAgcVal.action", 		
    425. 

  425. 		type : "post",
    426. 

  426. 		cache : false,
    427. 

  427. 		dataType : "json",
    428. 

  428. 		data : {},
    429. 

  429. 		ifModified : false,
    430. 

  430. 		success : function(res) {
    431. 

  431. 			for (var key in res){
    432. 

  432. 				if(key.indexOf("AGC001")>-1  || key.indexOf("AGC002")>-1 || key.indexOf("AGC006")>-1 || 
    433. 

  433. 			          key.indexOf("AGC007")>-1  || key.indexOf("AGC008")>-1 || key.indexOf("AGC011")>-1 ||
    434. 

  434. 			          key.indexOf("AGC014")>-1 || key.indexOf("AGC015")>-1 || key.indexOf("LLGL")>-1){
    435. 

  435. 					$("#"+key).html(res[key]);
    436. 

  436. 					//alert(key+"==dddd=="+res[key]);l
    437. 

  437. 				}
    438. 

  438. 				else{
    439. 

  439. 					//alert(key+"==dddd=="+res[key]+(res[key]==1));
    440. 

  440. 					if(res[key]==1){
    441. 

  441. 						$("#"+key).html('<img src="/resource/images/agc/agc_zt4.png" width="20" height="20" alt=""/>');
    442. 

  442. 					}else if(res[key]==0){//0为正常绿图标
    443. 

  443. 						$("#"+key).html('<img src="/resource/images/agc/agc_zt3.png" width="20" height="20" alt=""/>');
    444. 

  444. 					}
    445. 

  445. 				}
    446. 

  446. 			}
    447. 

  447. 		}
    448. 

  448. 	});
    449. 

  449. }
    450. 

  450. 

  451. 

  452. 

  453. 	function getavcLine(wpid) {
    454. 

  454. 		var url = "/agc/getAvcLine.action?wpid=" + wpid;
    455. 

  455. 

  456. 		$.ajax({
    457. 

  457. 			url : url,
    458. 

  458. 			type : "post",
    459. 

  459. 			cache : false,
    460. 

  460. 			dataType : "json",
    461. 

  461. 			data : {},
    462. 

  462. 			ifModified : false,
    463. 

  463. 			success : function(result) {
    464. 

  464. 				$.each(result, function(k, v) {
    465. 

  465. 					//alert(k +"==" + v.length)
    466. 

  466. 					var dytkz = [];
    467. 

  467. 					var dysjz = [];
    468. 

  468. 					var xtime = [];
    469. 

  469. 					var count1=0;
    470. 

  470. 					var count2=0;
    471. 

  471. 					$.each(v, function(i, obj) {
    472. 

  472. 						if(count1 < obj.value6){
    473. 

  473. 							if (obj.value1 != null) {
    474. 

  474. 								dytkz.push(parseFloat(obj.value1));
    475. 

  475. 							} else {
    476. 

  476. 								dytkz.push(null);
    477. 

  477. 							}
    478. 

  478. 							count1++;
    479. 

  479. 						}
    480. 

  480. 						if(count2 < obj.value7){
    481. 

  481. 							if (obj.value2 == null) {
    482. 

  482. 								dysjz.push(null);
    483. 

  483. 							} else {
    484. 

  484. 								dysjz.push(parseFloat(obj.value2));
    485. 

  485. 							}
    486. 

  486. 							count2++;
    487. 

  487. 						}
    488. 

  488. 						if (obj.time == null) {
    489. 

  489. 							xtime.push(null);
    490. 

  490. 						} else {
    491. 

  491. 							xtime.push(parseFloat(obj.time));
    492. 

  492. 						}
    493. 

  493. 					});
    494. 

  494. 					if (k == "CL_FDC") {
    495. 

  495. 						options4.series[0].data = dysjz;
    496. 

  496. 						options4.series[1].data = dytkz;
    497. 

  497. 						options4.xAxis.categories = xtime;
    498. 

  498. 						chart4 = new Highcharts.Chart(options4);
    499. 

  499. 					} else if (k == "KB_FDC") {
    500. 

  500. 						options5.series[0].data = dysjz;
    501. 

  501. 						options5.series[1].data = dytkz;
    502. 

  502. 						options5.xAxis.categories = xtime;
    503. 

  503. 						chart5 = new Highcharts.Chart(options5);
    504. 

  504. 					} else if (k == "DX_FDC") {
    505. 

  505. 						options6.series[0].data = dysjz;
    506. 

  506. 						options6.series[1].data = dytkz;
    507. 

  507. 						options6.xAxis.categories = xtime;
    508. 

  508. 						chart6 = new Highcharts.Chart(options6);
    509. 

  509. 					}
    510. 

  510. 				});
    511. 

  511. 

  512. 			}
    513. 

  513. 		});
    514. 

  514. 	}
    515. 

  515. </script>
    516. 

  516. <style type="text/css">
    517. 

  517. 	html{overflow-y:hidden; }
    518. 

  518. 	.page_agc_title11	{
    519. 

  519. 		width:69px;
    520. 

  520. 		border-top:1px solid #cdcdcd;
    521. 

  521. 		border-bottom:1px solid #cdcdcd;
    522. 

  522. 		height:30px;
    523. 

  523. 		float:left; 
    524. 

  524. 		font:14px/30px "Microsoft YaHei";
    525. 

  525. 		color:#5d5d5d;
    526. 

  526. 		 padding-left:10px; 
    527. 

  527. 		background:#f3f3f3;}
    528. 

  528. 	.page_agc_num1{
    529. 

  529. 	width:78px;
    530. 

  530. 	height:30px;
    531. 

  531. 	font:24px/30px fontNameRegular;
    532. 

  532. 	color:#000;
    533. 

  533. 	/* border-right:1px solid #cdcdcd; */
    534. 

  534. 	border-bottom:1px solid #cdcdcd;
    535. 

  535. 	text-align:center;
    536. 

  536. 	float:left;}
    537. 

  537. 	.page_agc_dw1{
    538. 

  538. 	width:40px;
    539. 

  539. 	height:30px;
    540. 

  540. 	font:12px/30px "Microsoft YaHei";
    541. 

  541. 	color:#5d5d5d;
    542. 

  542. 	padding-left:17px;
    543. 

  543. 	text-align:center;
    544. 

  544. 	float:left;}
    545. 

  545. </style>
    546. 

  546. </head>
    547. 

  547. 

  548. <body>
    549. 

  549. <div class="all">
    550. 

  550. 

  551. <s:hidden id="wpids" ></s:hidden>
    552. 

  552. 

  553. <!--风场-->
    554. 

  554. <div class="page_agc_box">
    555. 

  555. <div  class="page_agc_title"  onmouseover="this.style.cursor='pointer'" onclick="showDiv('CL_FDC')"><li>红花梁风电场</li><div class="page_agc_zt"><img src="/resource/images/agc/agc_zt1.png" width="60" height="27" alt=""/></div><div class="page_agc_title11">理论功率</div><div class="page_agc_num1" id="CL_FDC_LLGL" align="center">0</div><div class="page_agc_dw1">MW</div></div>
    556. 

  556. <div class="page_agc_box1">
    557. 

  557. <div class="page_agc_name1" onmouseover="this.style.cursor='pointer'" onclick="agcLine('CL_FDC','s');">AGC</div>
    558. 

  558. <div class="page_agc_title1">实际功率</div>
    559. 

  559. <div class="page_agc_num" id="CL_FDC_AGC001">0.0</div>
    560. 

  560. <div class="page_agc_dw">MW</div>
    561. 

  561. <div class="page_agc_title1">AGC限电指令值</div>
    562. 

  562. <div class="page_agc_num" id="CL_FDC_AGC002">0.0</div>
    563. 

  563. <div class="page_agc_dw">MW</div>
    564. 

  564. <div class="page_agc_title1">AGC有功上限</div>
    565. 

  565. <div class="page_agc_num" id="CL_FDC_AGC014">0.0</div>
    566. 

  566. <div class="page_agc_dw">MW</div>
    567. 

  567. <div class="page_agc_title1">AGC有功下限</div>
    568. 

  568. <div class="page_agc_num" id="CL_FDC_AGC015">0.0</div>
    569. 

  569. <div class="page_agc_dw">MW</div>
    570. 

  570. <div class="page_agc_title1">AGC远方</div>
    571. 

  571. <div class="page_agc_zt1" id="CL_FDC_AGC031"></div>
    572. 

  572. <div class="page_agc_title1">AGC投退</div>
    573. 

  573. <div class="page_agc_zt1" id="CL_FDC_AGC004"></div>
    574. 

  574. <!-- <div class="page_agc_title1">AGC限电标志</div>
    575. 

  575. <div class="page_agc_zt1" id="CL_FDC_AGC024"></div> -->
    576. 

  576. <div class="page_agc_title1">AGC减闭锁</div>
    577. 

  577. <div class="page_agc_zt1" id="CL_FDC_AGC026"></div>
    578. 

  578. <div class="page_agc_title2">AGC增闭锁</div>
    579. 

  579. <div class="page_agc_zt2" id="CL_FDC_AGC025"></div>
    580. 

  580. </div>
    581. 

  581. <div class="page_agc_box2">
    582. 

  582. <div class="page_agc_name2" onmouseover="this.style.cursor='pointer'" onclick="getavcLine('CL_FDC')">AVC</div>
    583. 

  583. <div class="page_agc_title3">AVC母线电压实际值</div>
    584. 

  584. <div class="page_agc_num" id="CL_FDC_AGC011">0.0</div>
    585. 

  585. <div class="page_agc_dw">KV</div>
    586. 

  586. <div class="page_agc_title3">AVC母线电压调控值</div>
    587. 

  587. <div class="page_agc_num" id="CL_FDC_AGC008">0.0</div>
    588. 

  588. <div class="page_agc_dw">KV</div>
    589. 

  589. <div class="page_agc_title3">AVC110KV母线系统可减无功</div>
    590. 

  590. <div class="page_agc_num" id="CL_FDC_AGC007">0.0</div>
    591. 

  591. <div class="page_agc_dw">Mvar</div>
    592. 

  592. <div class="page_agc_title3">AVC110KV母线系统可增无功</div>
    593. 

  593. <div class="page_agc_num" id="CL_FDC_AGC006">0.0</div>
    594. 

  594. <div class="page_agc_dw">Mvar</div>
    595. 

  595. <div class="page_agc_title3">AVC子站投退状态</div>
    596. 

  596. <div class="page_agc_zt1" id="CL_FDC_AGC005"></div>
    597. 

  597. <div class="page_agc_title3">AVC子站运行状态</div>
    598. 

  598. <div class="page_agc_zt1" id="CL_FDC_AGC023"></div>
    599. 

  599. <div class="page_agc_title3">AVC110KV母线减无功闭锁</div>
    600. 

  600. <div class="page_agc_zt1" id="CL_FDC_AGC022"></div>
    601. 

  601. <div class="page_agc_title3">AVC110KV母线增无功闭锁</div>
    602. 

  602. <div class="page_agc_zt1" id="CL_FDC_AGC021"></div>
    603. 

  603. </div>
    604. 

  604. <div class="page_agc_right"> <div style="width: 98%;height: 88%;"  id="container1"></div></div>
    605. 

  605. </div>
    606. 

  606. <!--风场-->
    607. 

  607. <div class="page_agc_box">
    608. 

  608. <div  class="page_agc_title" id="test1" onmouseover="this.style.cursor='pointer'"  onclick="showDiv('KB_FDC')"><li>照阳河风电场</li><div class="page_agc_zt"><img src="/resource/images/agc/agc_zt1.png" width="60" height="27" alt=""/></div><div class="page_agc_title11">理论功率</div><div class="page_agc_num1" id="KB_FDC_LLGL" align="center">0</div><div class="page_agc_dw1">MW</div></div>
    609. 

  609. <div class="page_agc_box1">
    610. 

  610. <div class="page_agc_name1" onmouseover="this.style.cursor='pointer'" onclick="agcLine('KB_FDC','s');">AGC</div>
    611. 

  611. <div class="page_agc_title1">实际功率</div>
    612. 

  612. <div class="page_agc_num" id="KB_FDC_AGC001">0.0</div>
    613. 

  613. <div class="page_agc_dw">MW</div>
    614. 

  614. <div class="page_agc_title1">AGC限电指令值</div>
    615. 

  615. <div class="page_agc_num" id="KB_FDC_AGC002">0.0</div>
    616. 

  616. <div class="page_agc_dw">MW</div>
    617. 

  617. <div class="page_agc_title1">AGC有功上限</div>
    618. 

  618. <div class="page_agc_num" id="KB_FDC_AGC014">0.0</div>
    619. 

  619. <div class="page_agc_dw">MW</div>
    620. 

  620. <div class="page_agc_title1">AGC有功下限</div>
    621. 

  621. <div class="page_agc_num" id="KB_FDC_AGC015">0.0</div>
    622. 

  622. <div class="page_agc_dw">MW</div>
    623. 

  623. <div class="page_agc_title1">AGC远方</div>
    624. 

  624. <div class="page_agc_zt1" id="KB_FDC_AGC031"></div>
    625. 

  625. <div class="page_agc_title1">AGC投退</div>
    626. 

  626. <div class="page_agc_zt1" id="KB_FDC_AGC004"></div>
    627. 

  627. <!-- <div class="page_agc_title1">AGC限电标志</div>
    628. 

  628. <div class="page_agc_zt1" id="KB_FDC_AGC024"></div> -->
    629. 

  629. <div class="page_agc_title1">AGC减闭锁</div>
    630. 

  630. <div class="page_agc_zt1" id="KB_FDC_AGC026"></div>
    631. 

  631. <div class="page_agc_title2">AGC增闭锁</div>
    632. 

  632. <div class="page_agc_zt2" id="KB_FDC_AGC025"></div>
    633. 

  633. </div>
    634. 

  634. <div class="page_agc_box2">
    635. 

  635. <div class="page_agc_name2" onmouseover="this.style.cursor='pointer'" onclick="getavcLine('KB_FDC')">AVC</div>
    636. 

  636. <div class="page_agc_title3">AVC母线电压实际值</div>
    637. 

  637. <div class="page_agc_num" id="KB_FDC_AGC011">0.0</div>
    638. 

  638. <div class="page_agc_dw">KV</div>
    639. 

  639. <div class="page_agc_title3">AVC母线电压调控值</div>
    640. 

  640. <div class="page_agc_num" id="KB_FDC_AGC008">0.0</div>
    641. 

  641. <div class="page_agc_dw">KV</div>
    642. 

  642. <div class="page_agc_title3">AVC220KV母线系统可减无功</div>
    643. 

  643. <div class="page_agc_num" id="KB_FDC_AGC007">0.0</div>
    644. 

  644. <div class="page_agc_dw">Mvar</div>
    645. 

  645. <div class="page_agc_title3">AVC220KV母线系统可增无功</div>
    646. 

  646. <div class="page_agc_num" id="KB_FDC_AGC006">0.0</div>
    647. 

  647. <div class="page_agc_dw">Mvar</div>
    648. 

  648. <div class="page_agc_title3">AVC子站投退状态</div>
    649. 

  649. <div class="page_agc_zt1" id="KB_FDC_AGC005"></div>
    650. 

  650. <div class="page_agc_title3">AVC子站运行状态</div>
    651. 

  651. <div class="page_agc_zt1" id="KB_FDC_AGC023"></div>
    652. 

  652. <div class="page_agc_title3">AVC220KV母线减无功闭锁</div>
    653. 

  653. <div class="page_agc_zt1" id="KB_FDC_AGC022"></div>
    654. 

  654. <div class="page_agc_title3">AVC220KV母线增无功闭锁</div>
    655. 

  655. <div class="page_agc_zt1" id="KB_FDC_AGC021"></div>
    656. 

  656. </div>
    657. 

  657. <div class="page_agc_right"> <div style="width: 98%;height: 88%;"  id="container2"></div> </div>
    658. 

  658. </div>
    659. 

  659. <!--风场-->
    660. 

  660. <div class="page_agc_box">
    661. 

  661. <div  class="page_agc_title"  onmouseover="this.style.cursor='pointer'"  onclick="showDiv('DX_FDC')"><li>雁门关风电场</li><div class="page_agc_zt"><img src="/resource/images/agc/agc_zt1.png" width="60" height="27" alt=""/></div><div class="page_agc_title11">理论功率</div><div class="page_agc_num1" id="DX_FDC_LLGL" align="center">0</div><div class="page_agc_dw1">MW</div></div>
    662. 

  662. <div class="page_agc_box1">
    663. 

  663. <div class="page_agc_name1" onmouseover="this.style.cursor='pointer'" onclick="agcLine('DX_FDC','s');">AGC</div>
    664. 

  664. <div class="page_agc_title1">实际功率</div>
    665. 

  665. <div class="page_agc_num" id="DX_FDC_AGC001">0.0</div>
    666. 

  666. <div class="page_agc_dw">MW</div>
    667. 

  667. <div class="page_agc_title1">AGC限电指令值</div>
    668. 

  668. <div class="page_agc_num" id="DX_FDC_AGC002">0.0</div>
    669. 

  669. <div class="page_agc_dw">MW</div>
    670. 

  670. <div class="page_agc_title1">AGC有功上限</div>
    671. 

  671. <div class="page_agc_num" id="DX_FDC_AGC014">0.0</div>
    672. 

  672. <div class="page_agc_dw">MW</div>
    673. 

  673. <div class="page_agc_title1">AGC有功下限</div>
    674. 

  674. <div class="page_agc_num" id="DX_FDC_AGC015">0.0</div>
    675. 

  675. <div class="page_agc_dw">MW</div>
    676. 

  676. <div class="page_agc_title1">AGC远方</div>
    677. 

  677. <div class="page_agc_zt1" id="DX_FDC_AGC031"></div>
    678. 

  678. <div class="page_agc_title1">AGC投退</div>
    679. 

  679. <div class="page_agc_zt1" id="DX_FDC_AGC004"></div>
    680. 

  680. <!-- <div class="page_agc_title1">AGC限电标志</div>
    681. 

  681. <div class="page_agc_zt1" id="DX_FDC_AGC024"></div> -->
    682. 

  682. <div class="page_agc_title1">AGC减闭锁</div>
    683. 

  683. <div class="page_agc_zt1" id="DX_FDC_AGC026"></div>
    684. 

  684. <div class="page_agc_title2">AGC增闭锁</div>
    685. 

  685. <div class="page_agc_zt2" id="DX_FDC_AGC025"></div>
    686. 

  686. </div>
    687. 

  687. <div class="page_agc_box2">
    688. 

  688. <div class="page_agc_name2" onmouseover="this.style.cursor='pointer'" onclick="getavcLine('DX_FDC')">AVC</div>
    689. 

  689. <div class="page_agc_title3">AVC母线电压实际值</div>
    690. 

  690. <div class="page_agc_num" id="DX_FDC_AGC011">0.0</div>
    691. 

  691. <div class="page_agc_dw">KV</div>
    692. 

  692. <div class="page_agc_title3">AVC母线电压调控值</div>
    693. 

  693. <div class="page_agc_num" id="DX_FDC_AGC008">0.0</div>
    694. 

  694. <div class="page_agc_dw">KV</div>
    695. 

  695. <div class="page_agc_title3">AVC110KV母线系统可减无功</div>
    696. 

  696. <div class="page_agc_num" id="DX_FDC_AGC007">0.0</div>
    697. 

  697. <div class="page_agc_dw">Mvar</div>
    698. 

  698. <div class="page_agc_title3">AVC110KV母线系统可增无功</div>
    699. 

  699. <div class="page_agc_num" id="DX_FDC_AGC006">0.0</div>
    700. 

  700. <div class="page_agc_dw">Mvar</div>
    701. 

  701. <div class="page_agc_title3">AVC子站投退状态</div>
    702. 

  702. <div class="page_agc_zt1" id="DX_FDC_AGC005"></div>
    703. 

  703. <div class="page_agc_title3">AVC子站运行状态</div>
    704. 

  704. <div class="page_agc_zt1" id="DX_FDC_AGC023"></div>
    705. 

  705. <div class="page_agc_title3">AVC110KV母线减无功闭锁</div>
    706. 

  706. <div class="page_agc_zt1" id="DX_FDC_AGC022"></div>
    707. 

  707. <div class="page_agc_title3">AVC110KV母线增无功闭锁</div>
    708. 

  708. <div class="page_agc_zt1" id="DX_FDC_AGC021"></div>
    709. 

  709. </div>
    710. 

  710. <div class="page_agc_right"> <div style="width: 98%;height: 88%;"  id="container3"></div></div>
    711. 

  711. </div>
    712. 

  712. <!--结束-->
    713. 

  713. <!--弹出开始-->
    714. 

  714. <div class="highslide-html-content" id="glshow" style="height: 1800px">
    715. 

  715. 				<div class="highslide-header">
    716. 

  716. 					<ul>
    717. 

  717. 						<li class="highslide-move">
    718. 

  718. 							<a href="#" onclick="return false">Move</a>
    719. 

  719. 						</li>
    720. 

  720. 						<li class="highslide-close">
    721. 

  721. 							<a href="#" onclick="return hs.close(this)"></a>
    722. 

  722. 						</li>
    723. 

  723. 					</ul>
    724. 

  724. 				</div>
    725. 

  725. 				<div class="highslide-body" style="height: 800;width:1800px" >
    726. 

  726. 					<fieldset style="height: 60px;width: 1800px" id="fst">
    727. 

  727. 					    <legend class="item_Name">查询条件</legend>
    728. 

  728. 					  <table  class="dataform">
    729. 

  729. 						<tr>
    730. 

  730. 					
    731. 

  731. 							<th width="5%" class="item_Name">
    732. 

  732. 								日期
    733. 

  733. 							</th>
    734. 

  734. 							<td width="10%" style="text-align: left">
    735. 

  735. 								<s:textfield cssClass="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowWeek:true,readOnly:true})" 
    736. 

  736. 								id="recordDate" name="recordDate" title="日期"  onchange="queryData();"/>
    737. 

  737. 							</td>
    738. 

  738. 							<!-- 
    739. 

  739. 							<td width="10%" style="text-align: right">
    740. 

  740. 								<a href="#" onclick="javascript:toExcel();"  id="toexcel">导出</a>	
    741. 

  741. 							</td> 
    742. 

  742. 							-->
    743. 

  743. 							<td width="40%"></td>
    744. 

  744. 						</tr>
    745. 

  745. 						</table>
    746. 

  746. 					  </fieldset>
    747. 

  747. 					<div id="container" style="height: 500;width:1800px"><div/>
    748. 

  748. 				</div>
    749. 

  749. 			</div>
    750. 

  750. <!--弹出结束-->
    751. 

  751. </div>
    752. 

  752. </body>
    753. 

  753. </html>
    754.