Index.cshtml 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  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/Engineer/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: 'ConstructionType', index: 'ConstructionType', width: 80, align: 'center', sortable: true },
  37. { label: '施工员', name: 'ConstructionOperater', index: 'ConstructionOperater', width: 80, align: 'center', sortable: true },
  38. { label: '施工时间', name: 'ConstructionTime', index: 'ConstructionTime', 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_add() {
  81. dialogOpen({
  82. id: 'Form',
  83. title: '审核',
  84. url: '/InstallManage/MasterVerify/Form',
  85. width: '850px',
  86. height: '600px',
  87. callBack: function (iframeId) {
  88. top.frames[iframeId].AcceptClick();
  89. }
  90. });
  91. }
  92. //完成施工
  93. function btn_edit() {
  94. var keyValue = $("#gridTable").jqGridRowValue('Apply_ID');
  95. //var type = $("#surveyType").val();
  96. if (checkedRow(keyValue)) {
  97. $.ajax({
  98. url: "/InstallManage/Engineer/UpdateType",
  99. dateType: "json",
  100. type: "Post",
  101. data: { appId: keyValue, Type: "2" },
  102. success: function (data)
  103. {
  104. console.log(data);
  105. $("#gridTable").trigger("reloadGrid");
  106. }
  107. });
  108. }
  109. }
  110. //
  111. function btn_start() {
  112. var keyValue = $("#gridTable").jqGridRowValue('Apply_ID');
  113. //var type = $("#surveyType").val();
  114. if (checkedRow(keyValue)) {
  115. $.ajax({
  116. url: "/InstallManage/Engineer/UpdateType",
  117. dateType: "json",
  118. type: "Post",
  119. data: {appId:keyValue,Type:"1"},
  120. success: function (data) {
  121. console.log(data);
  122. $("#gridTable").trigger("reloadGrid");
  123. }
  124. });
  125. //dialogOpen({
  126. // id: 'Form',
  127. // title: '缴费',
  128. // url: '/InstallManage/Payment/Form?keyValue=' + keyValue + "&type=" + type,
  129. // width: '870px',
  130. // height: '600px',
  131. // callBack: function (iframeId) {
  132. // top.frames[iframeId].AcceptClick();
  133. // }
  134. //})
  135. }
  136. }
  137. </script>
  138. <div class="titlePanel">
  139. <div class="title-search">
  140. <table>
  141. <tr>
  142. <td style="padding-left: 10px;">开始时间:
  143. </td>
  144. <td style="padding-left: 10px;">
  145. <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">
  146. </td>
  147. <td style="padding-left: 10px;">结束时间:
  148. </td>
  149. <td style="padding-left: 10px;">
  150. <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">
  151. </td>
  152. <td style="padding-left: 10px;">施工情况:
  153. </td>
  154. <td>
  155. <select id="surveyType">
  156. <option value ="0">未施工</option>
  157. <option value ="1">施工中</option>
  158. <option value ="2">已完成</option>
  159. </select>
  160. </td>
  161. <td style="padding-left: 10px;">
  162. <a id="btn_point_Search" class="btn btn-primary">&nbsp;查&nbsp;&nbsp;询</a>
  163. </td>
  164. </tr>
  165. </table>
  166. </div>
  167. <div class="toolbar">
  168. <div class="btn-group">
  169. <a id="Construtic_start" class="btn btn-default" onclick="btn_start()"><i class="fa fa-plus"></i>&nbsp;开始施工</a>
  170. <a id="Constructic_end" class="btn btn-default" onclick="btn_edit()"><i class="fa fa-plus"></i>&nbsp;完成施工</a>
  171. </div>
  172. <script>$('.toolbar').authorizeButton()</script>
  173. </div>
  174. </div>
  175. <div class="gridPanel">
  176. <table id="gridTable"></table>
  177. <div id="gridPager"></div>
  178. </div>