<%@ page language="java" contentType="text/html;charset=utf-8"%>
<%@include file="/pages/includes/taglibs.jsp"%>
<head>
	<script src="<%=request.getContextPath()%>/resource/js/jquery.min.js"
		type="text/javascript">
</script>
	<script
		src="<%=request.getContextPath()%>/resource/js/highcharts/highcharts.js"
		type="text/javascript">
</script>
	<script
		src="<%=request.getContextPath()%>/resource/js/highcharts/themes/grid.js"
		type="text/javascript">
</script>
<link rel="stylesheet" type="text/css"
		href="<%=request.getContextPath()%>/resource/plugin/highslide/highslide.css" />
<script type="text/javascript"
		src="<%=request.getContextPath()%>/resource/plugin/highslide/highslide-with-html.js">
	</script>


 <script type="text/ecmascript" src="<%=request.getContextPath() %>/resource/plugin/jqgrid/js/jquery.jqGrid.min.js"></script>
 <script type="text/ecmascript" src="<%=request.getContextPath() %>/resource/plugin/jqgrid/js/i18n/grid.locale-cn.js"></script>
 
<script type="text/ecmascript" src="<%=request.getContextPath()%>/resource/js/system/jqdatagrid.js"></script>
<script src="<%=request.getContextPath()%>/resource/js/datePicker/WdatePicker.js" type="text/javascript"></script>
 <link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css" />
 <link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath() %>/resource/plugin/jqgrid/css/ui.jqgrid.css" />
<script type="text/javascript">
hs.graphicsDir = '<%=request.getContextPath()%>/resource/plugin/highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'draggable-header';

$(document).ready(function() {

showJqGrid1();
showJqGrid2();
showJqGrid3();
showJqGrid4();
showJqGrid5();
showJqGrid6();

});
function showJqGrid1() {

var temp="<%=request.getContextPath() %>/charts/curvedeviationlist.action?windfarm=MHS_FDC";
var url= encodeURI(encodeURI(temp)); 
var id = 'gridTable1';
var datatype = 'json';

var colNames = ['风机', '实际/保证(%)','实际/最优(%)','最优/保证(%)'];

var colModel = [

{ name: 'windturbineid', index: 'windturbineid', width: 150, align: 'center'},
{ name: 'deviationrate2', index: 'deviationrate2', width: 150, align: 'center'},
{ name: 'deviationrate1', index: 'deviationrate1', width: 150, align: 'center'},
{ name: 'deviationrate3', index: 'deviationrate3', width: 150, align: 'center'}
];

var caption = '日曲线偏差率排行榜';


var sortname = 'deviationrate2';

var gridPagerID ='gridPager';

var sortorder='desc';

var height='600';

var width='auto';


var rownumbers=false;

var multiselect=false;

myJqGrid(id, url, datatype, colNames, colModel, caption,  sortname, gridPagerID,sortorder,height,width,
multiselect,rownumbers);
}

function showJqGrid2() {

			
var url = '<%=request.getContextPath() %>/charts/totalPowerCapacityTopList.action?type=fc';
var id = 'gridTable2';

var datatype = 'json';

var colNames = ['风场', '风机','起始日期','截至日期','发电量(万kwh)'];

var colModel = [

{ name: 'windfarm', index: 'windfarm', width: 100, align: 'center'},
{ name: 'windturbine', index: 'windturbine', width: 100, align: 'center'},
{ name: 'beginDate', index: 'beginDate', width: 150, align: 'center'},
{ name: 'endDate', index: 'endDate', width: 150, align: 'center'},
{ name: 'generatingCapacity', index: 'generatingCapacity', width: 100, align: 'center'}
];

var caption = '总发电量排行榜';


var sortname = 'generatingCapacity';

var gridPagerID ='gridPager';

var sortorder='desc';

var height='600';

var width='auto';

var rownumbers=false;

var multiselect=false;

myJqGrid(id, url, datatype, colNames, colModel, caption,  sortname, gridPagerID,sortorder,height,width,
multiselect,rownumbers);
}

function showJqGrid3() {

			
var url = '<%=request.getContextPath() %>/charts/utilizationList.action';
var id = 'gridTable3';

var datatype = 'json';

var colNames = ['名称', '实际发电量(万KW)','理论发电量(万KW)','风电利用率(%)'];

var colModel = [


{ name: 'windturbineid', index: 'windturbineid', width: 150, align: 'center'},
{ name: 'daydl2', index: 'daydl2', width: 150, align: 'center'},
{ name: 'daylldl', index: 'daylldl', width: 150, align: 'center'},
{ name: 'dayspeed', index: 'dayspeed', width:150, align: 'center'}
];

var caption = '利用率排行榜';


var sortname = 'daydl2';

var gridPagerID ='gridPager';

var sortorder='desc';

var height='600';

var width='auto';

var rownumbers=false;

var multiselect=false;

myJqGrid(id, url, datatype, colNames, colModel, caption,  sortname, gridPagerID,sortorder,height,width,
multiselect,rownumbers);
}
function showJqGrid4() {

			
var url = '<%=request.getContextPath() %>/charts/lossList.action';
var id = 'gridTable4';

var datatype = 'json';

var colNames = ['名称', '非计划检修损失率(%)','计划检修损失率(%)','弃风率(%)','受累损失率(%)'];

var colModel = [

{ name: 'windturbineid', index: 'windturbineid', width: 120, align: 'center'},
{ name: 'daynhgzssdl2', index: 'daynhgzssdl2', width: 120, align: 'center'},
{ name: 'daynhwhssdl2', index: 'daynhwhssdl2', width: 120, align: 'center'},
{ name: 'daynhxdssdl2', index: 'daynhxdssdl2', width: 120, align: 'center'},
{ name: 'dayspeed', index: 'dayspeed', width: 120, align: 'center'}
];

var caption = '损失率排行榜';


var sortname = 'daynhgzssdl2';

var gridPagerID ='gridPager';

var sortorder='desc';

var height='600';

var width='auto';

var rownumbers=false;

var multiselect=false;

myJqGrid(id, url, datatype, colNames, colModel, caption,  sortname, gridPagerID,sortorder,height,width,
multiselect,rownumbers);
}


