123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248 |
- <%@ 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()%>/pages/fjqt/showInfo.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>
- <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>
- <script type="text/javascript">
- function displaybuttons(cellvalue, options, rawObject) {
- var detail = "<input type='button' value='详情' onclick=detail('"
- + rawObject.id + "')>";
- return detail;
- };
- function detail(id) {
- var url = "showInfoAction.action?id=" + id;
- window.location.href = url;
- };
- function createData() {
- $.ajax( {
- type : 'post',
- traditional : true,
- url : '<%=request.getContextPath()%>/fjqt/createDate.action'
- });
- queryData();
- };
- function queryData() {
- var wpId = $("#wpId").find("option:selected").val();
- var ssdate = $("#ssdate").val();
- var url = '<%=request.getContextPath()%>/fjqt/querySsanticipation.action?wpId='
- + wpId + "&ssdate=" + ssdate;
- $("#gridTable").setGridParam( {
- url : url
- }).trigger("reloadGrid");
- }
- $(document).ready(function() {
- showJqGrid();
- });
- function showJqGrid() {
- var wpId = $("#wpId").find("option:selected").val();
- var ssdate = $("#ssdate").val();
- var temp = '<%=request.getContextPath()%>/fjqt/querySsanticipation.action?wpId='
- + wpId + "&ssdate=" + ssdate;
- var url = encodeURI(encodeURI(temp));
- var id = 'gridTable';
- var datatype = 'json';
- var colNames = [ '编号', '填报编号', '风场', '风场', '日期', '均方根误差(短期)',
- '均方根误差(短期)拟合', '均方根误差(超短期)', '均方根误差(超短期)拟合', '待机时长', '实际耗电',
- '方案是否确认', '操作' ];
- var colModel = [ {
- name : 'id',
- index : 'id',
- width : 160,
- align : 'center',
- hidden : true
- }, {
- name : 'furnishedno',
- index : 'furnishedno',
- width : 160,
- align : 'center'
- }, {
- name : 'name',
- index : 'name',
- width : 160,
- align : 'center'
- }, {
- name : 'windfarm',
- index : 'windfarm',
- width : 160,
- align : 'center',
- hidden : true
- }, {
- name : 'ssdate',
- index : 'ssdate',
- width : 160,
- align : 'center'
- }, {
- name : 'rmse',
- index : 'rmse',
- width : 160,
- align : 'center'
- }, {
- name : 'rmsefit2',
- index : 'rmsefit2',
- width : 160,
- align : 'center'
- }, {
- name : 'srmse',
- index : 'srmse',
- width : 160,
- align : 'center'
- }, {
- name : 'srmsefit2',
- index : 'srmsefit2',
- width : 160,
- align : 'center'
- }, {
- name : 'standbytime',
- index : 'standbytime',
- width : 160,
- align : 'center'
- }, {
- name : 'power',
- index : 'power',
- width : 160,
- align : 'center'
- }, {
- name : 'sure',
- index : 'sure',
- width : 160,
- align : 'center',
- edittype : 'select',
- formatter : 'select',
- editoptions : {
- value : "0:未确认;1:确认;2:确认;3:确认;4:确认"
- }
- }, {
- name : 'caozuo',
- index : 'caozuo',
- width : 200,
- align : 'center',
- formatter : displaybuttons
- } ];
- var caption = '风机启停预判';
- var sortname = 'ssdate';
- var gridPagerID = 'gridPager';
- var sortorder = 'desc';
- var height = 'auto';
- var width = 'auto';
- var rownumbers = true;
- var multiselect = false;
- myJqGrid(id, url, datatype, colNames, colModel, caption, sortname,
- gridPagerID, sortorder, height, width, multiselect, rownumbers);
- }
- </script>
- </head>
- <body>
- <form action="showInfoAction.action" method="post" id="f1">
- <fieldset style="height: 60px" id="fst">
- <legend>
- 查询条件
- </legend>
- <tr>
- <th width="100px" class="item_Name">
- 风场:
- </th>
- <td width="100px" class="item_Name">
- <s:select list="wps" cssStyle="width:100px" listKey="id"
- listValue="name" id="wpId" name="wpId" headerKey=""
- headerValue="请选择" onchange="javascript:queryData();"></s:select>
- </td>
- <th width="100px" class="item_Name">
- 日期:
- </th>
- <td width="100px" class="item_Name">
- <s:textfield cssClass="ssdate"
- onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowWeek:true,readOnly:true})"
- id="ssdate" name="ssdate" title="日期"
- onchange="javascript:queryData();" />
- </td>
- <td width="400px" style="text-align: left">
- <a href="javascript:queryData();">查询</a>
- <a href="javascript:createData();">创建数据</a>
- </td>
- </tr>
- </fieldset>
- <br />
- <table id='gridTable' width="100%" height="100%"></table>
- <div id='gridPager' width="100%" height="100%"></div>
- </form>
- </body>
|