<%@ page language="java" import="java.util.*" pageEncoding="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/jqdatagridpage.js"></script>
<script src="<%=request.getContextPath()%>/resource/js/datePicker/WdatePicker.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath() %>/resource/plugin/jqgrid/css/ui.jqgrid.css" />
<style type="text/css">
a{ /* 统一设置所以样式 */
font-family:Arial;
font-size:12px;
text-align:center;
margin:3px;
}
a:link,a:visited{ /* 超链接正常状态、被访问过的样式 */
color:#000000;
padding:4px 10px 4px 10px;
background-color:#f1f1f1;
text-decoration:none;
border-top:1px solid #EEEEEE; /* 边框实现阴影效果 */
border-left:1px solid #EEEEEE;
border-bottom:1px solid #717171;
border-right:1px solid #717171;
}
a:hover{ /* 鼠标指针经过时的超链接 */
color:#821818; /* 改变文字颜色 */
padding:5px 8px 3px 12px; /* 改变文字位置 */
background-color:#e2c4c9; /* 改变背景色 */
border-top:1px solid #717171; /* 边框变换，实现“按下去”的效果 */
border-left:1px solid #717171;
border-bottom:1px solid #EEEEEE;
border-right:1px solid #EEEEEE;
}
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>
<script type="text/javascript">
function showJqGrid() {
var wfId = $("#wfId").val();
var temp = "<%=request.getContextPath() %>/matrix/wtinformationTemAjax.action?wpId="+wfId;
var url= encodeURI(encodeURI(temp));
var id = 'gridTable';
var datatype = 'json';
var colNames = ['风机编号','风速','功率','发电机转速','转速限值','转矩给定','对风角度','偏航位置','状态','故障','颜色'];
var colModel = [
{ name: 'wtId', index: 'wtId', width: 100, align: 'center'},
{ name: 'speed', index: 'speed', width: 100, align: 'center'},
{ name: 'power', index: 'power', width: 100, align: 'center'},
{ name: 'powerspeed', index: 'powerspeed', width: 100, align: 'center'},
{ name: 'speedmix', index: 'speedmix', width: 100, align: 'center'},
{ name: 'wpzjgd', index: 'wpzjgd', width: 100, align: 'center'},
{ name: 'windjd', index: 'windjd', width: 100, align: 'center'},
{ name: 'locationpy', index: 'locationpy', width: 100, align: 'center'},
{ name: 'wpstate', index: 'wpstate', width: 100, align: 'center'},
{ name: 'wpfault', index: 'wpfault', width: 100, align: 'center'},
{ name: 'colortype', index: 'colortype', width: 100, align: 'center', hidden:true}
];
var caption = '信息列表';
var sortname = 'lastupdatetime';
var gridPagerID ='gridPager';
var sortorder='desc';
var height='800';
var width='1610';
var rownumbers=true;
var multiselect=false;
myJqGrid_one(id, url, datatype, colNames, colModel, caption, sortname, gridPagerID,sortorder,height,width,
multiselect,rownumbers);
}
function queryData(){
$("#gridTable").jqGrid('GridUnload');
showJqGrid();
}
$(document).ready(function () {
showJqGrid();
//setInterval(function(){jQuery("#gridTable").trigger("reloadGrid");},5000);
});
</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>
<form action="fittingtopindex.action" method="post" id="f1">
<fieldset style="height: 80px;width: 1580px" id="fst">
<legend class="item_Name">查询条件</legend>
<table class="dataform">
<tr>
<th width="100" class="item_Name">
场站:
</th>
<td width="120" >
<s:select list="wps" listKey="id" listValue="name" id="wfId" name="wfId" headerKey=""></s:select>
</td>
<td width="80" style="text-align: right">
<a href="#" onclick="javascript:queryData();" id="toexcel">查询</a>
</td>
<td></td>
</tr>
</table>
</fieldset>
<br/>
<table id='gridTable' height="100%">
</table>
</form>
</body>