function showJqGrid5() {

			
var url = '<%=request.getContextPath() %>/charts/loadfactortoplist1.action?type=fc&wpId=MHS_FDC';
var id = 'gridTable5';

var datatype = 'json';

var colNames = ['风场', '风机','起始日期','截至日期','平均功率'];

var colModel = [

{ name: 'windfarm', index: 'windfarm', width: 120, align: 'center'},
{ name: 'windturbine', index: 'windturbine', width: 120, align: 'center'},
{ name: 'beginDate', index: 'beginDate', width: 120, align: 'center'},
{ name: 'endDate', index: 'endDate', width: 120, align: 'center'},
{ name: 'generatingCapacity', index: 'generatingcapacity', width: 120, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 2}}
];

var caption = '负荷率排行榜';

var sortname = 'power';

var gridPagerID ='gridPager';

var sortorder='desc';

var height='600';

var width='auto';

var rownumbers=false;

var multiselect=false;

myJqGrid(id, url, datatype, colNames, colModel, caption,  sortname, gridPagerID,sortorder,height,width,
multiselect,rownumbers);
}

function showJqGrid6() {

			
var url = '<%=request.getContextPath() %>/charts/querywarningStatisticalColumnGrid.action?wfId=1';
var id = 'gridTable6';

var datatype = 'json';

var colNames = ['序号', '名称','频率(次)'];

var colModel = [

{ name: 'num', index: 'num', width: 200, align: 'center'},
{ name: 'name', index: 'name', width: 200, align: 'center'},
{ name: 'frequencyday', index: 'frequencyday', width: 200, align: 'center'}

];

var caption = '报警信息统计排行';


var sortname = 'frequencyday';

var gridPagerID ='gridPager';

var sortorder='desc';

var height='600';

var width='auto';

var rownumbers=false;

var multiselect=false;

myJqGrid(id, url, datatype, colNames, colModel, caption,  sortname, gridPagerID,sortorder,height,width,
multiselect,rownumbers);
}
</script>
</head>
<body>

	<form action="" method="post" id="f1">
		
			<table >
				<tr>
					<td>
						<table>
							<tr>
								<td>
								
									<a href="<%=request.getContextPath()%>/charts/curvedeviationindex.action"
									 onclick="return hs.htmlExpand(this,
									 { objectType: 'iframe',
									 	width : 1600,
										height : 800
									  } )">
										查看详细信息
									</a>
									<div style="width: 630px; height: 640px; overflow: auto;"
										id="container1">
										
									<table id='gridTable1'  height="600px">

									</table>
								</div>
								
								</td>

							</tr>
						</table>
					</td>
					<td>
						<table>
							<tr>
								<td>
									<a href="<%=request.getContextPath()%>/charts/totalPowerCapacityTopIndex.action"
									 onclick="return hs.htmlExpand(this,
									 { objectType: 'iframe',
									 	width : 1600,
										height : 800
									  } )">
										查看详细信息
									</a>
									<div style="width: 630px; height: 640px; overflow: auto;"
										id="container2">
										
									<table id='gridTable2' height="600px">

									</table>
								</div>
								</td>

							</tr>
						</table>

					</td>
					<td>
						<table>
							<tr>
								<td>
									<a href="<%=request.getContextPath()%>/charts/utilizationIndex.action"
									 onclick="return hs.htmlExpand(this,
									 { objectType: 'iframe',
									 	width : 1600,
										height : 800
									  } )">
										查看详细信息
									</a>
									<div style="width: 630px; height: 640px; overflow: auto;"
										id="container3">
										
									<table id='gridTable3' height="600px">

									</table>
								</div>
								</td>

							</tr>
						</table>

					</td>
				</tr>
<tr>
					<td>
						<table>
							<tr>
								<td>
								<a href="<%=request.getContextPath()%>/charts/lossIndex.action"
									 onclick="return hs.htmlExpand(this,
									 { objectType: 'iframe',
									 	width : 1600,
										height : 800
									  } )">
										查看详细信息
									</a>
								<div style="width: 630px; height: 640px; overflow: auto;"
										id="container4">
										
									<table id='gridTable4' height="600px">

									</table>
								</div>
									
								</td>

							</tr>
						</table>
					</td>
					<td>
						<table>
							<tr>
								<td>
									<a href="<%=request.getContextPath()%>/charts/loadfactortopindex.action"
									 onclick="return hs.htmlExpand(this,
									 { objectType: 'iframe',
									 	width : 1600,
										height : 800
									  } )">
										查看详细信息
									</a>
									<div style="width: 630px; height: 640px; overflow: auto;"
										id="container5">
										
									<table id='gridTable5' height="600px">

									</table>
									</div>
								</td>

							</tr>
						</table>

					</td>
					<td>
						<table>
							<tr>
								<td>
									<a href="<%=request.getContextPath()%>/charts/querywarningStatisticalTop.action"
									 onclick="return hs.htmlExpand(this,
									 { objectType: 'iframe',
									 	width : 1600,
										height : 800
									  } )">
										查看详细信息
									</a>
									<div style="width: 630px; height: 640px; overflow: auto;"
										id="container6">
										
									<table id='gridTable6' height="600px">

									</table>
									</div>
								</td>

							</tr>
						</table>

					</td>
				</tr>
			</table>

			
	</form>
</body>