<%@ page language="java" contentType="text/html;charset=utf-8"%>
<%@include file="/pages/includes/taglibs.jsp"%>
<head>
	<script type="text/javascript"
		src="<%=request.getContextPath()%>/resource/js/jquery-1.8.3.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>
	<script type="text/ecmascript"
		src="<%=request.getContextPath()%>/pages/fjqt/curveJs.js">
</script>
	<script
		src="<%=request.getContextPath()%>/resource/js/ztree/jquery.ztree.all.min.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>
	<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" />
	<style type="text/css">
.mycss {
	font-family: "宋体";
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

.normal {
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-style: solid;
	border-top-color: #ffffff;
	border-left-color: #c1c1c1;
	border-right-color: #c1c1c1;
	border-bottom-color: #c1c1c1;
	border-width: 1px;
	width: 100px;
	height: 28px;
	float: left;
	margin-top: -1px;
	cursor: pointer;
	text-align: center;
	line-height: 28px;
	overflow: hidden;
	font-weight: bold;
	font-size: 12px;
	font-family: tahoma, arial, verdana, sans-serif;
}

.disable {
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-style: solid;
	border-top-color: #c1c1c1;
	border-left-color: #c1c1c1;
	border-right-color: #c1c1c1;
	border-bottom-color: #c1c1c1;
	border-width: 1px;
	width: 100px;
	height: 25px;
	float: left;
	margin-top: -1px;
	cursor: pointer;
	text-align: center;
	background-color: #e1e1e1;
	line-height: 25px;
	overflow: hidden;
	font-weight: bold;
	font-size: 12px;
	font-family: tahoma, arial, verdana, sans-serif;
}

.panelcontainer {
	width: 100%;
	height: 70px;
	border-style: solid;
	border-color: #C1C1C1;
	border-width: 1px;
}

.panelquery {
	width: 100%;
	height: 25px;
	background-color: #c1c1c1;
	line-height: 25px;
}

.panelquerytext {
	margin-left: 3px;
	font-weight: bold;
	font-size: 12px;
	font-family: tahoma, arial, verdana, sans-serif;
}

.querycondcontainer {
	line-height: 39px;
	padding: 3px;
	float: left;
	font-size: 12px;
}
</style>

	<script type="text/javascript">
var lastsel;
function myJqGrid(id, url, datatype, colNames, colModel, caption, sortname,
		gridPagerID, sortorder, height, width, multiselect, rownumbers) {
	var myGrid = $('#' + id);
	myGrid.jqGrid( {
		url : url,
		datastr : 'data.json',
		datatype : datatype,
		pager : gridPagerID,
		height : height,
		width : width,
		rowNum : 25,
		rowList : [ 10, 20, 50 ],
		colNames : colNames,
		colModel : colModel,
		jsonReader : {
			repeatitems : false,
			root : function(obj) {
				return obj.rows;
			},
			page : function(obj) {
				return obj.pageindex;
			},
			total : function(obj) {
				return obj.pagecount;
			},
			records : function(obj) {
				return obj.total;
			}
		},
		prmNames : {
			page : 'page',
			rows : 'pageSize',
			sort : 'sortorder',
			order : 'sortname'
		},
		hidegrid : false,
		rownumbers : rownumbers,
		multiselect : multiselect,
		loadonce : false,
		sortname : sortname,
		sortorder : sortorder,
		viewrecords : true,
		caption : caption,
		altRows : true
	});
}

function subCon(str) {
	var id = $("#wid").val();
	if (confirm("确认选择此方案吗?确认后不可修改!")) {
		$.ajax( {
			type : 'post',
			traditional : true,
			url : 'subCon.action?id=' + id + "&str=" + str
		});
		alert("此方案已确认成功!");
		showJqGrid();
		showJqGrid1();
		showJqGrid2();
		showJqGrid3();
		if (str == 1) {
			$("#div1").text("短期预测(已确认此方案)");
		} else if (str == 2) {
			$("#div2").text("短期预测(拟合)(已确认此方案)");
		} else if (str == 3) {
			$("#div3").text("超短期预测(已确认此方案)");
		} else {
			$("#div4").text("超短期预测(拟合)(已确认此方案)");
		}
		$("#button").hide();
		$("#button2").hide();
		$("#button3").hide();
		$("#button4").hide();
	}
}

function returnFjqt() {
	$("#f1").attr("action", "init.action").submit();
}
</script>
	<style type="text/css">
fieldset legend {
	color: #302A2A;
	font: bold 16px/ 2 Verdana, Geneva, sans-serif;
	font-weight: bold;
	text-align: left;
	text-shadow: 2px 2px 2px rgb(88, 126, 156);
}
</style>
</head>
<body>
	<s:form action="" method="post" id="f1">
		<table width="100%">
			<s:hidden name="wfId"></s:hidden>
			<tr>
				<td align="left" class="mycss">
					<input type="button" name="button1" id="button1" value="返回"
						onclick="returnFjqt()">
					<s:hidden name="w.furnishedno" id="furnishedno"></s:hidden>
					<s:hidden name="w.id" id="wid"></s:hidden>
					<s:hidden id="id"></s:hidden>
					<s:hidden name="w.sure" id="sure"></s:hidden>
					<s:hidden name="wpId" id="wpId"></s:hidden>
					<s:hidden name="ssdate" id="ssdate"></s:hidden>
					<s:hidden name="w.windfarm" id="windfarm"></s:hidden>
					<s:hidden name="w.ssdate" id="ssdate2"></s:hidden>
				</td>
			</tr>
		</table>
		<s:fielderror />
		<s:actionerror />
		<s:actionmessage />
	</s:form>
	<table cellpadding="0" cellspacing="1" bgcolor="#C1C1C1"
		style="width: 100%; height: 65px;">
		<tr>
			<td width="150" height="22" bgcolor="#efefef">
				<span class="mycss">当日平均风速:</span>
			</td>
			<td width="150" bgcolor="#efefef">
				<span class="mycss"><s:property value="w.avspeed" /> </span>
			</td>
			<td width="150" height="22" bgcolor="#efefef">
				<span class="mycss">当日平均切入风速:</span>
			</td>
			<td width="150" bgcolor="#efefef">
				<span class="mycss"><s:property value="w.avcutspeed" /> </span>
			</td>
			<td width="150" height="22" bgcolor="#efefef">
				<span class="mycss">待机时长:</span>
			</td>
			<td width="150" bgcolor="#efefef">
				<span class="mycss"><s:property value="w.standbytime" /> </span>
			</td>
			<td width="150" height="22" bgcolor="#efefef">
				<span class="mycss">静风时长:</span>
			</td>
			<td width="100" bgcolor="#efefef">
				<span class="mycss"><s:property value="w.staticwindlong" />
				</span>
			</td>
		</tr>
		<tr>
			<td width="150" height="22" bgcolor="#efefef">
				<span class="mycss">维护时长:</span>
			</td>
			<td width="150" bgcolor="#efefef">
				<span class="mycss"><s:property value="w.maintenancetime" />
				</span>
			</td>
			<td width="150" height="22" bgcolor="#efefef">
				<span class="mycss">日发电量:</span>
			</td>
			<td width="150" bgcolor="#efefef">
				<span class="mycss"><s:property value="w.generatingcapacity" />
				</span>
			</td>
			<td width="150" height="22" bgcolor="#efefef">
				<span class="mycss">日耗电量:</span>
			</td>
			<td width="150" bgcolor="#efefef">
				<span class="mycss"><s:property value="w.Power" /> </span>
			</td>
			<td width="150" height="22" bgcolor="#efefef">
				<span class="mycss">日期:</span>
			</td>
			<td width="100" bgcolor="#efefef">
				<span class="mycss"><s:property value="w.ssdate" /> </span>
			</td>
		</tr>
	</table>
	<table cellpadding="0" cellspacing="1"
		style="min-width: 100%; height: 30px">
		<tr style="min-width: 100%; height: 30px">
			<td width="50%" align="center">
				均方根误差:
				<s:property value="w.rmse" />
				%
			</td>
			<td width="50%" align="center">
				均方根误差拟合:
				<s:property value="w.rmsefit2" />
				%
			</td>
		</tr>
	</table>
	<table cellpadding="0" cellspacing="1">
		<tr>
			<td> <div id="container" style="min-width: 50%; height: 280px"></div></td>
			<td>
				<div id="container1" style="min-width: 50%; height: 280px"></div>
			</td>
		</tr>
	</table>
	<table cellpadding="0" cellspacing="1"
		style="min-width: 100%; height: 30px">

		<tr>
			<td width="50%" align="center">
				均方根误差:
				<s:property value="w.srmse" />
				%
			</td>
			<td width="50%" align="center">
				均方根误差拟合:
				<s:property value="w.srmsefit2" />
				%
			</td>
		</tr>
	</table>
	<table cellpadding="0" cellspacing="1">
		<tr>
			<td>
				<div id="container2" style="min-width: 50%; height: 280px"></div>
			</td>
			<td>
				<div id="container3" style="min-width: 50%; height: 280px"></div>
			</td>
		</tr>
	</table>


	<table cellpadding="1" cellspacing="1"
		style="min-width: 100%; height: 20px">
		<tr>
			<td style="min-width: 25%; height: 20px">
				<div align="center" id="div1">
					短期预测
				</div>
			</td>
			<td style="min-width: 25%; height: 20px">
				<div align="center" id="div2">
					短期预测(拟合)
				</div>
			</td>
			<td style="min-width: 25%; height: 20px">
				<div align="center" id="div3">
					超短期预测
				</div>
			</td>
			<td style="min-width: 25%; height: 20px">
				<div align="center" id="div4">
					超短期预测(拟合)
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<table id='gridTable'></table>
				<div id='gridPager'></div>
				<input type="button" name="button" id="button" value="确认此方案"
					onclick="subCon(1)">
			</td>
			<td>
				<table id='gridTable1'></table>
				<div id='gridPager1'></div>
				<input type="button" name="button2" id="button2" value="确认此方案"
					onclick="subCon(2)">
			</td>
			<td>
				<table id='gridTable2'></table>
				<div id='gridPager2'></div>
				<input type="button" name="button3" id="button3" value="确认此方案"
					onclick="subCon(3)">
			</td>
			<td>
				<table id='gridTable3'></table>
				<div id='gridPager3'></div>
				<input type="button" name="button4" id="button4" value="确认此方案"
					onclick="subCon(4)">
			</td>
		</tr>
	</table>
</body>