Index.cshtml 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  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 selectedRowIndex = 0;
  24. var $gridTable = $('#gridTable');
  25. $gridTable.jqGrid({
  26. autowidth: true,
  27. height: $(window).height() - 136.5,
  28. url: "../../InstallManage/ImportUser/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: 'CustomerAddr', index: 'CustomerAddr', width: 200, align: 'center', sortable: true },
  36. { label: '导入状态', name: 'CreateCusInfoType', index: 'CreateCusInfoType', width: 80, align: 'center', sortable: true },
  37. { label: '导入人员', name: 'CreateCusInfoOperater', index: 'CreateCusInfoOperater', width: 80, align: 'center', sortable: true },
  38. { label: '导入时间', name: 'CreateCusInfoTime', index: 'CreateCusInfoTime', width: 130, align: 'left', sortable: true, formatter: "date", formatoptions: { srcformat: 'Y-m-d H:i', newformat: 'Y-m-d H:i' } },
  39. //{ label: '备注', name: 'Description', index: 'Description', width: 200, align: 'left', sortable: true },
  40. ],
  41. viewrecords: true,
  42. rowNum: 30,
  43. rowList: [30, 50, 100],
  44. pager: "#gridPager",
  45. sortname: 'Apply_ID',
  46. sortorder: 'desc',
  47. rownumbers: true,
  48. shrinkToFit: false,
  49. gridview: true,
  50. onSelectRow: function () {
  51. selectedRowIndex = $('#' + this.id).getGridParam('selrow');
  52. },
  53. gridComplete: function () {
  54. $('#' + this.id).setSelection(selectedRowIndex, false);
  55. }
  56. });
  57. //$gridTable.authorizeColModel();
  58. //查询事件
  59. $("#btn_point_Search").click(function () {
  60. var PointStartTime = $("#PointStartTime").val();
  61. var PointEndTime = $("#PointEndTime").val();
  62. var type = $("#surveyType").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, type:type },
  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_start() {
  81. var keyValue = $("#gridTable").jqGridRowValue('Apply_ID');
  82. //var type = $("#surveyType").val();
  83. if (checkedRow(keyValue)) {
  84. $.ajax({
  85. url: "/InstallManage/ImportUser/UpdateType",
  86. dateType: "json",
  87. type: "Post",
  88. data: {appId:keyValue,Type:"1"},
  89. success: function (data) {
  90. console.log(data);
  91. $("#gridTable").trigger("reloadGrid");
  92. }
  93. });
  94. //dialogOpen({
  95. // id: 'Form',
  96. // title: '缴费',
  97. // url: '/InstallManage/Payment/Form?keyValue=' + keyValue + "&type=" + type,
  98. // width: '870px',
  99. // height: '600px',
  100. // callBack: function (iframeId) {
  101. // top.frames[iframeId].AcceptClick();
  102. // }
  103. //})
  104. }
  105. }
  106. </script>
  107. <div class="titlePanel">
  108. <div class="title-search">
  109. <table>
  110. <tr>
  111. <td style="padding-left: 10px;">开始时间:
  112. </td>
  113. <td style="padding-left: 10px;">
  114. <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">
  115. </td>
  116. <td style="padding-left: 10px;">结束时间:
  117. </td>
  118. <td style="padding-left: 10px;">
  119. <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">
  120. </td>
  121. <td style="padding-left: 10px;">导入情况:
  122. </td>
  123. <td>
  124. <select id="surveyType">
  125. <option value ="0">未导入</option>
  126. <option value ="1">已导入</option>
  127. </select>
  128. </td>
  129. <td style="padding-left: 10px;">
  130. <a id="btn_point_Search" class="btn btn-primary">&nbsp;查&nbsp;&nbsp;询</a>
  131. </td>
  132. </tr>
  133. </table>
  134. </div>
  135. <div class="toolbar">
  136. <div class="btn-group">
  137. <a id="import" class="btn btn-default" onclick="btn_start()"><i class="fa fa-plus"></i>&nbsp;确认导入</a>
  138. </div>
  139. <script>$('.toolbar').authorizeButton()</script>
  140. </div>
  141. </div>
  142. <div class="gridPanel">
  143. <table id="gridTable"></table>
  144. <div id="gridPager"></div>
  145. </div>