xieshengjie
/
gdhb


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314
							<%@ page language="java" contentType="text/html;charset=utf-8"%>
<%@include file="/pages/includes/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=8" />
    <title>国电电力和风新能源公司生产运行监控平台</title>
    <link href="<%=request.getContextPath() %>/resource/css/hbsj/index.css" rel="stylesheet" type="text/css" />

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


	<script type="text/javascript"
		src="<%=request.getContextPath()%>/resource/plugin/highslide/highslide-with-html.js">
	</script>
	<link rel="stylesheet" type="text/css"
		href="<%=request.getContextPath()%>/resource/plugin/highslide/highslide.css" />
	<script
		src="<%=request.getContextPath()%>/resource/js/highcharts/highcharts.src.js"
		type="text/javascript">
       </script>
	<script
		src="<%=request.getContextPath()%>/resource/js/highcharts/highcharts-more.js">
	</script>
	<script
		src="<%=request.getContextPath()%>/resource/js/highcharts/modules/solid-gauge.src.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>
	<link rel="stylesheet" type="text/css"
		href="<%=request.getContextPath()%>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css" />
      <script type='text/javascript' src='<%=request.getContextPath() %>/pages/monitor/hbsj/power.js'></script>
<script type="text/javascript">

function setTab(m,n){
var menu=document.getElementById("tab"+m).getElementsByTagName("li");  
for(i=0;i<menu.length;i++)
{

   menu[i].className=(i==n?"now":""); 
}
}
</script>
</head>

<!--[if gte IE 6]>
<script type="text/javascript">
	function correctPNG()
	{
	    for(var i=0; i<document.images.length; i++)
	    {
	        var img = document.images[i]
	        var imgName = img.src.toUpperCase()
	        if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
	        {
		        var imgID = (img.id) ? "id='" + img.id + "' " : ""
		        var imgClass = (img.className) ? "class='" + img.className + "' " : ""
		        var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
		        var imgStyle = "display:inline-block;" + img.style.cssText
		        if (img.align == "left") imgStyle = "float:left;" + imgStyle
		        if (img.align == "right") imgStyle = "float:right;" + imgStyle
		        if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
		        var strNewHTML = "<span " + imgID + imgClass + imgTitle
		        + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
		        + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
		        + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
		        img.outerHTML = strNewHTML
		        i = i-1
	        }
	    }
	}
	window.attachEvent("onload", correctPNG);
</script>
<![endif]-->
<script type="text/javascript">

$(document).ready(function() {

	$("#wpId").val('<s:property  value="wpId"/>');
	
	if(wpId!=null && wpId!=undefined)
	{
		$("#wpId").val(wpId);
	}
	var wpId=$("#wpId").val();
	  if(wpId=="CL_FDC")
	{
		setTab(1,0);
	}else if(wpId=="KB_FDC")
	{
		setTab(1,1);
	}
	else if(wpId=="DX_FDC")
	{
		setTab(1,2);
	}
	else if(wpId=="SY_FDC")
	{
		setTab(1,3);
	}
	wpAllInfoAjax();
	apdata();
	window.setInterval(wpAllInfoAjax, 60000);
	window.setInterval(apdata, 60000);
});
function selectpw(wpId,type)
{
	setTab(1,type);
	$("#wpId").val(wpId);
	wpAllInfoAjax();
	apdata();
}
function goback()
{
	$("#f1").attr("action","/matrix/monitormainIndex.action").submit();
}

function wpAllInfoAjax() {
	var wpId=$("#wpId").val();
	$.ajax( {
		url : "/wpmonitor/windfarmrealtimeinfo.action?wpId="+wpId,
		type : "post",
		cache : false,
		dataType : "json",
		data : {},
		ifModified : false,
		success : function(res) {
		$("#aqts").html(res["aqts"] + "");
		$("#wpName").html(res["wpName"] + "");
		
		$("#zjrl").html(res["zjrl"]*10 + "");
		$("#sjgl").html(res["sjgl"] + "");
		$("#fs").html(res["fs"] + "");
		
		$("#rfdl").html(res["rfdl"] + "");
		$("#rswdl").html(res["rswdl"] + "");
		
		$("#yxts").html(res["yxts"] + "");
		$("#djts").html(res["djts"] + "");
		$("#whts").html(res["whts"] + "");
		$("#gzts").html(res["gzts"] + "");
		$("#lxts").html(res["lxts"] + "");
		$("#xdts").html(res["xdts"] + "");
		$("#jrts").html(res["jrts"] + "");
		
		$("#whss").html(res["whss"] + "");
		$("#gzss").html(res["gzss"] + "");
		$("#xdss").html(res["xdss"] + "");
		$("#slss").html(res["slss"] + "");
		$("#xnss").html(res["xnss"] + "");
		
		$("#whssy").html(res["whssy"] + "");
		$("#gzssy").html(res["gzssy"] + "");
		$("#xdssy").html(res["xdssy"] + "");
		$("#slssy").html(res["slssy"] + "");
		$("#xnssy").html(res["xnssy"] + "");
		
		$("#whssn").html(res["whssn"] + "");
		$("#gzssn").html(res["gzssn"] + "");
		$("#xdssn").html(res["xdssn"] + "");
		$("#slssn").html(res["slssn"] + "");
		$("#xnssn").html(res["xnssn"] + "");
	}

 });
}
function windfarm()
{
	$("#f1").attr("action","/wpmonitor/zmindex.action").submit();
}

