首页 发现 帮助
登录
xieshengjie
/
gdhb
1
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
目录树: 931ecd29d3
分支列表 标签列表
gdhb
/
WebRoot
/
pages
/
analysis
/
branch
/
index.jsp

index.jsp 11 KB
文件历史 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180 
  1. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    2. 

  2. 

  3. <%@include file="/pages/includes/taglibs.jsp" %>
    4. 

  4. 

  5. <head>
    6. 

  6. <script type="text/javascript" src="<%=request.getContextPath() %>/resource/js/jquery-1.8.3.js"></script>
    7. 

  7.  <script type="text/ecmascript" src="<%=request.getContextPath() %>/resource/plugin/jqgrid/js/jquery.jqGrid.min.js"></script>
    8. 

  8.  <script type="text/ecmascript" src="<%=request.getContextPath() %>/resource/plugin/jqgrid/js/i18n/grid.locale-cn.js"></script>
    9. 

  9.  
    10. 

  10. <script type="text/ecmascript" src="<%=request.getContextPath()%>/resource/js/system/jqdatagrid.js"></script>
    11. 

  11. <script src="<%=request.getContextPath()%>/resource/js/datePicker/WdatePicker.js" type="text/javascript"></script>
    12. 

  12.  <link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css" />
    13. 

  13.  <link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath() %>/resource/plugin/jqgrid/css/ui.jqgrid.css" />
    14. 

  14. <style type="text/css">
    15. 

  15. 

  16. </style>
    17. 

  17. <script type="text/javascript">
    18. 

  18. 

  19. 	function queryClear(){
    20. 

  20. 		$("#targetName").val("");
    21. 

  21. 	}
    22. 

  22. 

  23. 	function returnMainPage(){
    24. 

  24. 		var recordDateQ = $("#recordDateQ").val();
    25. 

  25. 		$("#formView").attr("action", "/statisticsAnalysisBranch/analysisBranchMain.action?recordDateQ="+recordDateQ).submit();
    26. 

  26. 	}
    27. 

  27. 

  28. 	function queryData(){
    29. 

  29. 		// 风场ID
    30. 

  30. 		var id = $("#id").val();
    31. 

  31. 		// 指标名称
    32. 

  32. 		var targetName = $("#targetName").val();
    33. 

  33. 		jQuery("#gridTable").jqGrid('setGridParam',{url:encodeURI(encodeURI("/statisticsAnalysisBranch/analysisBranchList.action?id="+ id + "&targetName="+targetName))}).trigger("reloadGrid");
    34. 

  34. 	}
    35. 

  35. 	
    36. 

  36. 	$(function(){
    37. 

  37. 		
    38. 

  38. 		showJqGrid();
    39. 

  39. 		
    40. 

  40. 		// 风场名称
    41. 

  41. 		var wsnametext = $("#wfId").find("option:selected").text();
    42. 

  42. 		$("#wsname").text(wsnametext);
    43. 

  43. 		
    44. 

  44. 		// 日期
    45. 

  45. 		var wstimetext = $("#recordDate").val();
    46. 

  46. 		$("#wstime").text(wstimetext);
    47. 

  47. 	});
    48. 

  48. 	
    49. 

  49. 	// 加载jqgrid表格
    50. 

  50. 	function showJqGrid(){
    51. 

  51. 		// 风场ID
    52. 

  52. 		var id = $("#id").val();
    53. 

  53. 		// 指标名称
    54. 

  54. 		var targetName = $("#targetName").val();
    55. 

  55. 		
    56. 

  56. 		jQuery("#gridTable").jqGrid({
    57. 

  57. 		   	url:'/statisticsAnalysisBranch/analysisBranchList.action?id='+id+'&targetName='+targetName,
    58. 

  58. 			datatype: "json",
    59. 

  59. 		   	colNames:['编号', '指标名称','单位','当日值(只读)','当日值(可变)','当前星期值','当前月份值','当前季度值','当前年值','类别','公式描述'],
    60. 

  60. 		   	colModel:[
    61. 

  61. 		   		{ name: 'id', index: 'id', width: 200, align: 'center', hidden: true},
    62. 

  62. 				{ name: 'targetName', index: 'targetName', width: 200, align: 'center'},
    63. 

  63. 				{ name: 'unit', index: 'unit', width: 200, align: 'center'},
    64. 

  64. 				{ name: 'dayValueR', index: 'dayValueR', width: 200, align: 'center'},
    65. 

  65. 				{ name: 'dayValue', index: 'dayValue', width: 200, align: 'center',editable : true},
    66. 

  66. 				{ name: 'weekValue', index: 'weekValue', width: 200, align: 'center'},
    67. 

  67. 				{ name: 'monthValue', index: 'monthValue', width: 200, align: 'center'},
    68. 

  68. 				{ name: 'quarterValue', index: 'wpId', width: 200, align: 'center'},
    69. 

  69. 				{ name: 'yearValue', index: 'wpName', width: 200, align: 'center'},
    70. 

  70. 				{ name: 'type', index: 'recordDate', width: 200, align: 'center'},
    71. 

  71. 				{ name: 'formulaDesc', index: 'operate', width: 200, align: 'center'}
    72. 

  72. 		   	],
    73. 

  73. 		   	rowNum:1000,
    74. 

  74. 		   	height:'670',
    75. 

  75. width:'1610',
    76. 

  76. 		    editurl : '/statisticsAnalysisBranch/analysisBranchList.action?id='+id+'&targetName='+targetName+"/RowEditing",
    77. 

  77. 		    autowidth: true,
    78. 

  78. 		    sortorder: "desc",
    79. 

  79. 		    caption: "统计分析列表",
    80. 

  80. 		   	pager: '#gridPager',
    81. 

  81. 		    viewrecords: true,
    82. 

  82. 		    afterInsertRow:function(rowid,rowdata,rowelem){
    83. 

  83. 				if(rowdata.type == '基础' ){
    84. 

  84. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{targetName:"<font color=Green>"+rowdata.targetName+"</font>"});
    85. 

  85. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{unit:"<font color=Green>"+rowdata.unit+"</font>"});
    86. 

  86. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{dayValueR:"<font color=Green>"+rowdata.dayValueR+"</font>"});
    87. 

  87. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{dayValue:"<font color=Green>"+rowdata.dayValue+"</font>"});
    88. 

  88. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{weekValue:"<font color=Green>"+rowdata.weekValue+"</font>"});
    89. 

  89. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{monthValue:"<font color=Green>"+rowdata.monthValue+"</font>"});
    90. 

  90. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{quarterValue:"<font color=Green>"+rowdata.quarterValue+"</font>"});
    91. 

  91. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{yearValue:"<font color=Green>"+rowdata.yearValue+"</font>"});
    92. 

  92. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{type:"<font color=Green>"+rowdata.type+"</font>"});
    93. 

  93. 				} else if(rowdata.type == '计算' ){
    94. 

  94. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{targetName:"<font color=Purple>"+rowdata.targetName+"</font>"});
    95. 

  95. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{unit:"<font color=Purple>"+rowdata.unit+"</font>"});
    96. 

  96. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{dayValueR:"<font color=Green>"+rowdata.dayValueR+"</font>"});
    97. 

  97. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{dayValue:"<font color=Purple>"+rowdata.dayValue+"</font>"});
    98. 

  98. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{weekValue:"<font color=Purple>"+rowdata.weekValue+"</font>"});
    99. 

  99. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{monthValue:"<font color=Purple>"+rowdata.monthValue+"</font>"});
    100. 

  100. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{quarterValue:"<font color=Purple>"+rowdata.quarterValue+"</font>"});
    101. 

  101. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{yearValue:"<font color=Purple>"+rowdata.yearValue+"</font>"});
    102. 

  102. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{type:"<font color=Purple>"+rowdata.type+"</font>"});
    103. 

  103. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{formulaDesc:"<font color=Purple>"+rowdata.formulaDesc+"</font>"});
    104. 

  104. 				} else if(rowdata.type == '默认' ){
    105. 

  105. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{targetName:"<font color=Orange>"+rowdata.targetName+"</font>"});
    106. 

  106. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{unit:"<font color=Orange>"+rowdata.unit+"</font>"});
    107. 

  107. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{dayValueR:"<font color=Orange>"+rowdata.dayValueR+"</font>"});
    108. 

  108. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{dayValue:"<font color=Orange>"+rowdata.dayValue+"</font>"});
    109. 

  109. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{weekValue:"<font color=Orange>"+rowdata.weekValue+"</font>"});
    110. 

  110. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{monthValue:"<font color=Orange>"+rowdata.monthValue+"</font>"});
    111. 

  111. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{quarterValue:"<font color=Orange>"+rowdata.quarterValue+"</font>"});
    112. 

  112. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{yearValue:"<font color=Orange>"+rowdata.yearValue+"</font>"});
    113. 

  113. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{type:"<font color=Orange>"+rowdata.type+"</font>"});
    114. 

  114. 				} else if(rowdata.type == '手填' ){
    115. 

  115. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{targetName:"<font color=Blue>"+rowdata.targetName+"</font>"});
    116. 

  116. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{unit:"<font color=Blue>"+rowdata.unit+"</font>"});
    117. 

  117. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{dayValueR:"<font color=Blue>"+rowdata.dayValueR+"</font>"});
    118. 

  118. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{dayValue:"<font color=Blue>"+rowdata.dayValue+"</font>"});
    119. 

  119. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{weekValue:"<font color=Blue>"+rowdata.weekValue+"</font>"});
    120. 

  120. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{monthValue:"<font color=Blue>"+rowdata.monthValue+"</font>"});
    121. 

  121. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{quarterValue:"<font color=Blue>"+rowdata.quarterValue+"</font>"});
    122. 

  122. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{yearValue:"<font color=Blue>"+rowdata.yearValue+"</font>"});
    123. 

  123. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{type:"<font color=Blue>"+rowdata.type+"</font>"});
    124. 

  124. 				} else if(rowdata.type == '特殊' ){
    125. 

  125. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{targetName:"<font color=Red>"+rowdata.targetName+"</font>"});
    126. 

  126. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{unit:"<font color=Red>"+rowdata.unit+"</font>"});
    127. 

  127. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{dayValueR:"<font color=Red>"+rowdata.dayValueR+"</font>"});
    128. 

  128. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{dayValue:"<font color=Red>"+rowdata.dayValue+"</font>"});
    129. 

  129. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{weekValue:"<font color=Red>"+rowdata.weekValue+"</font>"});
    130. 

  130. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{monthValue:"<font color=Red>"+rowdata.monthValue+"</font>"});
    131. 

  131. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{quarterValue:"<font color=Red>"+rowdata.quarterValue+"</font>"});
    132. 

  132. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{yearValue:"<font color=Red>"+rowdata.yearValue+"</font>"});
    133. 

  133. 					jQuery("#gridTable").jqGrid('setRowData',rowdata.id,{type:"<font color=Red>"+rowdata.type+"</font>"});
    134. 

  134. 				}
    135. 

  135. 			}
    136. 

  136. 		});
    137. 

  137. 	}
    138. 

  138. </script>
    139. 

  139. </head>
    140. 

  140. 

  141. <body>
    142. 

  142. <table width="100%">
    143. 

  143. 	<tr>
    144. 

  144. 		<td align="left" class="navbar" style="font-size: 12px;"><font id="wsname"></font>统计分析<font id="wstime"></font></td>
    145. 

  145. 		<td align="right">
    146. 

  146. 			<input type="button" class="button" onclick="javascript:returnMainPage();" value="返回"/>
    147. 

  147. 		</td>
    148. 

  148. 	</tr>
    149. 

  149. </table>
    150. 

  150. <hr/>
    151. 

  151. <fieldset style="height: 60px" id="fst">
    152. 

  152.    <legend  class="item_Name">查询条件</legend>
    153. 

  153.   	<table width="1000px" cellpadding="0" cellspacing="0" class="dataform">
    154. 

  154. 	   	<tr>
    155. 

  155. 			<td align="left" >
    156. 

  156. 			<input type="text" id="id" value="${id}" style="display: none;"/>
    157. 

  157. 			 	<!-- 风场： --><s:select list="windpowers" cssStyle="width:173px;display:none" listKey="id" listValue="name" id="wfId" name="wfId" headerKey="" headerValue="请选择" onchange="javascript:queryData()" ></s:select>
    158. 

  158. 				 指标名称：<s:textfield name="targetName" id="targetName"></s:textfield> 
    159. 

  159. 				<!--指标编码：<s:textfield name="targetCode" id="targetCode"></s:textfield> -->
    160. 

  160. 				<!-- 日期： --><s:textfield
    161. 

  161. 					cssClass="Wdate"
    162. 

  162. 					onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowWeek:true,readOnly:true})"
    163. 

  163. 					id="recordDate" name="recordDate" title="日期"  onchange="javascript:queryData()" style="display:none"/>
    164. 

  164. 				<s:textfield
    165. 

  165. 					cssClass="Wdate"
    166. 

  166. 					onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowWeek:true,readOnly:true})"
    167. 

  167. 					id="recordDateQ" name="recordDateQ" title="日期" style="display:none" />
    168. 

  168. 				<input type="button" class="button" onclick="javascript:queryData();" value="查询"/>
    169. 

  169. 				<input type="button" class="button" onclick="javascript:queryClear();" value="清空"/>
    170. 

  170. 			</td>
    171. 

  171. 		</tr>
    172. 

  172. 	</table>
    173. 

  173. </fieldset>
    174. 

  174. <br/>
    175. 

  175. <table id='gridTable'></table>
    176. 

  176. <div id='gridPager'></div>
    177. 

  177. <form action="" method="post" id="formView">
    178. 

  178. </form>
    179. 

  179. </body>
    180. 

  180.