materials.jsp 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
  1. <%@ page contentType="text/html; charset=utf-8" session="false" %>
  2. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>我的工作台</title>
  6. <%@ include file="../common/header.jsp" %>
  7. <script type="text/javascript" src="${contextPath }/js/calendar/WdatePicker.js"></script>
  8. <script type="text/javascript">
  9. var mydata;
  10. $(document).ready( function() {
  11. $("input.datebox").bind("click", function() {WdatePicker();});
  12. setNowDate();
  13. $("#feeddiv").height(document.body.clientHeight-360);
  14. $("#Result").width(document.body.clientWidth-190);
  15. $("#Result").height(document.body.clientHeight-30);
  16. });
  17. $(window).resize(function(){
  18. $("#feeddiv").height(document.body.clientHeight-360);
  19. $("#Result").width(document.body.clientWidth-190);
  20. $("#Result").height(document.body.clientHeight-30);
  21. });
  22. //初始化日期
  23. function setNowDate(){
  24. var myDate = new Date();
  25. var year = myDate.getFullYear();
  26. var month = myDate.getMonth()+1;
  27. var day = myDate.getDate();
  28. var nowdate = year + "-" + month + "-" + day;
  29. $("#beginDate").val(nowdate);
  30. $("#endDate").val(nowdate);
  31. }
  32. //查询数据
  33. function queryDate(){
  34. var beginDate = $("#beginDate").val();
  35. var endDate = $("#endDate").val();
  36. var tjType = selecttjType();
  37. var tjTarget = selecttjTarget();
  38. var feedIds = selectfeedId();
  39. $("#Result").load("${contextPath }/admin/statistics/materialslist.html?beginDate="+beginDate+"&endDate="+endDate+"&tjType="+tjType+"&tjTarget="+tjTarget+"&feedIds="+feedIds);
  40. }
  41. //取得统计类型
  42. function selecttjType(){
  43. var tjType=document.getElementsByName("tjType");
  44. var tjtype = "";
  45. for(var i=0;i<tjType.length;i++){
  46. if(tjType[i].checked){
  47. if(tjtype=="")
  48. tjtype = tjType[i].value;
  49. else
  50. tjtype += "," + tjType[i].value;
  51. }
  52. }
  53. return tjtype;
  54. }
  55. //取得统计目标
  56. function selecttjTarget(){
  57. var tjTarget=document.getElementsByName("tjTarget");
  58. var tjtarget = "";
  59. for(var i=0;i<tjTarget.length;i++){
  60. if(tjTarget[i].checked){
  61. if(tjtarget=="")
  62. tjtarget = tjTarget[i].value;
  63. else
  64. tjtarget += "," + tjTarget[i].value;
  65. }
  66. }
  67. return tjtarget;
  68. }
  69. //取得勾选的饲料
  70. function selectfeedId(){
  71. var feedId=document.getElementsByName("feedId");
  72. var feedIds = "";
  73. for(var i=0;i<feedId.length;i++){
  74. if(feedId[i].checked){
  75. if(feedIds=="")
  76. feedIds = feedId[i].value;
  77. else
  78. feedIds += "," + feedId[i].value;
  79. }
  80. }
  81. return feedIds;
  82. }
  83. //反选
  84. function not_Click(){
  85. var feedId=document.getElementsByName("feedId");
  86. for(var i=0;i<feedId.length;i++){
  87. if(feedId[i].checked)
  88. feedId[i].checked=false;
  89. }
  90. }
  91. //导出数据
  92. function excelDate(){
  93. var beginDate = $("#beginDate").val();
  94. var endDate = $("#endDate").val();
  95. var tjType = selecttjType();
  96. var tjTarget = selecttjTarget();
  97. var feedIds = selectfeedId();
  98. document.location.href="${contextPath }/admin/statistics/materialsexcel.html?beginDate="+beginDate+"&endDate="+endDate+"&tjType="+tjType+"&tjTarget="+tjTarget+"&feedIds="+feedIds;
  99. }
  100. function leftDate(){
  101. var beginDate = $("#beginDate").val();
  102. var endDate = $("#endDate").val();
  103. var newbDate = checkDate(beginDate,"left");
  104. var neweDate = checkDate(endDate,"left");
  105. $("#beginDate").val(newbDate);
  106. $("#endDate").val(neweDate);
  107. queryDate();
  108. }
  109. function rightDate(){
  110. var beginDate = $("#beginDate").val();
  111. var endDate = $("#endDate").val();
  112. var newbDate = checkDate(beginDate,"");
  113. var neweDate = checkDate(endDate,"");
  114. $("#beginDate").val(newbDate);
  115. $("#endDate").val(neweDate);
  116. queryDate();
  117. }
  118. </script>
  119. </head>
  120. <body style="background-color: #E0E0E0;">
  121. <div>
  122. <div class="navfrm">
  123. <span>当前位置:</span>
  124. <span><a href="${contextPath }/admin/welcome.html">首页</a></span>
  125. <span>&nbsp;>>&nbsp;</span>
  126. <span>用料分析</span>
  127. </div>
  128. <table cellspacing="1" cellpadding="0" border="0" style="width: 99%;">
  129. <tr>
  130. <td width="10%" height="20"><input id="beginDate" name="beginDate" style="width:100px;" class="datebox" value=""/></td>
  131. <td width="5%"><input type="button" value="查询" onclick="queryDate()" class="sysub" /></td>
  132. <td width="75%" rowspan="7" style="vertical-align:top;"><div id="Result" style="overflow-x: auto; overflow-y: auto; height:50%; width:50%;"></div></td>
  133. </tr>
  134. <tr>
  135. <td height="20"><input id="endDate" name="endDate" style="width:100px;" class="datebox" value=""/></td>
  136. <td><input type="button" value="导出" onclick="excelDate()" class="sysub" /></td>
  137. </tr>
  138. <tr>
  139. <td height="20" colspan="2">
  140. <input type="button" value="<" onclick="leftDate();" /><input type="button" value=">" onclick="rightDate();" />
  141. <fieldset>
  142. <legend>统计类型</legend>
  143. <table cellspacing="1" cellpadding="0" border="0" style="width: 99%;">
  144. <tr><td algin="left"><input name="tjType" id="sllb" type="radio" value="0" checked="checked" /><label for="sllb">舍栏类别</label></td></tr>
  145. <tr><td algin="left"><input name="tjType" id="sl" type="radio" value="1" /><label for="sl">舍栏</label></td></tr>
  146. <tr><td algin="left"><input name="tjType" id="rq" type="radio" value="2" /><label for="rq">日期</label></td></tr>
  147. <tr><td algin="left"><input name="tjType" id="cl" type="radio" value="3" /><label for="cl">TMR车辆</label></input></td></tr>
  148. <tr><td algin="left"><input name="tjType" id="bc" type="radio" value="4" /><label for="bc">班次</label></input></td></tr>
  149. <tr><td algin="left"><input name="tjType" id="cc" type="radio" value="5" /><label for="cc">车次</label></input></td></tr>
  150. </table>
  151. </fieldset>
  152. </td>
  153. </tr>
  154. <tr>
  155. <td height="20" colspan="2">
  156. <fieldset>
  157. <legend>统计目标</legend>
  158. <table cellspacing="1" cellpadding="0" border="0" style="width: 99%;">
  159. <tr><td algin="left"><input name="tjTarget" id="llsj" type="radio" value="0" checked="checked" /><label for="llsj">理论、实际用量</label></td></tr>
  160. <tr><td algin="left"><input name="tjTarget" id="ll" type="radio" value="1" /><label for="ll">理论用量</label></td></tr>
  161. <tr><td algin="left"><input name="tjTarget" id="sj" type="radio" value="2" /><label for="sj">实际用量</label></td></tr>
  162. </table>
  163. </fieldset>
  164. </td>
  165. </tr>
  166. <tr>
  167. <td height="20">勾选统计饲料</td>
  168. <td height="20"><input type="button" style="height:25px;" value="取消选择" onclick="not_Click()" /></td>
  169. </tr>
  170. <tr>
  171. <td style="vertical-align:top;" colspan="2">
  172. <div id="feeddiv" style="overflow-x: auto; overflow-y: auto; height:100px; width:99%;">
  173. <table cellspacing="1" cellpadding="0" border="0" style="width: 99%;">
  174. <c:forEach items="${feeds }" var="feed">
  175. <tr><td algin="left"><input name="feedId" type="checkbox" value="${feed.ID}"><c:out value="${feed.FNAME}" /></input></td></tr>
  176. </c:forEach>
  177. </table>
  178. </div>
  179. </td>
  180. </tr>
  181. </table>
  182. </div>
  183. </body>
  184. </html>