MeterForm.cshtml 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. @{
  2. ViewBag.Title = "表设备管理";
  3. Layout = "~/Views/Shared/_Form.cshtml";
  4. }
  5. <script>
  6. var keyValue = request('keyValue');
  7. $(function () {
  8. initControl();
  9. })
  10. //初始化控件
  11. function initControl() {
  12. //类型
  13. $("#IsKaoHe").ComboBox({
  14. description: "==请选择类型==",
  15. height: "170px"
  16. });
  17. //表类型
  18. $("#MeterTypeId").ComboBoxTree({
  19. url: "/PipeNetworkManage/Meter/GetTreeJson",
  20. id: "ItemValue",
  21. text: "ItemName",
  22. description: "==请选择==",
  23. height: "200px"
  24. });
  25. //厂商编号
  26. $("#ManufacturerCode").ComboBoxTree({
  27. url: "/PipeNetworkManage/Meter/GetManufacturerCode",
  28. id: "ItemValue",
  29. text: "ItemName",
  30. description: "==请选择==",
  31. height: "200px"
  32. });
  33. $("#MeterAssessmentId").val(keyValue == "" ? "0" : keyValue);
  34. //获取表单
  35. if (!!keyValue) {
  36. $.SetForm({
  37. url: "/PipeNetworkManage/Meter/GetMeterFormJson",
  38. param: { keyValue: keyValue },
  39. success: function (data) {
  40. $("#form1").SetWebControls(data);
  41. }
  42. });
  43. }
  44. }
  45. //保存表单
  46. function AcceptClick() {
  47. if (!$('#form1').Validform()) {
  48. return false;
  49. }
  50. var postData = $("#form1").GetWebControls(keyValue);
  51. //postData 格式化 将&nbsp; 替换为 ""
  52. for (var i in postData) {
  53. if (postData[i] == "&nbsp;") {
  54. postData[i] = "";
  55. }
  56. }
  57. $.SaveForm({
  58. url: "/PipeNetworkManage/Meter/SaveMeterForm?keyValue=" + keyValue,
  59. param: { "keyValue": keyValue, "strMeter": JSON.stringify(postData) },
  60. loading: "正在保存数据...",
  61. success: function () {
  62. $.currentIframe().$("#gridTable").resetSelection();
  63. $.currentIframe().$("#gridTable").trigger("reloadGrid");
  64. }
  65. })
  66. }
  67. // 调出百度地图
  68. // 添加
  69. function btnMap() {
  70. dialogOpen({
  71. id: "BaiduMap",
  72. title: '添加测点',
  73. url: '/PipeNetworkManage/Meter/BaiduMap',
  74. width: "1100px",
  75. height: "700px",
  76. callBack: function (iframeId) {
  77. top.frames[iframeId].AcceptClick(function callback(result) {
  78. $("#LngAndLat").val(result);
  79. });
  80. }
  81. });
  82. }
  83. </script>
  84. <style type="text/css">
  85. .form .formTitle {
  86. width: 80px;
  87. }
  88. </style>
  89. <div style="margin-left: 10px; margin-top: 20px; margin-right: 30px;">
  90. <table class="form">
  91. <tr>
  92. <th class="formTitle">考核表名称<font face="宋体">*</font></th>
  93. <td class="formValue">
  94. <input id="MeterAssessmentName" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" errormsg="请输入表名称" placeholder="请输入表名称" />
  95. </td>
  96. <input id="MeterAssessmentId" class="form-control" type="hidden" />
  97. <th class="formTitle">考核表类型<font face="宋体">*</font></th>
  98. <td class="formValue">
  99. <div id="MeterTypeId" type="select" class="ui-select" isvalid="yes" checkexpession="NotNull" errormsg="请选择表类型">
  100. </div>
  101. </td>
  102. </tr>
  103. <tr>
  104. <th class="formTitle">考核表编号<font face="宋体">*</font></th>
  105. <td class="formValue">
  106. <input id="MeterAssessmentCode" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" errormsg="考核表编号不能为空" placeholder="请输入考核表编号" />
  107. </td>
  108. <th class="formTitle">厂商编码<font face="宋体">*</font></th>
  109. <td class="formValue">
  110. <div id="ManufacturerCode" type="select" class="ui-select" isvalid="yes" checkexpession="NotNull" errormsg="请选择厂商编码">
  111. </div>
  112. </td>
  113. </tr>
  114. <tr>
  115. <th class="formTitle">表类型<font face="宋体">*</font></th>
  116. <td class="formValue">
  117. <div id="IsKaoHe" type="select" class="ui-select" isvalid="yes" checkexpession="NotNull" errormsg="请选择表类型">
  118. <ul>
  119. <li data-value="0">贸易表</li>
  120. <li data-value="1">考核表</li>
  121. </ul>
  122. </div>
  123. </td>
  124. </tr>
  125. <tr>
  126. <th class="formTitle">经纬度</th>
  127. <td class="formValue">
  128. <input id="LngAndLat" type="text" class="form-control" readonly />
  129. </td>
  130. <td>
  131. &nbsp;&nbsp;
  132. <a id="lr-add" class="btn btn-primary " onclick="btnMap()"><i class="fa fa-plus"></i>&nbsp;地图</a>
  133. </td>
  134. </tr>
  135. </table>
  136. </div>