<%@ page language="java" contentType="text/html;charset=utf-8"%>
<%@include file="/pages/includes/taglibs.jsp"%>

<html>
	<head>
<link rel="stylesheet" type="text/css"	href="<%=request.getContextPath()%>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css" />
<script src="<%=request.getContextPath() %>/resource/js/jquery-1.8.3.js" type="text/javascript"></script>
<script src="<%=request.getContextPath() %>/resource/plugin/jqueryui/js/jquery-ui-1.9.2.custom.js" type="text/javascript"></script>
<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 type="text/javascript" src="<%=request.getContextPath() %>/pages/monitor/nss/project2.js"></script>
<script	src="<%=request.getContextPath()%>/resource/js/highcharts/modules/solid-gauge.src.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.value_Name {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bolder;
	color: #666;
}
.station_Name {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bolder;
	color: #666;
}
.valueinfo_Name {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bolder;
	color: #666;
	text-align: center;
}
@font-face {
	font-family: 'fontNameRegular';
	src:
		url('<%=request.getContextPath()%>/resource/fonts/DS-DIGIT-webfont.eot')
		;
	src: local('<%=request.getContextPath()%>/resource/fonts/DS-DIGIT-webfont Regular'
		),
		local('<%=request.getContextPath()%>/resource/fonts/DS-DIGIT-webfont'),
		url('<%=request.getContextPath()%>/resource/fonts/DS-DIGIT-webfont.woff')
		format('woff'),
		url('<%=request.getContextPath()%>/resource/fonts/DS-DIGIT-webfont.ttf')
		format('truetype'),
		url('<%=request.getContextPath()%>/resource/fonts/DS-DIGIT-webfont.svg#fontName')
		format('svg');
	font-size: 36px;
	font-weight: bolder;
}
.item_Name {	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #333;
}
.unit_Name {	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
#apDiv1 {
	position: absolute;
	width: 22px;
	height: 12px;
	z-index: 1;
	left: 741px;
	top: 482px;
}
#apDiv2 {
	position: absolute;
	width: 22px;
	height: 12px;
	z-index: 2;
	left: 744px;
	top: 648px;
}
#apDiv3 {
	position: absolute;
	left: 810px;
	top: 480px;
	width: 22px;
	height: 12px;
	z-index: 3;
}
#apDiv4 {
	position: absolute;
	left: 810px;
	top: 590px;
	width: 22px;
	height: 12px;
	z-index: 4;
}
#apDiv5 {
	position: absolute;
	left: 810px;
	top: 700px;
	width: 22px;
	height: 12px;
	z-index: 5;
}
#apDiv6 {
	position: absolute;
	left: 879px;
	top: 590px;
	width: 22px;
	height: 12px;
	z-index: 6;
}
#apDiv7 {
	position: absolute;
	left: 879px;
	top: 482px;
	width: 22px;
	height: 12px;
	z-index: 7;
}
#apDiv8 {
	position: absolute;
	left: 879px;
	top: 700px;
	width: 22px;
	height: 12px;
	z-index: 8;
}
#apDiv9 {
	position: absolute;
	left: 912px;
	top: 438px;
	width: 22px;
	height: 12px;
	z-index: 9;
}
#apDiv10 {
	position: absolute;
	left: 913px;
	top: 480px;
	width: 22px;
	height: 12px;
	z-index: 10;
}
#apDiv11 {
	position: absolute;
	left: 913px;
	top: 518px;
	width: 22px;
	height: 12px;
	z-index: 11;
}
#apDiv12 {
	position: absolute;
	left: 913px;
	top: 555px;
	width: 22px;
	height: 12px;
	z-index: 12;
}
#apDiv13 {
	position: absolute;
	left: 913px;
	top: 588px;
	width: 22px;
	height: 12px;
	z-index: 13;
}
#apDiv14 {
	position: absolute;
	left: 914px;
	top: 626px;
	width: 22px;
	height: 12px;
	z-index: 14;
}
#apDiv15 {
	position: absolute;
	left: 915px;
	top: 665px;
	width: 22px;
	height: 12px;
	z-index: 15;
}
#apDiv16 {
	position: absolute;
	left: 915px;
	top: 700px;
	width: 22px;
	height: 12px;
	z-index: 16;
}
#apDiv17 {
	position: absolute;
	left: 915px;
	top: 745px;
	width: 22px;
	height: 12px;
	z-index: 17;
}
.project_text {
	font-family: "宋体";
	font-size: 12px;
	font-weight: bolder;
	color: #FFF;
	text-decoration: none;
}
#apDiv18 {
	position: absolute;
	left: 135px;
	top: 106px;
	width: 131px;
	height: 19px;
	z-index: 18;
}
#apDiv19 {
	position: absolute;
	left: 114px;
	top: 362px;
	width: 125px;
	height: 21px;
	z-index: 19;
}
#apDiv20 {
	position: absolute;
	left: 174px;
	top: 588px;
	width: 122px;
	height: 21px;
	z-index: 20;
}
#apDiv21 {
	position: absolute;
	left: 324px;
	top: 381px;
	width: 210px;
	height: 420px;
	z-index: 18;
}
#apDiv22 {
	position: absolute;
	left: 225px;
	top: 153px;
	width: 232px;
	height: 622px;
	z-index: 19;
}
#apDiv23 {
	position: absolute;
	left: 111px;
	top: 230px;
	width: 169px;
	height: 491px;
	z-index: 20;
}
#apDiv24 {
	position: absolute;
	left: 387px;
	top: 117px;
	width: 98px;
	height: 26px;
	z-index: 21;
}
#apDiv25 {
	position: absolute;
	left: 159px;
	top: 149px;
	width: 97px;
	height: 23px;
	z-index: 22;
}
#apDiv26 {
	position: absolute;
	left: 480px;
	top: 620px;
	width: 96px;
	height: 27px;
	z-index: 23;
}
#apDiv27 {
	position: absolute;
	left: 547px;
	top: 457px;
	width: 37px;
	height: 50px;
	z-index: 24;
}
#apDiv28 {
	position: absolute;
	left: 491px;
	top: 441px;
	width: 39px;
	height: 52px;
	z-index: 25;
}
#apDiv29 {
	position: absolute;
	left: 447px;
	top: 415px;
	width: 36px;
	height: 51px;
	z-index: 26;
}
#apDiv30 {
	position: absolute;
	left: 424px;
	top: 342px;
	width: 41px;
	height: 52px;
	z-index: 27;
}
#apDiv31 {
	position: absolute;
	left: 386px;
	top: 384px;
	width: 35px;
	height: 49px;
	z-index: 28;
}
#apDiv32 {
	position: absolute;
	left: 396px;
	top: 441px;
	width: 39px;
	height: 52px;
	z-index: 29;
}
#apDiv33 {
	position: absolute;
	left: 318px;
	top: 490px;
	width: 36px;
	height: 48px;
	z-index: 30;
}
#apDiv34 {
	position: absolute;
	left: 345px;
	top: 527px;
	width: 40px;
	height: 53px;
	z-index: 31;
}
#apDiv35 {
	position: absolute;
	left: 311px;
	top: 588px;
	width: 38px;
	height: 53px;
	z-index: 32;
}
#apDiv36 {
	position: absolute;
	left: 344px;
	top: 660px;
	width: 40px;
	height: 51px;
	z-index: 33;
}
#apDiv37 {
	position: absolute;
	left: 334px;
	top: 749px;
	width: 40px;
	height: 45px;
	z-index: 34;
}
#apDiv38 {
	position: absolute;
	left: 390px;
	top: 117px;
	width: 34px;
	height: 46px;
	z-index: 35;
}
#apDiv39 {
	position: absolute;
	left: 445px;
	top: 126px;
	width: 33px;
	height: 49px;
	z-index: 36;
}
#apDiv40 {
	position: absolute;
	left: 456px;
	top: 193px;
	width: 33px;
	height: 48px;
	z-index: 37;
}
#apDiv41 {
	position: absolute;
	left: 403px;
	top: 198px;
	width: 37px;
	height: 54px;
	z-index: 38;
}
#apDiv42 {
	position: absolute;
	left: 338px;
	top: 216px;
	width: 38px;
	height: 50px;
	z-index: 39;
}
#apDiv43 {
	position: absolute;
	left: 368px;
	top: 258px;
	width: 38px;
	height: 52px;
	z-index: 40;
}
#apDiv44 {
	position: absolute;
	left: 322px;
	top: 311px;
	width: 35px;
	height: 48px;
	z-index: 41;
}
#apDiv45 {
	position: absolute;
	left: 294px;
	top: 379px;
	width: 38px;
	height: 52px;
	z-index: 42;
}
#apDiv46 {
	position: absolute;
	left: 233px;
	top: 459px;
	width: 35px;
	height: 48px;
	z-index: 43;
}
#apDiv47 {
	position: absolute;
	left: 216px;
	top: 545px;
	width: 36px;
	height: 48px;
	z-index: 44;
}
#apDiv48 {
	position: absolute;
	left: 227px;
	top: 625px;
	width: 36px;
	height: 49px;
	z-index: 45;
}
#apDiv49 {
	position: absolute;
	left: 257px;
	top: 715px;
	width: 42px;
	height: 53px;
	z-index: 46;
}
#apDiv50 {
	position: absolute;
	left: 247px;
	top: 189px;
	width: 36px;
	height: 51px;
	z-index: 47;
}
#apDiv51 {
	position: absolute;
	left: 212px;
	top: 226px;
	width: 36px;
	height: 52px;
	z-index: 48;
}
#apDiv52 {
	position: absolute;
	left: 208px;
	top: 305px;
	width: 42px;
	height: 52px;
	z-index: 49;
}
#apDiv53 {
	position: absolute;
	left: 162px;
	top: 340px;
	width: 34px;
	height: 51px;
	z-index: 50;
}
#apDiv54 {
	position: absolute;
	left: 100px;
	top: 346px;
	width: 38px;
	height: 50px;
	z-index: 51;
}
#apDiv55 {
	position: absolute;
	left: 138px;
	top: 404px;
	width: 36px;
	height: 50px;
	z-index: 52;
}
#apDiv56 {
	position: absolute;
	left: 113px;
	top: 472px;
	width: 36px;
	height: 49px;
	z-index: 53;
}
#apDiv57 {
	position: absolute;
	left: 121px;
	top: 529px;
	width: 38px;
	height: 51px;
	z-index: 54;
}
#apDiv58 {
	position: absolute;
	left: 136px;
	top: 591px;
	width: 36px;
	height: 51px;
	z-index: 55;
}
#apDiv59 {
	position: absolute;
	left: 161px;
	top: 664px;
	width: 38px;
	height: 56px;
	z-index: 56;
}
#apDiv60 {
	position: absolute;
	left: 50px;
	top: 161px;
	width: 232px;
	height: 631px;
	z-index: 24;
}
#apDiv61 {
	position: absolute;
	left: 252px;
	top: 137px;
	width: 269px;
	height: 331px;
	z-index: 25;
}
#apDiv62 {
	position: absolute;
	left: 313px;
	top: 449px;
	width: 231px;
	height: 318px;
	z-index: 26;
}
#apDiv63 {
	position: absolute;
	left: 113px;
	top: 117px;
	width: 33px;
	height: 48px;
	z-index: 27;
}
#apDiv64 {
	position: absolute;
	left: 57px;
	top: 154px;
	width: 35px;
	height: 47px;
	z-index: 28;
}
#apDiv65 {
	position: absolute;
	left: 54px;
	top: 225px;
	width: 37px;
	height: 51px;
	z-index: 29;
}
#apDiv66 {
	position: absolute;
	left: 130px;
	top: 209px;
	width: 41px;
	height: 58px;
	z-index: 30;
}
#apDiv67 {
	position: absolute;
	left: 142px;
	top: 278px;
	width: 36px;
	height: 51px;
	z-index: 31;
}
#apDiv68 {
	position: absolute;
	left: 184px;
	top: 332px;
	width: 38px;
	height: 57px;
	z-index: 32;
}
#apDiv69 {
	position: absolute;
	left: 246px;
	top: 345px;
	width: 37px;
	height: 56px;
	z-index: 33;
}
#apDiv70 {
	position: absolute;
	left: 217px;
	top: 411px;
	width: 38px;
	height: 54px;
	z-index: 34;
}
#apDiv71 {
	position: absolute;
	left: 291px;
	top: 503px;
	width: 37px;
	height: 52px;
	z-index: 35;
}
#apDiv72 {
	position: absolute;
	left: 220px;
	top: 492px;
	width: 37px;
	height: 56px;
	z-index: 36;
}
#apDiv73 {
	position: absolute;
	left: 183px;
	top: 541px;
	width: 36px;
	height: 47px;
	z-index: 37;
}
#apDiv74 {
	position: absolute;
	left: 240px;
	top: 746px;
	width: 44px;
	height: 55px;
	z-index: 38;
}
#apDiv75 {
	position: absolute;
	left: 330px;
	top: 95px;
	width: 35px;
	height: 53px;
	z-index: 39;
}
#apDiv76 {
	position: absolute;
	left: 353px;
	top: 161px;
	width: 36px;
	height: 52px;
	z-index: 40;
}
#apDiv77 {
	position: absolute;
	left: 301px;
	top: 184px;
	width: 38px;
	height: 56px;
	z-index: 41;
}
#apDiv78 {
	position: absolute;
	left: 246px;
	top: 230px;
	width: 37px;
	height: 52px;
	z-index: 42;
}
#apDiv79 {
	position: absolute;
	left: 313px;
	top: 339px;
	width: 38px;
	height: 52px;
	z-index: 43;
}
#apDiv80 {
	position: absolute;
	left: 312px;
	top: 254px;
	width: 36px;
	height: 53px;
	z-index: 44;
}
#apDiv81 {
	position: absolute;
	left: 389px;
	top: 284px;
	width: 35px;
	height: 50px;
	z-index: 45;
}
#apDiv82 {
	position: absolute;
	left: 452px;
	top: 279px;
	width: 33px;
	height: 49px;
	z-index: 46;
}
#apDiv83 {
	position: absolute;
	left: 516px;
	top: 276px;
	width: 38px;
	height: 58px;
	z-index: 47;
}
#apDiv84 {
	position: absolute;
	left: 443px;
	top: 329px;
	width: 37px;
	height: 47px;
	z-index: 48;
}
#apDiv85 {
	position: absolute;
	left: 384px;
	top: 349px;
	width: 37px;
	height: 49px;
	z-index: 49;
}
#apDiv86 {
	position: absolute;
	left: 352px;
	top: 429px;
	width: 31px;
	height: 50px;
	z-index: 50;
}
#apDiv87 {
	position: absolute;
	left: 488px;
	top: 419px;
	width: 38px;
	height: 47px;
	z-index: 51;
}
#apDiv88 {
	position: absolute;
	left: 415px;
	top: 451px;
	width: 38px;
	height: 51px;
	z-index: 52;
}
#apDiv89 {
	position: absolute;
	left: 457px;
	top: 512px;
	width: 36px;
	height: 49px;
	z-index: 53;
}
#apDiv90 {
	position: absolute;
	left: 488px;
	top: 563px;
	width: 39px;
	height: 52px;
	z-index: 54;
}
#apDiv91 {
	position: absolute;
	left: 384px;
	top: 512px;
	width: 38px;
	height: 51px;
	z-index: 55;
}
#apDiv92 {
	position: absolute;
	left: 338px;
	top: 540px;
	width: 36px;
	height: 48px;
	z-index: 56;
}
#apDiv93 {
	position: absolute;
	left: 406px;
	top: 572px;
	width: 36px;
	height: 47px;
	z-index: 57;
}
#apDiv94 {
	position: absolute;
	left: 360px;
	top: 607px;
	width: 36px;
	height: 46px;
	z-index: 58;
}
#apDiv95 {
	position: absolute;
	left: 304px;
	top: 645px;
	width: 36px;
	height: 53px;
	z-index: 59;
}
#apDiv96 {
	position: absolute;
	left: 320px;
	top: 695px;
	width: 37px;
	height: 47px;
	z-index: 60;
}
#apDiv97 {
	position: absolute;
	left: 348px;
	top: 732px;
	width: 34px;
	height: 45px;
	z-index: 61;
}
</style>

