Index.cshtml 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. @{
  2. ViewBag.Title = "Index";
  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 selectedRowIndex = 0;
  24. var $gridTable = $('#gridTable');
  25. $gridTable.jqGrid({
  26. autowidth: true,
  27. height: $(window).height() - 136.5,
  28. url: "../../InstallManage/InstallApply/GetListJson",
  29. datatype: "json",
  30. colModel: [
  31. { label: '申请主键', name: 'Apply_ID', index: 'Apply_ID', width: 100, align: 'left', sortable: true, hidden: true },
  32. { label: '申请编号', name: 'Apply_Number', index: 'Apply_Number', width: 100, align: 'left', sortable: true },
  33. { label: '客户姓名', name: 'CustomerName', index: 'CustomerName', width: 80, align: 'left', sortable: true },
  34. { label: '联系人', name: 'LinkMan', index: 'LinkMan', width: 80, align: 'center', sortable: true },
  35. { label: '联系人电话', name: 'LinkManMobile', index: 'LinkManMobile', width: 80, align: 'center', sortable: true },
  36. { label: '客户地址', name: 'CustomerAddr', index: 'CustomerAddr', width: 200, align: 'center', sortable: true },
  37. { label: '申请户数', name: 'ApplyHouseHold_Num', index: 'ApplyHouseHold_Num', width: 80, align: 'left', sortable: true },
  38. { label: '操作员', name: 'Operater', index: 'Operater', width: 80, align: 'left', sortable: true },
  39. { label: '申请时间', name: 'ApplyTime', index: 'ApplyTime', width: 130, align: 'left', sortable: true, formatter: "date", formatoptions: { srcformat: 'Y-m-d H:i', newformat: 'Y-m-d H:i' } },
  40. //{ label: '备注', name: 'Description', index: 'Description', width: 200, align: 'left', sortable: true },
  41. ],
  42. viewrecords: true,
  43. rowNum: 30,
  44. rowList: [30, 50, 100],
  45. pager: "#gridPager",
  46. sortname: 'Apply_ID',
  47. sortorder: 'desc',
  48. rownumbers: true,
  49. shrinkToFit: false,
  50. gridview: true,
  51. onSelectRow: function () {
  52. selectedRowIndex = $('#' + this.id).getGridParam('selrow');
  53. },
  54. gridComplete: function () {
  55. $('#' + this.id).setSelection(selectedRowIndex, false);
  56. }
  57. });
  58. //$gridTable.authorizeColModel();
  59. //查询事件
  60. $("#btn_point_Search").click(function () {
  61. var PointStartTime = $("#PointStartTime").val();
  62. var PointEndTime = $("#PointEndTime").val();
  63. if (PointStartTime.length <= 0 || PointEndTime.length <= 0) {
  64. dialogMsg('请选择时间!', 0);
  65. return;
  66. }
  67. $gridTable.jqGrid('setGridParam', {
  68. postData: { startTime: PointStartTime, endTime: PointEndTime },
  69. page: 1
  70. }).trigger('reloadGrid');
  71. });
  72. //查询回车
  73. $('#txt_Keyword').bind('keypress', function (event) {
  74. if (event.keyCode == "13") {
  75. $('#btn_Search').trigger("click");
  76. }
  77. });
  78. }
  79. //新增
  80. function btn_add() {
  81. dialogOpen({
  82. id: 'Form',
  83. title: '报装申请',
  84. url: '/InstallManage/InstallApply/Form',
  85. width: '750px',
  86. height: '350px',
  87. callBack: function (iframeId) {
  88. top.frames[iframeId].AcceptClick();
  89. }
  90. });
  91. }
  92. </script>
  93. <div class="titlePanel">
  94. <div class="title-search">
  95. <table>
  96. <tr>
  97. <td style="padding-left: 10px;">开始时间:
  98. </td>
  99. <td style="padding-left: 10px;">
  100. <input id="PointStartTime" readonly type="text" value="@LeaRun.Util.Time.GetDate(-7)" class="form-control input-wdatepicker" onfocus="WdatePicker({maxDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd HH:mm:ss'})" style="width:175px">
  101. </td>
  102. <td style="padding-left: 10px;">结束时间:
  103. </td>
  104. <td style="padding-left: 10px;">
  105. <input id="PointEndTime" readonly type="text" value="@LeaRun.Util.Time.GetToday()" class="form-control input-wdatepicker" onfocus="WdatePicker({maxDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd HH:mm:ss'})" style="width:175px">
  106. </td>
  107. <td style="padding-left: 10px;">
  108. <a id="btn_point_Search" class="btn btn-primary">&nbsp;查&nbsp;&nbsp;询</a>
  109. </td>
  110. </tr>
  111. </table>
  112. </div>
  113. <div class="toolbar">
  114. <div class="btn-group">
  115. <a id="InstallApply_Add" class="btn btn-default" onclick="btn_add()"><i class="fa fa-plus"></i>&nbsp;申请</a>
  116. </div>
  117. <script>$('.toolbar').authorizeButton()</script>
  118. </div>
  119. </div>
  120. <div class="gridPanel">
  121. <table id="gridTable"></table>
  122. <div id="gridPager"></div>
  123. </div>