xieshengjie
/
gdsx


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544
							<%@ page language="java" contentType="text/html;charset=utf-8"%>
<%@include file="/pages/includes/taglibs.jsp"%>
<%String imgPath = request.getContextPath()+"/resource/images/hbsj";%>
<!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" />
	<link href="<%=request.getContextPath() %>/resource/css/hbsj/page_cft.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/js/highcharts/highcharts.js"></script>
	<script src="<%=request.getContextPath() %>/resource/js/highcharts/highcharts-more.js"></script>
	<script src="<%=request.getContextPath() %>/resource/js/highcharts/modules/solid-gauge.js"></script>
</head>
<script type="text/javascript">

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

   menu[i].className=(i==n?"now":""); 
  <!-- showdiv[i].style.display=(i==n?"block":"none");  -->
}
}

	var chart1;
	var chart2;
	
	var options1;
	var options2;
	
	Highcharts.setOptions({
		global : {
			useUTC : false
		}
	});
	
	String.prototype.endWith=function(oString){
		var reg=new RegExp(oString+"$");  
		return reg.test(this);
	}
	function selectcft(wpid,type)
	{
		$("#wpId").val(wpid);
		setTab(1,type);
		daychart();
		monthchart();
		windtowerAjax();
		wpAllInfoAjax() ;
	}	
	function windtowerAjax(){
		var wpId=$("#wpId").val();
			$.ajax({
					url : "../wpmonitor/windtowerAjax.action?wpId="+wpId ,
					type : "post",
					cache : false,
					dataType : "json",
					data : {},
					ifModified : false,
					success : function(res) {
					//$("#10speed").html(res["fs10"]);
					$("#30speed").html(res["fs30"]);
					$("#50speed").html(res["fs50"]);
					$("#70speed").html(res["fs70"]);
					$("#80speed").html("");
					
					//$("#80speed").html(res["fs80"]);
					
					//$("#10wddir").html(res["fx10"]);
					$("#30wddir").html(res["fx30"]);
					$("#50wddir").html(res["fx50"]);
					$("#70wddir").html(res["fx70"]);
					$("#80wddir").html("");
					
					//$("#80wddir").html(res["fx80"]);
					$("#wd").html(res["wd"]);
					$("#sd").html(res["sd"]);
					$("#qy").html(res["yq"]);
					$("#md").html(res["md"]);
		     		}
				});
			}
		
		/*************日风资源**************/
		function daychart() {
			var wpId=$("#wpId").val();
			var  url = "../wpmonitor/dayfzy.action?wpId="+wpId;
				$.ajax({
				url : url,
				type : "post",
				cache : false,
				dataType : "json",
				data : {},
				ifModified : false,
				success : function(result) {
					var data1 = [];
					var jfpl=result.jfpl;
					$.each(result.data, function(m, obj) {
						if (obj.data1 != null) {
							data1.push(parseFloat(obj.data1));
						}
						
					});
					if(null !=options1.series[0])
						{
						options1.series[0].data = data1;
						}
						
						options1.series[0].name = jfpl;
						chart1 = new Highcharts.Chart(options1);
					}
				});
		}
		/***********END***********/
		
		/**********月风资源***********/
		function monthchart() {
			var wpId=$("#wpId").val();
			var  url = "../wpmonitor/monthfzy.action?wpId="+wpId;
				$.ajax({
				url : url,
				type : "post",
				cache : false,
				dataType : "json",
				data : {},
				ifModified : false,
				success : function(result) {
					var data1 = [];
					var jfpl=result.jfpl;
					$.each(result.data, function(m, obj) {
						if (obj.data1 != null) {
							data1.push(parseFloat(obj.data1));
						}
						
					});
					if(null !=options2.series[0])
						{
						options2.series[0].data = data1;
						}
						
						options2.series[0].name = jfpl;
						chart2 = new Highcharts.Chart(options2);
					}
				});
		}
		/************END***********/
		
		$(document).ready(function(){
		
			$("#wtId").val('<s:property  value="wtId"/>');
			$("#wpId").val('<s:property  value="wpId"/>');
		var wpId=$("#wpId").val();	
	if(wpId!=null && wpId!=undefined)
	{
		$("#wpId").val(wpId);
	}
	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);
	}
		/********日风资源*********/
				options1 = {
				 chart: {
				 	renderTo : 'rfzy',
			        polar: true,
			        type: 'area'
			    },
			    
			    title: {
			        text: '',
			        x: 0
			    },
			    
			    pane: {
			    	size: '80%'
			    },
			    
			    xAxis: {
			        categories:  ['北', '北北东', '北东', '东北东','东', '东南东',
								'南东', '南南东', '南','南南西', '南西',
								'西南西', '西', '西北西', '北西','北北西'
					],
			        tickmarkPlacement: 'on',
			        lineWidth: 0
			    },
			        
			    yAxis: {
			        gridLineInterpolation: 'polygon',
			        lineWidth: 0,
			        min: 0
			    },
			    
			    tooltip: {
			    	shared: true,
			        pointFormat: '<span style="color:{series.color}"> <b>{point.y:,.0f}</b><br/>'
			    },
			   
			    
			    series: [{
			        name: '风向',
			        data: [],
			        pointPlacement: 'on',
			        marker: {
		                    enabled: false
		              }
			    }]
			}
			/**********END**********/
	
			/*****月风资源******/
			options2 = {
				 chart: {
				 	renderTo : 'yfzy',
			        polar: true,
			        type: 'area'
			    },
			    
			    title: {
			        text: '',
			        x: 0
			    },
			    
			    pane: {
			    	size: '80%'
			    },
			    
			    xAxis: {
			        categories:  ['北', '北北东', '北东', '东北东','东', '东南东',
								'南东', '南南东', '南','南南西', '南西',
								'西南西', '西', '西北西', '北西','北北西'
					],
			        tickmarkPlacement: 'on',
			        lineWidth: 0
			    },
			        
			    yAxis: {
			        gridLineInterpolation: 'polygon',
			        lineWidth: 0,
			        min: 0
			    },
			    
			    tooltip: {
			    	shared: true,
			        pointFormat: '<span style="color:{series.color}"> <b>{point.y:,.0f}</b><br/>'
			    },
			   
			    
			    series: [{
			        name: '风向',
			        data: [],
			        pointPlacement: 'on',
			        marker: {
		                    enabled: false
		              }
			    }]
			}
			
			chart1 = new Highcharts.Chart(options1);
			chart2 = new Highcharts.Chart(options2);
			
			daychart();
			monthchart();
			windtowerAjax();
			wpAllInfoAjax() ;
			window.setInterval(windtowerAjax, 60000);
			window.setInterval(daychart, 60000);
			window.setInterval(monthchart, 60000);
			window.setInterval(wpAllInfoAjax, 60000);
		});
			/*******END******/
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();
}
</script>
<!--[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]-->