<script type="text/javascript">
var limittype='pj';
var pjinterval;
var lineinterval;
$(document).ready(function() {
	projectaction();
	
});
function getInterval()
{
	clearInterval(lineinterval);
	clearInterval(pjinterval);
	if(limittype=='pj')
	{
		 pjinterval=window.setInterval(projectaction, 60000);
		
	}else if(limittype=='ln')
	{
		 lineinterval=window.setInterval(lineinfo, 60000);
	}
}
function goback()
{
	$("#f1").attr("action","/matrix/monitormainIndex.action").submit();
}
function lineinfo()
{
	var line=$("#lineid").val();
	lineaction(line);
}
function lineaction(line)
{
	$("#lineid").val(line);
	limittype='ln';
	getInterval();
	wpAllInfoAjax(line);
	apdata(line);
	getlinejz(line);
	if(line=='NSS04_XL')
	{
		$("#apDiv24").html("<a href='#' ><img src='<%=request.getContextPath()%>/resource/images/system/pictures/nsh_4line_Button.fw.png' width='94' height='27' /></a>");
		$("#apDiv25").html("<img src='<%=request.getContextPath()%>/resource/images/system/pictures/nsh_5line_Button.fw.png' width='94' height='27' />");
		$("#apDiv26").html("<img src='<%=request.getContextPath()%>/resource/images/system/pictures/nsh_6line_Button.fw.png' width='94' height='27' />");
	}else if(line=='NSS05_XL')
	{
		$("#apDiv25").html("<a href='#' ><img src='<%=request.getContextPath()%>/resource/images/system/pictures/nsh_5line_Button.fw.png' width='94' height='27' /></a>");
		$("#apDiv24").html("<img src='<%=request.getContextPath()%>/resource/images/system/pictures/nsh_4line_Button.fw.png' width='94' height='27' />");
		$("#apDiv26").html("<img src='<%=request.getContextPath()%>/resource/images/system/pictures/nsh_6line_Button.fw.png' width='94' height='27' />");

	}else if(line=='NSS06_XL')
	{
		$("#apDiv26").html("<a href='#' ><img src='<%=request.getContextPath()%>/resource/images/system/pictures/nsh_6line_Button.fw.png' width='94' height='27' /></a>");
		$("#apDiv24").html("<img src='<%=request.getContextPath()%>/resource/images/system/pictures/nsh_4line_Button.fw.png' width='94' height='27' />");
		$("#apDiv25").html("<img src='<%=request.getContextPath()%>/resource/images/system/pictures/nsh_5line_Button.fw.png' width='94' height='27' />");
	}
}
function projectaction()
{
	wpAllInfoAjax('NSS02_GC');
	apdata('NSS02_GC');
	getpjjz('-');
	getInterval();
}
function getpjjz(type)
{
		
		/*var num=parseInt($("#pagenums").val());
		if(type=="+")
		{
			num=num+1;
			$("#pagenums").val(num);
		}else if(type=="-")
		{
			if(num-1<1)
			{
				num=1;
			}else
			{
				num=num-1;
			}
			$("#pagenums").val(num);
		}*/
		$.ajax({
			url : "stateAjax.action?wfName=NSS02_GC&type=pj&pagenums=1",
			type : "post",
			cache : false,
			dataType : "json",
			data : {},
			async : false,
			ifModified : false,
			success : function(res) {
				var html1 = "<table width='1252' border='0' cellspacing='0' cellpadding='0'>";
					
					html1 =html1+createpjTd(res);

					html1 =html1+"</table>";

				$("#container3").html(html1);

			}
		
});

}
function createpjTd(result) {

	var num=0;
	var html;
	html="<tr>";
	
		
	$.each(result,function(i, value) {
	var str=value["windTurbineId"];
	html += "<td width='123' height='86'  onclick=gowt('"+str+"') style='cursor: pointer;'> ";
	html += "<table width='125' border='0' cellspacing='0' cellpadding='0' height='90' background='<%=request.getContextPath()%>/resource/images/system/pictures/fj_m_icon.jpg'>";
    html += "<tr>";
   html += "<td height='12' colspan='2' align='center' valign='bottom'>";
	html += "<table width='123' height='10' border='0' cellspacing='0' cellpadding='0'>";
    html += "  <tr>";
    html += "    <td align='center' class='valueinfo_Name'>"+str.substring(str.length-2,str.length)+"号"+"</td>";
    html += "  </tr>";
    html += "</table>";
	html += " </td>";
    html += " </tr>";
    html += "<tr>";
    html += "<td height='58' colspan='2'><table width='125' border='0' cellspacing='0' cellpadding='0'>";
    html += "  <tr>";
    html += "    <td width='43' height='58' rowspan='2'>&nbsp;</td>";
    html += "    <td width='39' rowspan='2' align='center'>";
	html += "<img ";
							
	var color;
	switch(value["state"]){ 
		case 1: 
			color=" src='<%=request.getContextPath()%>/resource/images/system/pictures/run_Icon.gif'  width='33' height='45' />"; 
		break; 
		case 0: 
					color=" src='<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png'  width='33' height='45' />"; 

		break; 
		case 4: 
					color=" src='<%=request.getContextPath()%>/resource/images/system/pictures/repair_Icon.fw.png'  width='33' height='45' />"; 

		
		break; 
		case 2: 
					color=" src='<%=request.getContextPath()%>/resource/images/system/pictures/stop_Icon.fw.png'  width='33' height='45' />"; 

		
		break; 
		case 3: 
					color=" src='<%=request.getContextPath()%>/resource/images/system/pictures/interrupt_Icon.fw.png'  width='33' height='45' />"; 

		
		break; 
		case 5: 
					color=" src='<%=request.getContextPath()%>/resource/images/system/pictures/limit_Icon.gif'  width='33' height='45' />"; 

		
		break; 
		case 6: 
					color=" src='<%=request.getContextPath()%>/resource/images/system/pictures/limit_Icon.gif'  width='33' height='45' />"; 

		
		break; 
		} 		

		html +=color;
		
		html += "</td>";
	    html += "    <td width='39' height='28' align='right'>&nbsp;</td>";
	    html += "    <td width='4' align='right'>&nbsp;</td>";
	    html += "  </tr>";
	    html += "  <tr>";
	    html += "    <td height='30' colspan='2'>&nbsp;</td>";
	    html += "  </tr>";
	    html += "</table></td>";
	    html += "</tr>";
	    html += "<tr>";
	    html += "<td width='63' height='20' align='center' class='valueinfo_Name'>"+value["speed"]+"</td>";
	    html += "<td width='62' align='center' class='valueinfo_Name'>"+value["power"]+"</td>";
	    html += "</tr>";
	    html += "</table>";	
	    html +="</td>";
	    num++;
	    if(num>=10)
	    {
	    	html +="</tr>";
	    	html +="<tr>";
	    	num=0;
	    }
	});
	/*html+="<table width='100%' border='0' cellspacing='0' cellpadding='0'>";
    html+="<tr>";
    html+="<td height='40' align='right' class='value_Name' ><button value='' onclick=getfjjz('-')>上一页</button><button value='' onclick=getfjjz('+')>下一页</button></td>";
    html+="</tr>";
    html+="</table>";*/
	html+="</tr>";
	return html;
}
function getlinejz(wfName)
{
				
		$.ajax({
			url : "stateAjax.action?wfName="+wfName+"&type=ln&pagenums=1",
			type : "post",
			cache : false,
			dataType : "json",
			data : {},
			async : false,
			ifModified : false,
			success : function(res) {
				var html1 = "<table width='1252' border='0' cellspacing='0' cellpadding='0'>";
					
					html1 =html1+createlineTd(res);

					html1 =html1+"</table>";

				$("#container3").html(html1);

			}
		
});

}

