Index.cshtml 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. @{
  2. ViewBag.Title = "设备管理";
  3. Layout = "~/Views/Shared/_LayoutIndex.cshtml";
  4. }
  5. <script>
  6. $(function () {
  7. InitialPage();
  8. GetGrid();
  9. });
  10. //初始化页面
  11. function InitialPage() {
  12. //resize重设(表格、树形)宽高
  13. $(window).resize(function (e) {
  14. window.setTimeout(function () {
  15. $('#gridTable').setGridWidth(($('.gridPanel').width()));
  16. //$("#gridTable").setGridHeight($(window).height() - 136.5);
  17. }, 200);
  18. e.stopPropagation();
  19. });
  20. }
  21. //加载表格
  22. function GetGrid() {
  23. var $gridTable = $('#gridTable');
  24. $gridTable.jqGrid({
  25. url: "",
  26. datatype: "json",
  27. height: $(window).height() - 140.5,
  28. autowidth: true,
  29. colModel: [
  30. { label: '主键', name: 'SaleId', hidden: false, frozen: true },
  31. { label: '编码', name: 'Code', width: 100, frozen: true, align: 'center' },
  32. {
  33. label: '单据号', name: 'SaleSerialNumer', width: 280, align: 'center', frozen: true,
  34. },
  35. {label: '开单日期', name: 'CreateDt', width: 100, align: 'center', frozen: true },
  36. { label: '客户名称', name: 'CustomerName', width: 100, frozen: true, align: 'center' },
  37. { label: '类型', name: 'OrderType', width: 100, frozen: true, align: 'center' },
  38. { label: '业务员', name: 'SalemanName', width: 100, frozen: true, align: 'center' },
  39. { label: '订购货款', name: 'OrderPayment', width: 80, frozen: true, align: 'center' },
  40. { label: '审核', name: 'IsAccept', width: 80, frozen: true, align: 'center' },
  41. { label: '审核人', name: 'AcceptOperator', width: 80, frozen: true, align: 'center' },
  42. { label: '审核时间', name: 'AcceptDt', width: 120, frozen: true, align: 'center' },
  43. { label: '出库', name: 'Delivery', width: 80, frozen: true, align: 'center' },
  44. { label: '出库人', name: 'DeliveryOperator', align: 'center', frozen: true, width: 80 },
  45. { label: '出库时间', name: 'DeliveryDt', width: 120, frozen: true, align: 'center' },
  46. { label: '是否收费', name: 'IsPay', width: 80, align: 'center' },
  47. { label: '是否现金', name: 'IsCash', width: 80, align: 'center' },
  48. { label: '发票编码', name: 'InvoiceCode', width: 80, align: 'center' },
  49. { label: '备注', name: 'remark', width: 100, align: 'center' },
  50. ],
  51. viewrecords: true,
  52. rowNum: 30,
  53. rowList: [30, 50, 100],
  54. pager: "#gridPager",
  55. rownumbers: true,
  56. shrinkToFit: false,
  57. gridview: true,
  58. gridComplete: function () {
  59. }
  60. });
  61. //$gridTable.jqGrid('setFrozenColumns');
  62. //查询条件
  63. $("#queryCondition .dropdown-menu li").click(function () {
  64. var text = $(this).find('a').html();
  65. var value = $(this).find('a').attr('data-value');
  66. $("#queryCondition .dropdown-text").html(text).attr('data-value', value)
  67. });
  68. //查询事件
  69. $("#btn_Search").click(function () {
  70. var queryJson = {
  71. condition: $("#queryCondition").find('.dropdown-text').attr('data-value'),
  72. keyword: $("#txt_Keyword").val()
  73. }
  74. $gridTable.jqGrid('setGridParam', {
  75. postData: { queryJson: JSON.stringify(queryJson) },
  76. page: 1
  77. }).trigger('reloadGrid');
  78. });
  79. //查询回车
  80. $('#txt_Keyword').bind('keypress', function (event) {
  81. if (event.keyCode == "13") {
  82. $('#btn_Search').trigger("click");
  83. }
  84. });
  85. }
  86. //新增
  87. function btn_add() {
  88. dialogOpen({
  89. id: "Form",
  90. title: '添加订单',
  91. url: '/WarehouseManage/Sales/SalesOrderForm',
  92. width: "750px",
  93. height: "460px",
  94. callBack: function (iframeId) {
  95. top.frames[iframeId].AcceptClick();
  96. }
  97. });
  98. };
  99. //编辑
  100. function btn_edit() {
  101. var keyValue = $("#gridTable").jqGridRowValue("SaleId");
  102. if (checkedRow(keyValue)) {
  103. dialogOpen({
  104. id: "Form",
  105. title: '编辑订单',
  106. url: '/WarehouseManage/Sales/SalesOrderForm?keyValue=' + keyValue,
  107. width: "750px",
  108. height: "460px",
  109. callBack: function (iframeId) {
  110. top.frames[iframeId].AcceptClick();
  111. }
  112. });
  113. }
  114. }
  115. //删除
  116. function btn_delete() {
  117. var keyValue = $("#gridTable").jqGridRowValue("SaleId");
  118. if (keyValue) {
  119. $.RemoveForm({
  120. url: "/SecondaryWaterSupply/Device/DelteDevice",
  121. param: { deviceId: keyValue },
  122. success: function (data) {
  123. $("#gridTable").trigger("reloadGrid");
  124. }
  125. })
  126. } else {
  127. dialogMsg('请选择需要删除的数据项!', 0);
  128. }
  129. }
  130. </script>
  131. <div class="titlePanel">
  132. <div class="title-search">
  133. <table>
  134. <tr>
  135. <td>
  136. <div id="queryCondition" class="btn-group">
  137. <a class="btn btn-default dropdown-text" data-toggle="dropdown">选择条件</a>
  138. <a class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
  139. <ul class="dropdown-menu">
  140. <li><a data-value="EnCode">角色编号</a></li>
  141. <li><a data-value="FullName">角色名称</a></li>
  142. </ul>
  143. </div>
  144. </td>
  145. <td style="padding-left: 2px;">
  146. <input id="txt_Keyword" type="text" class="form-control" placeholder="请输入要查询关键字" style="width: 200px;" />
  147. </td>
  148. <td style="padding-left: 5px;">
  149. <a id="btn_Search" class="btn btn-primary"><i class="fa fa-search"></i>&nbsp;查询</a>
  150. </td>
  151. </tr>
  152. </table>
  153. </div>
  154. <div class="toolbar">
  155. <div class="btn-group">
  156. <a id="lr-replace" class="btn btn-default" onclick="reload();"><i class="fa fa-refresh"></i>&nbsp;刷新</a>
  157. <a id="lr-add" class="btn btn-default" onclick="btn_add()"><i class="fa fa-plus"></i>&nbsp;新增</a>
  158. <a id="lr-edit" class="btn btn-default" onclick="btn_edit()"><i class="fa fa-pencil-square-o"></i>&nbsp;编辑</a>
  159. <a id="lr-delete" class="btn btn-default" onclick="btn_delete()"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
  160. </div>
  161. </div>
  162. </div>
  163. <div class="gridPanel">
  164. <table id="gridTable"></table>
  165. <div id="gridPager"></div>
  166. </div>