PipeLineForm.cshtml 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. @{
  2. ViewBag.Title = "表设备管理";
  3. Layout = "~/Views/Shared/_Form.cshtml";
  4. }
  5. <script>
  6. var keyValue = request('keyValue');
  7. var areaId = $.currentIframe().$("#hid_area_id").val();
  8. $(function () {
  9. initControl();
  10. })
  11. //初始化控件
  12. function initControl() {
  13. $("#PipeAreaId").val(areaId == "" ? "0" : areaId);
  14. $("#PipeLineId").val(keyValue == "" ? "0" : keyValue);
  15. //管线材质
  16. $("#PipeMaterial").ComboBox({
  17. description: "==请选择管线材质==",
  18. height: "170px"
  19. });
  20. //压力等级
  21. $("#PressureLevel").ComboBox({
  22. description: "==请选择压力等级==",
  23. height: "170px"
  24. });
  25. //使用状态
  26. $("#UseState").ComboBox({
  27. description: "==请选择使用状态==",
  28. height: "170px"
  29. });
  30. //获取表单
  31. if (!!keyValue) {
  32. $.SetForm({
  33. url: "/PipeNetworkManage/PipeMap/GetPipeLineFromJson",
  34. param: { lineId: keyValue },
  35. success: function (data) {
  36. $("#form1").SetWebControls(data);
  37. }
  38. });
  39. }
  40. }
  41. //保存表单
  42. function AcceptClick() {
  43. if (!$('#form1').Validform()) {
  44. return false;
  45. }
  46. var postData = $("#form1").GetWebControls(keyValue);
  47. //postData 格式化 将&nbsp; 替换为 ""
  48. for (var i in postData) {
  49. if (postData[i] == "&nbsp;") {
  50. postData[i] = "";
  51. }
  52. }
  53. $.SaveForm({
  54. url: "/PipeNetworkManage/PipeMap/SavePipeLine?lineId=" + keyValue,
  55. param: { "strLine": JSON.stringify(postData) },
  56. loading: "正在保存数据...",
  57. success: function () {
  58. //成功处理,管网区域列表增加。
  59. //$.currentIframe().$("#gridTable").trigger("reloadGrid");
  60. $.currentIframe().pipeLineShow(areaId);
  61. }
  62. })
  63. }
  64. </script>
  65. <style type="text/css">
  66. .form .formTitle {
  67. width: 80px;
  68. }
  69. </style>
  70. <div style="margin-left: 10px; margin-top: 20px; margin-right: 30px;">
  71. <table class="form">
  72. <tr>
  73. <th class="formTitle">管网名称<font face="宋体">*</font></th>
  74. <td class="formValue">
  75. <input id="PipeLineName" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" errormsg="请输入管网名称" placeholder="请输入管网名称" />
  76. </td>
  77. <input id="PipeLineId" class="form-control" type="hidden" />
  78. <input id="PipeAreaId" class="form-control" type="hidden" />
  79. <th class="formTitle">管网编号</th>
  80. <td class="formValue">
  81. <input id="PipeLineNo" type="text" class="form-control" placeholder="请输入管网编号" />
  82. </td>
  83. </tr>
  84. <tr>
  85. <th class="formTitle">材质</th>
  86. <td class="formValue">
  87. <div id="PipeMaterial" type="select" class="ui-select" >
  88. <ul>
  89. <li data-value="1">玻璃钢</li>
  90. <li data-value="2">钢</li>
  91. <li data-value="3">光纤</li>
  92. <li data-value="4">PE</li>
  93. <li data-value="5">PVC</li>
  94. <li data-value="6">球墨铸铁</li>
  95. <li data-value="7">石</li>
  96. <li data-value="8">石棉</li>
  97. <li data-value="9">砼</li>
  98. <li data-value="10">陶瓷</li>
  99. <li data-value="11">铜</li>
  100. <li data-value="12">铜芯铝绞线</li>
  101. <li data-value="13">砖</li>
  102. <li data-value="14">砖石</li>
  103. <li data-value="15">铸铁</li>
  104. <li data-value="99">其他</li>
  105. </ul>
  106. </div>
  107. </td>
  108. <th class="formTitle">管径</th>
  109. <td class="formValue">
  110. <input id="PipeCaliber" type="text" class="form-control" isvalid="yes" checkexpession="NumOrNull" errormsg="管径只能是数字" placeholder="请输入管径" />
  111. </td>
  112. </tr>
  113. <tr>
  114. <th class="formTitle">壁厚</th>
  115. <td class="formValue">
  116. <input id="PipeThickness" type="text" class="form-control" isvalid="yes" checkexpession="NumOrNull" errormsg="壁厚只能是数字" placeholder="请输入壁厚" />
  117. </td>
  118. <th class="formTitle">压力等级</th>
  119. <td class="formValue">
  120. <div id="PressureLevel" type="select" class="ui-select" >
  121. <ul>
  122. <li data-value="1">高压</li>
  123. <li data-value="2">次高压</li>
  124. <li data-value="3">中压</li>
  125. <li data-value="4">低压</li>
  126. </ul>
  127. </div>
  128. </td>
  129. </tr>
  130. <tr>
  131. <th class="formTitle">压力</th>
  132. <td class="formValue">
  133. <input id="Pressure" type="text" class="form-control" isvalid="yes" checkexpession="NumOrNull" errormsg="请输入压力" placeholder="请输入压力" />
  134. </td>
  135. <th class="formTitle">建设时间</th>
  136. <td class="formValue">
  137. <input id="BuidTime" type="text" class="form-control input-wdatepicker" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" />
  138. </td>
  139. </tr>
  140. <tr>
  141. <th class="formTitle">实际长度</th>
  142. <td class="formValue">
  143. <input id="RealLength" type="text" class="form-control" isvalid="yes" checkexpession="NumOrNull" errormsg="请输入实际长度" placeholder="请输入实际长度" />
  144. </td>
  145. <th class="formTitle">使用状态</th>
  146. <td class="formValue">
  147. <div id="UseState" type="select" class="ui-select">
  148. <ul>
  149. <li data-value="1">规划</li>
  150. <li data-value="2">在建</li>
  151. <li data-value="3">再用</li>
  152. <li data-value="4">废弃</li>
  153. </ul>
  154. </div>
  155. </td>
  156. </tr>
  157. <tr>
  158. <th class="formTitle">备注</th>
  159. <td class="Memo" colspan="3">
  160. <textarea class="form-control" rows="10" name="Memo" id="Memo"></textarea>
  161. </td>
  162. </tr>
  163. <input type="hidden" id="Coordinates" value=""/>
  164. </table>
  165. </div>