function createlineTd(result) {

	var num=0;
	var html;
	html="<tr>";
	
		
	$.each(result,function(i, value) {
	var str=value["windTurbineId"];
	html += "<td width='123' height='86'  onclick=gowt('"+str+"') style='cursor: pointer;' > ";
	html += "<table width='125' border='0' cellspacing='0' cellpadding='0' height='90' background='<%=request.getContextPath()%>/resource/images/system/pictures/fj_m_icon.jpg'>";
    html += "<tr>";
   html += "<td height='12' colspan='2' align='center' valign='bottom'>";
	html += "<table width='123' height='10' border='0' cellspacing='0' cellpadding='0'>";
    html += "  <tr>";
    html += "    <td align='center' style='font-size: 11px;'>"+str.substring(str.length-2,str.length)+"号"+"</td>";
    html += "  </tr>";
    html += "</table>";
	html += " </td>";
    html += " </tr>";
    html += "<tr>";
    html += "<td height='58' colspan='2'><table width='125' border='0' cellspacing='0' cellpadding='0'>";
    html += "  <tr>";
    html += "    <td width='43' height='58' rowspan='2'>&nbsp;</td>";
    html += "    <td width='39' rowspan='2' align='center'>";
	html += "<img ";
							
	var color;
	switch(value["state"]){ 
		case 1: 
			color=" src='<%=request.getContextPath()%>/resource/images/system/pictures/run_Icon.gif'  width='33' height='45' />"; 
		break; 
		case 0: 
					color=" src='<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png'  width='33' height='45' />"; 

		break; 
		case 4: 
					color=" src='<%=request.getContextPath()%>/resource/images/system/pictures/repair_Icon.fw.png'  width='33' height='45' />"; 

		
		break; 
		case 2: 
					color=" src='<%=request.getContextPath()%>/resource/images/system/pictures/stop_Icon.fw.png'  width='33' height='45' />"; 

		
		break; 
		case 3: 
					color=" src='<%=request.getContextPath()%>/resource/images/system/pictures/interrupt_Icon.fw.png'  width='33' height='45' />"; 

		
		break; 
		case 5: 
					color=" src='<%=request.getContextPath()%>/resource/images/system/pictures/limit_Icon.gif'  width='33' height='45' />"; 

		
		break; 
		case 6: 
					color=" src='<%=request.getContextPath()%>/resource/images/system/pictures/limit_Icon.gif'  width='33' height='45' />"; 

		
		break; 
		} 		

		html +=color;
		
		html += "</td>";
	    html += "    <td width='39' height='28' align='right'>&nbsp;</td>";
	    html += "    <td width='4' align='right'>&nbsp;</td>";
	    html += "  </tr>";
	    html += "  <tr>";
	    html += "    <td height='30' colspan='2'>&nbsp;</td>";
	    html += "  </tr>";
	    html += "</table></td>";
	    html += "</tr>";
	    html += "<tr>";
	    html += "<td width='63' height='20' align='center'>"+value["speed"]+"</td>";
	    html += "<td width='62' align='center'>"+value["power"]+"</td>";
	    html += "</tr>";
	    html += "</table>";	
	    html +="</td>";
	    num++;
	    if(num>=10)
	    {
	    	html +="</tr>";
	    	html +="<tr>";
	    	num=0;
	    }
	});
	
	html+="</tr>";
	return html;
}