<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="selectcft('CL_FDC',0)">红花梁风电场</li>
   <li onclick="selectcft('KB_FDC',1)">照阳河风电场</li>
   <li onclick="selectcft('DX_FDC',2)">雁门关风电场</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_over" id="button1" onmouseover="button2.className='left_menu_out';button3.className='left_menu_out';button4.className='left_menu_out';button5.className='left_menu_out';button6.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="button2" onmouseover="button1.className='left_menu_out';button3.className='left_menu_out';button4.className='left_menu_out';button5.className='left_menu_out';button6.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="button1.className='left_menu_out';button2.className='left_menu_out';button4.className='left_menu_out';button5.className='left_menu_out';button6.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="button1.className='left_menu_out';button2.className='left_menu_out';button3.className='left_menu_out';button5.className='left_menu_out';button6.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';button2.className='left_menu_out';button3.className='left_menu_out';button4.className='left_menu_out';button6.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_out" id="button6" onmouseover="button1.className='left_menu_out';button2.className='left_menu_out';button3.className='left_menu_out';button4.className='left_menu_out';button5.className='left_menu_out';this.className='left_menu_over'" onmouseout="this.className='left_menu_over'" onclick="power()"><li>功率曲线</li></a>
</div>
<div class="page_cft f">
<!-- <div class="page_cft_fsbox page_cft_fs80"><div class="page_cft_blue_left f"  id="80speed"></div><div class="page_cft_blue_right f">80米风速</div></div> -->
<div class="page_cft_fsbox page_cft_fs70"><div class="page_cft_blue_left f"  id="70speed"></div><div class="page_cft_blue_right f">70米风速</div></div>
<!-- <div class="page_cft_fsbox page_cft_fs60"><div class="page_cft_blue_left f"  id="60speed"></div><div class="page_cft_blue_right f">60米风速</div></div> -->
<div class="page_cft_fsbox page_cft_fs50"><div class="page_cft_blue_left f"  id="50speed"></div><div class="page_cft_blue_right f">50米风速</div></div>
<!-- <div class="page_cft_fsbox page_cft_fs40"><div class="page_cft_blue_left f"  id="40speed"></div><div class="page_cft_blue_right f">40米风速</div></div> -->
<div class="page_cft_fsbox page_cft_fs30"><div class="page_cft_blue_left f"  id="30speed"></div><div class="page_cft_blue_right f">30米风速</div></div>
<!-- <div class="page_cft_fsbox page_cft_fs20"><div class="page_cft_blue_left f"  id="20speed"></div><div class="page_cft_blue_right f">20米风速</div></div>
<div class="page_cft_fsbox page_cft_fs10"><div class="page_cft_blue_left f"  id="10speed"></div><div class="page_cft_blue_right f">10米风速</div></div> -->

