You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

228 lines
9.2 KiB

3 weeks ago
  1. @{
  2. ViewBag.Title = "Index";
  3. Layout = "~/Views/Shared/_Index.cshtml";
  4. }
  5. <script src="~/Content/js/datepicker/WdatePicker.js"></script>
  6. <script>
  7. debugger;
  8. var myDate = new Date;
  9. var year = myDate.getFullYear(); //获取当前年
  10. var mon = myDate.getMonth() + 1 < 10 ? "0" + (myDate.getMonth() + 1) : myDate.getMonth() + 1; //获取当前月
  11. var date = myDate.getDate() + 1 < 10 ? "0" + myDate.getDate() : myDate.getDate(); //获取当前日
  12. var MtimeFrom = year + "-" + mon + "-" + date;
  13. var MtimeArrive = year + "-" + mon + "-" + date;
  14. var _Clos = new Array();
  15. $(function () {
  16. SetCols();
  17. gridList();
  18. });
  19. function Selchange() {
  20. document.getElementById("gridPanel").innerHTML = '<table id="gridList"></table> <div id="gridPager"></div>';//重置grid
  21. gridList();
  22. }
  23. function SetCols() {
  24. $.ajax({
  25. url: "/Print/SelectColumnName?" + Math.random(),
  26. dataType: "json",
  27. async: false,
  28. success: function (data) {
  29. var cols = new Array();
  30. var collast = { label: '物料编码', name: 'InvCode', width: 150, align: 'left' };
  31. cols.push(collast);
  32. var collast = { label: '物料名称', name: 'InvName', width: 200, align: 'left' };
  33. cols.push(collast);
  34. var collast = { label: '物料规格', name: 'InvStd', width: 200, align: 'left' };
  35. cols.push(collast);
  36. var collast = { label: '旧料号', name: 'OldInvCode', width: 150, align: 'left' };
  37. cols.push(collast);
  38. var collast = { label: '大类编码', name: 'ClassCode', width: 150, align: 'left' };
  39. cols.push(collast);
  40. var collast = { label: '大类名称', name: 'ClassName', width: 150, align: 'left' };
  41. cols.push(collast);
  42. var collast = { label: '单位', name: 'InvUnit', width: 150, align: 'left' };
  43. cols.push(collast);
  44. var collast = { label: '仓库编码', name: 'WarehouseCode', width: 120, align: 'left' };
  45. cols.push(collast);
  46. var collast = { label: '仓库名称', name: 'WarehouseName', width: 150, align: 'left' };
  47. cols.push(collast);
  48. var collast = { label: '期初数量', name: 'QCQuantity', width: 120, align: 'left' };
  49. cols.push(collast);
  50. var collast = { label: '收料数量', name: 'SQuantity', width: 150, align: 'left' };
  51. cols.push(collast);
  52. var collast = { label: '发料数量', name: 'FQuantity', width: 150, align: 'left' };
  53. cols.push(collast);
  54. var collast = { label: '库存数量', name: 'Quantity', width: 200, align: 'left' };
  55. cols.push(collast);
  56. _Clos = cols;
  57. }
  58. });
  59. }
  60. function gridList() {
  61. var Type = $("#selShow").val();
  62. var $gridList = $("#gridList");
  63. var queryJson = {
  64. StartDate: $("#txt_StartDate").val(),
  65. EndDate: $("#txt_EndDate").val(),
  66. InvCode: $("#txt_InvCode").val(),
  67. WHCode: $("#txt_WHCode").val(),
  68. InvName: $("#txt_InvName").val(),
  69. InvStd: $("#txt_InvStd").val(),
  70. }
  71. $gridList.dataGrid({
  72. url: "/DHAY/ICSWareHouseLotInfoLog/GetList? " + Math.random(),
  73. postData: { queryJson: JSON.stringify(queryJson), Type: Type },
  74. height: $(window).height() - 150,
  75. width: $(window).width() - 500,
  76. colModel: _Clos,
  77. shrinkToFit: false,//宽度自适应
  78. autowidth: true,
  79. gridComplete: function () {
  80. },
  81. pager: "#gridPager",
  82. autoScroll: true,
  83. sortname: 'InvCode',
  84. sortorder: "desc",
  85. viewrecords: true,
  86. multiselect: true,
  87. subGrid: false, // (1)开启子表格支持
  88. //subGridRowExpanded: function (subgrid_id, rowid) { // (2)子表格容器的id和需要展开子表格的行id,将传入此事件函数
  89. // $("#gridList").jqGrid("setSelection", rowid, false);
  90. // bindSubGrid(subgrid_id, rowid)
  91. //},
  92. //gridComplete: function () {
  93. // debugger;
  94. // var strIds = $("#gridList").jqGrid("getDataIDs");
  95. //}
  96. });
  97. $("#btn_search").click(function () {
  98. var queryJson = {
  99. StartDate: $("#txt_StartDate").val(),
  100. EndDate: $("#txt_EndDate").val(),
  101. InvCode: $("#txt_InvCode").val(),
  102. WHCode: $("#txt_WHCode").val(),
  103. InvName: $("#txt_InvName").val(),
  104. InvStd: $("#txt_InvStd").val(),
  105. }
  106. $gridList.jqGrid('setGridParam', {
  107. postData: { queryJson: JSON.stringify(queryJson) },
  108. }).trigger('reloadGrid');
  109. });
  110. }
  111. function btn_ExportAll() {
  112. debugger;
  113. var queryData = "&StartDate=" + $("#txt_StartDate").val() +
  114. "&EndDate=" + $("#txt_EndDate").val() +
  115. "&InvCode=" + $("#txt_InvCode").val() +
  116. "&WHCode=" + $("#txt_WHCode").val() +
  117. "&InvName=" + $("#txt_InvName").val()+
  118. "&InvStd=" + $("#txt_InvStd").val();
  119. $.download("/DHAY/ICSWareHouseLotInfoLog/StatementExportAll" + "?" + Math.random(), queryData, 'post');
  120. }
  121. function fullscreen() {
  122. var docElm = document.documentElement;
  123. if (docElm.requestFullscreen) {
  124. docElm.requestFullscreen();
  125. } else if (docElm.mozRequestFullScreen) {
  126. docElm.mozRequestFullScreen();
  127. } else if (docElm.webkitRequestFullScreen) {
  128. docElm.webkitRequestFullScreen();
  129. } else if (docElm.msRequestFullscreen) {
  130. docElm.msRequestFullscreen();
  131. }
  132. $(window).bind('resize', function () {
  133. $("#gridList").setGridWidth($(window).width());
  134. }).trigger('resize');
  135. $(window).bind('resize', function () {
  136. $("#gridList").setGridHeight($(window).height());
  137. }).trigger('resize');
  138. }
  139. </script>
  140. <div class="topPanel" style="height:60px;">
  141. <div class="toolbar">
  142. <div class="btn-group">
  143. <a id="NF-Print" authorize="yes" style="margin-left:3px;" class="btn btn-primary" onclick="btnPrint()"><i class="fa fa-pencil-square-o"></i>打印</a>
  144. <a id="NF-ExportAll" authorize="yes" class="btn btn-primary dropdown-text" onclick="btn_ExportAll()"><i class="fa fa-download"></i>全部导出</a>
  145. </div>
  146. <script>$('.toolbar').authorizeButton()</script>
  147. </div>
  148. <div class="search">
  149. <table>
  150. <tr>
  151. <td style="text-align:right;"><label class="lglabel" for="txt_InvCode">&nbsp;&nbsp;&nbsp;料品编码</label>:</td>
  152. <td>
  153. <div class="input-group">
  154. <input id="txt_InvCode" type="text" class="form-control" style="width: 100px;">
  155. </div>
  156. </td>
  157. <td style="text-align:right;"><label class="lglabel" for="txt_WHCode">&nbsp;&nbsp;&nbsp;仓库编码</label>:</td>
  158. <td>
  159. <div class="input-group">
  160. <input id="txt_WHCode" type="text" class="form-control" style="width: 100px;">
  161. </div>
  162. </td>
  163. <td style="text-align:right;"><label class="lglabel" for="txt_InvName">&nbsp;&nbsp;&nbsp;物料名称</label>:</td>
  164. <td>
  165. <div class="input-group">
  166. <input id="txt_InvName" type="text" class="form-control" style="width: 100px;">
  167. </div>
  168. </td>
  169. <td style="text-align:right;"><label class="lglabel" for="txt_InvStd">&nbsp;&nbsp;&nbsp;物料规格</label>:</td>
  170. <td>
  171. <div class="input-group">
  172. <input id="txt_InvStd" type="text" class="form-control" style="width: 100px;">
  173. </div>
  174. </td>
  175. <th class="formTitle">&nbsp;&nbsp;&nbsp;开始时间:</th>
  176. <td class="formValue">
  177. <input type="text" name="txt_StartDate" id="txt_StartDate" class="form-control" style="width: 100px; height:22px" onclick="WdatePicker({ dateFmt: 'yyyy-MM-dd' })" placeholder="开始日期" />
  178. </td>
  179. <th class="formTitle">&nbsp;&nbsp;&nbsp;结束时间:</th>
  180. <td class="formValue">
  181. <input type="text" name="txt_EndDate" id="txt_EndDate" class="form-control" style="width: 100px; height: 22px " onclick="WdatePicker({ dateFmt: 'yyyy-MM-dd', minDate: txt_StartDate.value })" placeholder="结束日期" />
  182. </td>
  183. <td>
  184. <span class="input-group-btn">
  185. <button id="btn_search" type="button" class="btn btn-primary"><i class="fa fa-search"></i></button>
  186. </span>
  187. </td>
  188. </tr>
  189. </table>
  190. </div>
  191. </div>
  192. <div class="gridPanel">
  193. <table id="gridList"></table>
  194. <div id="gridPager"></div>
  195. </div>