function tower()
{
	$("#f1").attr("action","/wpmonitor/windtower.action").submit();
}
function powerfirst()
{
	$("#f1").attr("action","/wpmonitor/pfindex.action").submit();
}
function wtinfo()
{
	$("#f1").attr("action","/wpmonitor/wtindex.action").submit();
}
function power()
{
	$("#f1").attr("action","/wpmonitor/pwindex.action").submit();
}
function fjpb()
{
	$("#f1").attr("action","/wpmonitor/lineindex.action").submit();
}
function reloadHighchart(){
	apdata();
}
</script>
<body>
<form action="#" id="f1" method="post">
<s:hidden id="wtId"  name="wtId"></s:hidden>
<s:hidden id="wpId"  name="wpId"></s:hidden>
<div class="all">
<div class="index_menu">
<div id="tab1">
<ul>

   
   <li onclick="selectpw('CL_FDC',0)">红花梁风电场</li>
   <li onclick="selectpw('KB_FDC',1)">照阳河风电场</li>
   <li onclick="selectpw('DX_FDC',2)">雁门关风电场</li>
<li onclick="selectpw('SY_FDC',3)">冠山风电场</li>

</ul>
</div>
</div>

<div class="page_top1">
<div class="index_top_left">综合指标</div>
<div class="page_top_right">
<div class="index_top_center">
<div class="page_top_center_top" id="wpName">雁门关风电场</div>
<div class="page_top_center_top_a">安全天数</div>
<div class="page_top_center_center" id="aqts"></div>
<div class="page_top_center_bottom">天</div>
</div>
<div class="index_top_right_box">
<div class="company_list"><div class="company_list_a">装机容量</div><div class="company_list_b" id="zjrl"></div><div class="company_list_c">MW</div></div>
<div class="company_list"><div class="company_list_a">功率</div><div class="company_list_b" id="sjgl"></div><div class="company_list_c">MW</div></div>
<div class="company_list"><div class="company_list_a">风速</div><div class="company_list_b" id="fs"></div><div class="company_list_c">m/s</div></div>
<div class="company_list"><div class="company_list_a">发电量</div><div class="company_list_b" id="rfdl"></div><div class="company_list_c">万kWh</div></div>
<div class="company_list1"><div class="company_list_a">上网电量</div><div class="company_list_b" id="rswdl"></div><div class="company_list_c">万kWh</div></div>
</div>
<div class="index_top_right_box">
<div class="company_list"><div class="company_list_a">日维护损失电量</div><div class="company_list_b" id="whss"></div><div class="company_list_c">万kWh</div></div>
<div class="company_list"><div class="company_list_a">日故障损失电量</div><div class="company_list_b" id="gzss"></div><div class="company_list_c">万kWh</div></div>
<div class="company_list"><div class="company_list_a">日限电损失电量</div><div class="company_list_b" id="xdss"></div><div class="company_list_c">万kWh</div></div>
<div class="company_list"><div class="company_list_a">日受累损失电量</div><div class="company_list_b" id="slss"></div><div class="company_list_c">万kWh</div></div>
<div class="company_list1"><div class="company_list_a">日性能损失电量</div><div class="company_list_b" id="xnss"></div><div class="company_list_c">万kWh</div></div>
</div>
<div class="index_top_right_box">
<div class="company_list"><div class="company_list_a">月维护损失电量</div><div class="company_list_b" id="whssy"></div><div class="company_list_c">万kWh</div></div>
<div class="company_list"><div class="company_list_a">月故障损失电量</div><div class="company_list_b" id="gzssy"></div><div class="company_list_c">万kWh</div></div>
<div class="company_list"><div class="company_list_a">月限电损失电量</div><div class="company_list_b" id="xdssy"></div><div class="company_list_c">万kWh</div></div>
<div class="company_list"><div class="company_list_a">月受累损失电量</div><div class="company_list_b" id="slssy"></div><div class="company_list_c">万kWh</div></div>
<div class="company_list1"><div class="company_list_a">月性能损失电量</div><div class="company_list_b" id="xnssy"></div><div class="company_list_c">万kWh</div></div>
</div>
<div class="index_top_right_box">
<div class="company_list"><div class="company_list_a">年维护损失电量</div><div class="company_list_b" id="whssn"></div><div class="company_list_c">万kWh</div></div>
<div class="company_list"><div class="company_list_a">年故障损失电量</div><div class="company_list_b" id="gzssn"></div><div class="company_list_c">万kWh</div></div>
<div class="company_list"><div class="company_list_a">年限电损失电量</div><div class="company_list_b" id="xdssn"></div><div class="company_list_c">万kWh</div></div>
<div class="company_list"><div class="company_list_a">年受累损失电量</div><div class="company_list_b" id="slssn"></div><div class="company_list_c">万kWh</div></div>
<div class="company_list1"><div class="company_list_a">年性能损失电量</div><div class="company_list_b" id="xnssn"></div><div class="company_list_c">万kWh</div></div>
</div>
</div>