<!-- <div class="page_cft_fsbox page_cft_fx80"><div class="page_cft_green_right f">80米风向</div><div class="page_cft_green_left f"  id="80wddir"></div></div> -->
<div class="page_cft_fsbox page_cft_fx70"><div class="page_cft_green_right f">70米风向</div><div class="page_cft_green_left f"  id="70wddir"></div></div>
<!-- <div class="page_cft_fsbox page_cft_fx60"><div class="page_cft_green_right f">60米风向</div><div class="page_cft_green_left f"  id="60wddir"></div></div> -->
<div class="page_cft_fsbox page_cft_fx50"><div class="page_cft_green_right f">50米风向</div><div class="page_cft_green_left f"  id="50wddir"></div></div>
<!-- <div class="page_cft_fsbox page_cft_fx40"><div class="page_cft_green_right f">40米风向</div><div class="page_cft_green_left f"  id="40wddir"></div></div> -->
<div class="page_cft_fsbox page_cft_fx30"><div class="page_cft_green_right f">30米风向</div><div class="page_cft_green_left f"  id="30wddir"></div></div>
<!-- <div class="page_cft_fsbox page_cft_fx20"><div class="page_cft_green_right f">20米风向</div><div class="page_cft_green_left f"  id="20wddir"></div></div>
<div class="page_cft_fsbox page_cft_fx10"><div class="page_cft_green_right f">10米风向</div><div class="page_cft_green_left f"  id="10wddir"></div></div> -->


</div>
<%-- 
<div class="page_cft_right f">
<div class="page_cft_box1 f">
  <div class="page_cft_icon f"><img src="<%=imgPath %>/page_cft_icon1.png"  /></div><div class="page_cft_name f">气压</div><div class="page_cft_data f"  id="qy"></div><div class="page_cft_unit f">Pa</div></div>
<div class="page_cft_box1 f">
  <div class="page_cft_icon f"><img src="<%=imgPath %>/page_cft_icon2.png" /></div><div class="page_cft_name1 f">温度</div><div class="page_cft_data f"  id="wd"></div><div class="page_cft_unit1 f">℃</div></div>
  <div class="page_cft_box1 f">
  <div class="page_cft_icon f"><img src="<%=imgPath %>/page_cft_icon3.png"  /></div><div class="page_cft_name2 f">湿度</div><div class="page_cft_data f"  id="sd"></div><div class="page_cft_unit2 f">%RH</div></div>
   --%>
<div class="page_cft_right f">
<div class="page_cft_box1_hb f">
  <div class="page_cft_icon_hb f"><img src="<%=imgPath %>/page_cft_icon1_hb.png"  /></div><div class="page_cft_name_hb f">气压</div><div class="page_cft_data_hb f" id="qy"></div><div class="page_cft_unit_hb f">Pa</div>
  </div>
<div class="page_cft_box1_hb f">
  <div class="page_cft_icon_hb f"><img src="<%=imgPath %>/page_cft_icon2_hb.png"  /></div><div class="page_cft_name1_hb f">温度</div><div class="page_cft_data_hb f" id="wd"></div><div class="page_cft_unit1_hb f">℃</div>
  </div>
  <div class="page_cft_box1_hb f">
  <div class="page_cft_icon_hb f"><img src="<%=imgPath %>/page_cft_icon3_hb.png" /></div><div class="page_cft_name2_hb f">湿度</div><div class="page_cft_data_hb f" id="sd"></div><div class="page_cft_unit2_hb f">%RH</div>
  </div>
<div class="page_cft_box1_hb f">
  <div class="page_cft_icon_hb f"><img src="<%=imgPath %>/page_cft_icon4_hb.png" /></div><div class="page_cft_name3_hb f">密度</div><div class="page_cft_data_hb f" id="md"></div><div class="page_cft_unit3_hb f">kg/m³</div>
  </div>

  
 <div class="page_cft_box2_hb f">
 <div class="page_cft_box2_title_hb f">日<br />风<br />资<br />源<br />玫<br />瑰<br />图</div><div class="page_cft_box2_right_hb f"  id="rfzy"><img src="<%=imgPath %>/page_cft1.png" width="360" height="265" /></div>
  </div>
   <div class="page_cft_box3_hb f">
 <div class="page_cft_box2_title_hb f">月<br />风<br />资<br />源<br />玫<br />瑰<br />图</div><div class="page_cft_box2_right_hb f"  id="yfzy"><img src="<%=imgPath %>/page_cft1.png" width="360" height="265" /></div>
  </div>
</div>

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