function project1()
{
	$("#f1").attr("action","nssproject1.action?wfName=NSS01_GC").submit();
}
function project2()
{
	$("#f1").attr("action","nssproject2.action?wfName=NSS02_GC").submit();
}
function project3()
{
	$("#f1").attr("action","nssproject3.action?wfName=NSS03_GC").submit();
}

function windfarm()
{
	$("#f1").attr("action","/windfarm/nssindex.action?wfName=NSS_FDC").submit();
}

function tower()
{
	$("#f1").attr("action","/windfarm/nsswindtower.action?windfarm=NSS_FDC").submit();
}
function powerfirst()
{
	$("#f1").attr("action","/windfarm/nsspowerfirst.action?wfName=NSS_FDC").submit();
}
function wtinfo()
{
	$("#f1").attr("action","/windfarm/wtindex.action?wfName=NSS_FDC").submit();
}
function power()
{
	$("#f1").attr("action","/windfarm/powerindex.action?wfName=NSS_FDC").submit();
}
function fjpb()
{
	$("#f1").attr("action","/windfarm/nssstation1.action?wfName=NSS01_GC").submit();
}
function gowt(wtName)
{
	$("#f1").attr("action","/windfarm/wtindex.action?wfName=NSS_FDC&wtName="+wtName).submit();
}
</script>
</head>