</div>
<div class="page_top2">
<div class="page_top_left">风机状态</div>
<div class="page_top_right1">
<div class="page_top_center2">
<div class="page_top_center_top2">接入</div>
<div class="page_top_center_center2" id="jrts"></div>
<div class="page_top_center_bottom2">台</div>
</div>
<div class="page_top_right_box">
<div class="page_list">
<div class="page_list_box"><div class="page_list_box_left1"></div><div class="page_list_box_right"><div class="page_list_box_right_top">运行</div><div class="page_list_box_right_bottom1" id="yxts"></div><div class="page_list_box_right_bottom2">台</div></div></div>
<div class="page_list_box"><div class="page_list_box_left2"></div><div class="page_list_box_right"><div class="page_list_box_right_top">待机</div><div class="page_list_box_right_bottom1" id="djts"></div><div class="page_list_box_right_bottom2">台</div></div></div>
<div class="page_list_box"><div class="page_list_box_left3"></div><div class="page_list_box_right"><div class="page_list_box_right_top">故障</div><div class="page_list_box_right_bottom1" id="gzts"></div><div class="page_list_box_right_bottom2">台</div></div></div>
</div>
<div class="page_list1">
<div class="page_list_box"><div class="page_list_box_left4"></div><div class="page_list_box_right"><div class="page_list_box_right_top">维护</div><div class="page_list_box_right_bottom1" id="whts"></div><div class="page_list_box_right_bottom2">台</div></div></div>
<div class="page_list_box"><div class="page_list_box_left5"></div><div class="page_list_box_right"><div class="page_list_box_right_top">限电</div><div class="page_list_box_right_bottom1" id="xdts"></div><div class="page_list_box_right_bottom2">台</div></div></div>
<div class="page_list_box"><div class="page_list_box_left6"></div><div class="page_list_box_right"><div class="page_list_box_right_top">离线</div><div class="page_list_box_right_bottom1" id="lxts"></div><div class="page_list_box_right_bottom2">台</div></div></div>
</div>
</div>
</div>
</div>


<div class="page_bottom">
<!--左侧导航-->
<div id="left_menu">

<!-- <a href="#"  class="left_menu_out" id="button2" onmouseover="button5.className='left_menu_out';button6.className='left_menu_out';button4.className='left_menu_out';button1.className='left_menu_out';button3.className='left_menu_out';this.className='left_menu_over'" onmouseout="this.className='left_menu_over'" onclick="windfarm()"><li>总貌图</li></a>
 --><a href="#"  class="left_menu_out" id="button1" onmouseover="button5.className='left_menu_out';button6.className='left_menu_out';button4.className='left_menu_out';button2.className='left_menu_out';button3.className='left_menu_out';this.className='left_menu_over'" onmouseout="this.className='left_menu_over'" onclick="fjpb()"><li>排布图</li></a>

<a href="#"  class="left_menu_out" id="button3" onmouseover="button5.className='left_menu_out';button6.className='left_menu_out';button4.className='left_menu_out';button2.className='left_menu_out';button1.className='left_menu_out';this.className='left_menu_over'" onmouseout="this.className='left_menu_over'" onclick="powerfirst()"><li>升压站</li></a>

<a href="#"  class="left_menu_out" id="button4" onmouseover="button5.className='left_menu_out';button6.className='left_menu_out';button1.className='left_menu_out';button2.className='left_menu_out';button3.className='left_menu_out';this.className='left_menu_over'" onmouseout="this.className='left_menu_over'" onclick="tower()"><li>测风塔</li></a>

<!-- <a href="#"  class="left_menu_out" id="button5" onmouseover="button1.className='left_menu_out';button6.className='left_menu_out';button4.className='left_menu_out';button2.className='left_menu_out';button3.className='left_menu_out';this.className='left_menu_over'" onmouseout="this.className='left_menu_over'" onclick="wtinfo()"><li>风机信息</li></a>
 -->
<a href="#"  class="left_menu_over" id="button6" onmouseover="button5.className='left_menu_out';button1.className='left_menu_out';button4.className='left_menu_out';button2.className='left_menu_out';button3.className='left_menu_out';this.className='left_menu_over'" onmouseout="this.className='left_menu_over'" onclick="power()"><li>功率曲线</li></a>

</div>
<div  id="inputDiv" style="height: 20px;float: right;">
<input type="radio" name="timeStep" value="1" onclick="reloadHighchart()" checked="checked"/>4小时
<input type="radio" name="timeStep" value="2" onclick="reloadHighchart()"/>1天
<input type="radio" name="timeStep" value="3" onclick="reloadHighchart()"/>3天
</div>
<div  id="container1" style="height: 660px"></div>


</div>
</div>
</form>
</body>
</html>