feedstoragereport.jsp 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. <%@ page contentType="text/html; charset=utf-8" session="false" %>
  2. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
  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" language="javascript" src="${contextPath}/js/highslide.js"></script>
  9. <script type="text/javascript">
  10. var mydata,loadcount=0,type = "link";
  11. $(document).ready( function() {
  12. $("input.datebox").bind("click", function() {WdatePicker();});
  13. setNowDate();
  14. });
  15. //初始化日期
  16. function setNowDate(){
  17. var myDate = new Date();
  18. var year = myDate.getFullYear();
  19. var month = myDate.getMonth()+1;
  20. var day = myDate.getDate();
  21. var yesterday = day-1;
  22. var nowdate = year + "-" + month + "-" + day;
  23. $("#endDate").val(nowdate);
  24. var lastmonth = myDate.getMonth();
  25. var lastdate = year + "-" + month + "-" + yesterday;
  26. $("#beginDate").val(lastdate);
  27. }
  28. function leftDate(){
  29. var beginDate = $("#beginDate").val();
  30. var endDate = $("#endDate").val();
  31. var newbDate = checkDate(beginDate,"left");
  32. var neweDate = checkDate(endDate,"left");
  33. $("#beginDate").val(newbDate);
  34. $("#endDate").val(neweDate);
  35. queryDate(); //加载jqgrid
  36. }
  37. function rightDate(){
  38. var beginDate = $("#beginDate").val();
  39. var endDate = $("#endDate").val();
  40. var newbDate = checkDate(beginDate,"");
  41. var neweDate = checkDate(endDate,"");
  42. $("#beginDate").val(newbDate);
  43. $("#endDate").val(neweDate);
  44. queryDate(); //加载jqgrid
  45. }
  46. //查询数据
  47. function queryDate(){
  48. //清空主表数据重新加载一次
  49. //$("#list").clearGridData();
  50. //loadList();
  51. var beginDate = $("#beginDate").val();
  52. var endDate = $("#endDate").val();
  53. var d1 = new Date(beginDate.replace(/\-/g, "\/"));
  54. var d2 = new Date(endDate.replace(/\-/g, "\/"));
  55. confirmdate();
  56. if(beginDate==""){
  57. alert("请选择开始日期");
  58. $("#beginDate").focus();
  59. }else if(endDate==""){
  60. alert("请选择结束日期");
  61. $("#endDate").focus();
  62. }
  63. else if(d1>d2){
  64. alert("开始日期不能大于结束日期");
  65. }
  66. else{
  67. if(type == "link"){
  68. loadList(); //第一次加载jqgrid
  69. type = "query";
  70. }else{
  71. //重新加载json类型
  72. jQuery("#list").jqGrid("setGridParam",{
  73. url:"${contextPath }/admin/feedstorage/storagelist.html",
  74. postData:{"beginDate":beginDate,"endDate":endDate}
  75. }
  76. ).trigger("reloadGrid");
  77. }
  78. }
  79. $("#list").jqGrid("setGridHeight",$(window).height() - 135);
  80. $("#list").jqGrid("setGridWidth",document.body.clientWidth - 5);
  81. }
  82. //导出配方
  83. function exportExcel(){
  84. var beginDate = $("#beginDate").val();
  85. var endDate = $("#endDate").val();
  86. document.location.href="${contextPath}/admin/feedstorage/feedstoragereportExcel.html?beginDate="+beginDate+"&endDate="+endDate;
  87. }
  88. function confirmdate(){
  89. var beginDate=$("#beginDate").val();
  90. $.ajax({
  91. async: false,
  92. type: 'POST',
  93. data: "beginDate="+beginDate,
  94. dataType: 'json',
  95. url: "${contextPath}/admin/feedstorage/checkbdate.html",
  96. error: function(){alert("系统错误");},
  97. success: function(json){
  98. if(json.status == "success"){
  99. return true;
  100. }
  101. else{
  102. alert(json.msg);
  103. return false;
  104. }
  105. }
  106. });
  107. }
  108. //jqgrid初始化
  109. function loadList(){
  110. var beginDate = $("#beginDate").val();
  111. var endDate = $("#endDate").val();
  112. jQuery("#list").jqGrid({
  113. url: "${contextPath }/admin/feedstorage/storagelist.html?beginDate="+beginDate+"&endDate="+endDate,
  114. datatype: "json", //从服务器端返回的数据类型,(表格期望接收的数据类型)。可选类型:xml,xmlstring,json,local,function
  115. colNames:["饲料名称","期初","入库","损耗","用料","期末"], //列名
  116. colModel:[
  117. {name: "FeedName",index: "FeedName", align: "center",sortable:false},
  118. {name: "qc",index: "qc", align: "center",sortable:false},
  119. {name:"rk",index: "rk", align: "center",sortable:false},
  120. {name:"sh",index: "sh", align: "center",sortable:false},
  121. {name: "yl",index: "yl", align: "center",sortable:false},
  122. {name: "qm",index: "qm",width:"100px", align: "center",sortable:false},
  123. ],
  124. caption: "库存信息", //标题
  125. pager: "#page", //#page分页控件绑定的位置对象
  126. rowNum: 500, //每页显示条数
  127. rowList: [15,30,50], //分页下拉选项内容
  128. viewrecords: true, //是否显示总条数
  129. emptyrecords: "无数据", //服务器返回空列表时显示的内容
  130. autowidth: true, //自动调节宽度
  131. toolbar: [true,"top"],
  132. jsonReader: {
  133. root: "rows", //数据行
  134. page: "page", // 当前页
  135. total: "total", // 总页数
  136. records: "records", //总共有几条记录
  137. repeatitems: false, // 设置成false,在后台设置值的时候,可以乱序。且并非每个值都得设
  138. cell: "cell",
  139. id: "FeedName"
  140. }
  141. });}
  142. </script>
  143. <body style="background-color: #E0E0E0">
  144. <div>
  145. <div class="navfrm">
  146. <span>当前位置:</span>
  147. <span><a href="${contextPath }/admin/welcome.html">首页</a></span>
  148. <span>&nbsp;>>&nbsp;</span>
  149. <span>库存量统计</span>
  150. </div>
  151. <input id="beginDate" name="beginDate" style="width:100px;" class="datebox" value="" /> -
  152. <input id="endDate" name="endDate" style="width:100px;" class="datebox" value=""/>
  153. <input type="button" value="<" onclick="leftDate();" /><input type="button" value=">" onclick="rightDate();" />
  154. <input type="button" value="统计" onclick="queryDate()" class="sysub" />
  155. <input type="button" value="导出Excel" onclick="exportExcel()" class="sysub" />
  156. <table id="list"></table>
  157. </div>
  158. </body>
  159. </html>