<body>
<form action="" id="f1"   method="post"  style="width: 1883px">
<s:hidden id="pagenums" value="1"></s:hidden>
<s:hidden id="lineid" value="NSS04_XL"></s:hidden>
<div id="apDiv24"  onclick=lineaction('NSS04_XL')><img src="<%=request.getContextPath()%>/resource/images/system/pictures/nsh_4line_Button.fw.png" width="94" height="27" style='cursor: pointer;'/></div>
<div id="apDiv25"  onclick=lineaction('NSS05_XL')><img src="<%=request.getContextPath()%>/resource/images/system/pictures/nsh_5line_Button.fw.png" width="94" height="27" style='cursor: pointer;'/></div>
<div id="apDiv26"  onclick=lineaction('NSS06_XL')><img src="<%=request.getContextPath()%>/resource/images/system/pictures/nsh_6line_Button.fw.png" width="94" height="27" style='cursor: pointer;'/></div>

<div id="apDiv61"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/nsh_4line.fw.png" width="297" height="357" /></div>
<div id="apDiv62"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/nsh_6line.fw.png" width="215" height="337" /></div>
<div id="apDiv63"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv64"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv65"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv66"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv67"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv68"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv69"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv60"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/nsh_5line.fw.png" width="276" height="646" /></div>
<div id="apDiv70"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv71"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv72"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv73"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv74"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv75"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv76"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv77"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv78"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv79"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv80"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv81"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv82"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv83"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv84"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv85"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv86"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv87"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv88"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv89"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv90"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv91"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv92"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv93"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv94"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv95"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv96"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>
<div id="apDiv97"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/standBy_Icon.fw.png" width="33" height="45" /></div>

<table width="1880" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="58" colspan="5" background="<%=request.getContextPath()%>/resource/images/system/pictures/station_Top.jpg"><table width="1880" border="0" cellspacing="0" cellpadding="0" height="58">
      <tr>
        <td width="36" height="25">&nbsp;</td>
        <td width="64" rowspan="2" align="center">&nbsp;</td>
        <td width="125" align="center" valign="bottom" class="station_Name">装机容量</td>
        <td width="123"align="center" valign="bottom" class="station_Name">总功率</td>
        <td width="125"align="center" valign="bottom" class="station_Name">日发电量</td>
        <td width="124"align="center" valign="bottom" class="station_Name">月发电量</td>
        <td width="124"align="center" valign="bottom" class="station_Name">年发电量</td>
        <td width="123"align="center" valign="bottom" class="station_Name">温度</td>
        <td width="123"align="center" valign="bottom" class="station_Name">平均风速</td>
        <td width="127"align="center" valign="bottom" class="station_Name">接入台数</td>
        <td width="121"align="center" valign="bottom" class="station_Name">运行台数</td>
        <td width="125"align="center" valign="bottom" class="station_Name">待机台数</td>
        <td width="123"align="center" valign="bottom" class="station_Name">故障台数</td>
        <td width="126"align="center" valign="bottom" class="station_Name">维护台数</td>
        <td width="124"align="center" valign="bottom" class="station_Name">离线台数</td>
        <td width="124"align="center" valign="bottom" class="station_Name">限电台数</td>
                <td width="43"align="center" valign="bottom" class="station_Name" style='cursor: pointer;' onclick="goback()"></td>
      </tr>
     <tr>
        <td height="28">&nbsp;</td>
        <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="zjrl"></span></td>
        <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="zgl" ></span></td>
        <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="rfdl" ></span></td>
        <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="yfdl" ></span></td>
        <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="nfdl" ></span></td>
        <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="wd" ></span></td>
        <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="pjfs" ></span></td>
        <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="jrts" ></span></td>
        <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="yxts" ></span></td>
        <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="djts" ></span></td>
        <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="gzts" ></span></td>
        <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="whts" ></span></td>
        <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="lxts" ></span></td>
        <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="xdts" ></span></td>
		<td align="center" style='cursor: pointer;' onclick="goback()"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/back_icon.fw.png" width="18" height="19" /></td>
      </tr>
    </table></td>
  </tr>
 <tr>
    
    <td width="37" rowspan="3" valign="top"><table width="35" border="0" cellspacing="0" cellpadding="0">
      </table>
      <img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_zm_Button_selected.jpg" width="35" height="80" /><table width="35" border="0" cellspacing="0" cellpadding="0">
        <tr></tr>
        <tr>
          <td align="center" valign="top"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_fjpb_button_link.jpg" width="35" height="80" onclick="fjpb()" style='cursor: pointer;'/></td>
        </tr>
        <tr>
          <td align="center" valign="top"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_fjinfo_button_link.jpg" width="35" height="80" onclick="wtinfo()" style='cursor: pointer;'/></td>
        </tr>
        <tr>
          <td align="center" valign="top"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_syz_button_link.jpg" width="35" height="80" onclick="powerfirst()" style='cursor: pointer;'/></td>
        </tr>
        <tr>
          <td align="center" valign="top"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_line_button_link.jpg" width="35" height="80" onclick="power()" style='cursor: pointer;'/></td>
        </tr>
        <tr>
          <td align="center" valign="top"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_cft_button_link.jpg" width="35" height="80" onclick="tower()" style='cursor: pointer;'/></td>
        </tr>
    </table></td>
     <td width="540" rowspan="3" valign="top"><table width="559" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="33"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="16%" valign="bottom"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_Button_noselected.jpg" width="90" height="33"  onclick="windfarm()" style="cursor: pointer;"/></td>
            <td width="16%" valign="bottom"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/first_Station_button.jpg" width="90" height="33"  onclick="project1()" style="cursor: pointer;"/></td>
            <td width="16%" valign="bottom"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/second_station_Button_selected.fw.png" width="90" height="33"  onclick="project2()"/></td>
            <td width="52%" height="33" valign="bottom"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/third_station_Button.jpg" width="90" height="33"  onclick="project3()" style="cursor: pointer;"/></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td width="540" height="735" align="center" valign="top" background="<%=request.getContextPath()%>/resource/images/system/pictures/nsh_All_Second.jpg">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td width="640" valign="top"><table width="640" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="30" rowspan="3"><table width="30" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td valign="top"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_item_top.jpg" width="30" height="3" /></td>
          </tr>
          <tr>
            <td width="30" height="200" align="center" valign="middle" background="<%=request.getContextPath()%>/resource/images/system/pictures/station_item_middle.jpg" class="station_Name">运<br />
              行<br />
              参<br />
              数</td>
          </tr>
          <tr>
            <td valign="bottom"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_item_bottom.jpg" width="30" height="3" /></td>
          </tr>
        </table></td>
        <td width="620" valign="top"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_item_content_top.jpg" width="609" height="3" /></td>
              </tr>
      <tr>
        <td width="609" height="200" align="center" valign="top"><table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#efefef">
          <tr>
            <td width="120" height="48" align="center" bgcolor="#FFFFFF"><span class="value_Name">限电时间(小时)</span></td>
            <td width="120" align="center" bgcolor="#FFFFFF"><span class="value_Name">故障停机时间(小时)</span></td>
            <td width="120" align="center" bgcolor="#FFFFFF"><span class="value_Name">维护停机时间(小时)</span></td>
            <td width="120" align="center" bgcolor="#FFFFFF"><span class="value_Name">风机报警次数(次数)</span></td>
            <td width="120" align="center" bgcolor="#FFFFFF"><span class="value_Name">风机故障次数(次数)</span></td>
            
          </tr>
          <tr>
            <td height="49" align="center" bgcolor="#FFFFFF"><span class="value_Name" id="xdxs" ></span></td>
            <td align="center" bgcolor="#FFFFFF"><span class="value_Name" id="gzxs" ></td>
            <td align="center" bgcolor="#FFFFFF"><span class="value_Name" id="whxs" ></span></td>
            <td align="center" bgcolor="#FFFFFF"><span class="value_Name" id="bjcs" ></span></td>
            <td align="center" bgcolor="#FFFFFF"><span class="value_Name" id="gzcs" ></span></td>
          </tr>
          <tr>
            <td height="48" align="center" bgcolor="#FFFFFF"><span class="value_Name">限电损失(kw/h)</span></td>
            <td align="center" bgcolor="#FFFFFF"><span class="value_Name">故障停机损失(kw/h)</span></td>
            <td align="center" bgcolor="#FFFFFF"><span class="value_Name">维护停机损失(kw/h)</span></td>
            <td align="center" bgcolor="#FFFFFF"><span class="value_Name">性能损失电量(kw/h)</span></td>
            <td align="center" bgcolor="#FFFFFF"><span class="value_Name">受累损失电量(kw/h)</span></td>
          </tr>
          <tr>
            <td height="49" align="center" bgcolor="#FFFFFF"><span class="value_Name"  id="rxdss" ></span></td>
            <td align="center" bgcolor="#FFFFFF"><span class="value_Name"  id="rgzss" ></span></td>
            <td align="center" bgcolor="#FFFFFF"><span class="value_Name"  id="rwhss" ></span></td>
            <td align="center" bgcolor="#FFFFFF"><span class="value_Name"  id="rqfss" ></span></td>
            <td align="center" bgcolor="#FFFFFF"><span class="value_Name"  id="rslss" ></span></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td valign="top"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_item_content_bottom.jpg" width="609" height="3" /></td>
      </tr>
    </table></td>
    <td width="642" valign="top"><table width="640" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="30" rowspan="3"><table width="30" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td valign="top"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_item_top.jpg" width="30" height="3" /></td>
          </tr>
          <tr>
            <td width="30" height="200" align="center" valign="middle" background="<%=request.getContextPath()%>/resource/images/system/pictures/station_item_middle.jpg" class="station_Name">功<br />
              率<br />
              曲<br />
              线</td>
          </tr>
          <tr>
            <td valign="bottom"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_item_bottom.jpg" width="30" height="3" /></td>
          </tr>
        </table></td>
        <td width="620" valign="top"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_item_content_top.jpg" width="609" height="3" /></td>
              </tr>
      <tr>
        <td width="609" height="200" align="center" valign="top">
		<div id="container1" style="width: 600px; height: 200px; float: left; border: 0px;"></div>
		</td>
      </tr>
      <tr>
        <td valign="top"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_item_content_bottom.jpg" width="609" height="3" /></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td colspan="2" valign="top"><table width="1282" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="30" rowspan="3" valign="top" bgcolor="#FFFFFF"><table width="30" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td valign="top"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_item_top.jpg" width="30" height="3" /></td>
          </tr>
          <tr>
            <td width="30" height="540" align="center" valign="middle" background="<%=request.getContextPath()%>/resource/images/system/pictures/station_item_middle.jpg" class="station_Name">场<br />
              站<br />
              总<br />
              貌</td>
          </tr>
          <tr>
            <td valign="bottom"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_item_bottom.jpg" width="30" height="3" /></td>
          </tr>
        </table></td>
        <td width="620" height="3" valign="top" ><img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_item_content_top_Long.jpg" width="1250" height="3" /></td>
             </tr>
      <tr>
        <td width="1252" height="536" align="center" valign="top">
       
         <div id="container3" style="width: 1257; height: 536; float: left; border: 0;"></div>
    </td>
  </tr>
  
</table>
</form>
</body>
</html>