mtadd.jsp 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <!DOCTYPE html>
  4. <html lang="en">
  5. <head>
  6. <meta charset="utf-8">
  7. <title>江苏省港口建设与经营管理信息系统</title>
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <jsp:include page="../../jyrselect.jsp"></jsp:include>
  10. <%@ include file="../../common.jsp"%>
  11. <script type="text/javascript" src="${app }/static/biz/js/gkjcxx/mt/mtdetail.js"></script>
  12. <script type="text/javascript">
  13. $(document).ready(function () {
  14. iFrameHeightIframe('${menuid}');//自适应高度
  15. mt.detail.jyrData = '${jyr}';
  16. mt.detail.path = '${path}';
  17. mt.detail.szdData='${sz}';
  18. mt.detail.szgkData='${gk}';
  19. mt.detail.init();
  20. jyrSel('',mt.detail.jyrData);
  21. $('.selectpicker').selectpicker({
  22. width:'80%'
  23. });
  24. mt.detail.initFwlx('fwlxsel', '');
  25. mt.detail.initMtjgxs('mtjgxssel', '');
  26. mt.detail.initMtyt('mtytsel','');
  27. $('#ajyrselect').css('display','none');
  28. });
  29. function showgk(){
  30. $('#xzjyr').val("");
  31. $('#xzjyrid').val("");
  32. initgqSelect('gqsel','','','',null,'80%');
  33. initgkSelect('gksel','',$('.szdselectpicker').val(),"showgq",'80%');
  34. jyrhide();
  35. }
  36. function showgq(){
  37. $('#xzjyr').val("");
  38. $('#xzjyrid').val("");
  39. initgqSelect('gqsel','',$('.szdselectpicker').val(),$('.gkselectpicker').val(),'showzyqAndax','80%');
  40. jyrhide();
  41. }
  42. function showzyqAndax(){
  43. $('#xzjyr').val("");
  44. $('#xzjyrid').val("");
  45. initzyqSelect('zyqsel','',$('.szdselectpicker').val(),$('.gkselectpicker').val(),$('.gqselectpicker').val(),null,'80%');
  46. initaxSelect('axsel','',$('.szdselectpicker').val(),$('.gkselectpicker').val(),$('.gqselectpicker').val(),null,'80%');
  47. jyrhide();
  48. }
  49. /* function showax(){
  50. $('#xzjyr').val("");
  51. $('#xzjyrid').val("");
  52. initzyqSelect('axsel','',$('.szdselectpicker').val(),$('.gkselectpicker').val(),$('.gqselectpicker').val(),null,'80%');
  53. } */
  54. function jyrSel(jyrid,jyr){
  55. if(jyr!=null&&jyr!=''){
  56. var jsonJyr = $.parseJSON(jyr);
  57. $('#xzjyr').val(jsonJyr.gkjyr);
  58. $('#xzjyrid').val(jsonJyr.id);
  59. $('#ajyrselect').css('display','none');
  60. $('#jyrzyid').val(jsonJyr.zyid);
  61. }else if(jyrid!=null&&jyrid!=''){
  62. guanbipop();
  63. $.post($.app + "/gkjyr/findById", {
  64. id:jyrid
  65. }, function(data) {
  66. //返回的是经营人实体,你可以在回掉中,进行任何其他字段的默认填写
  67. $('#xzjyr').val(data.gkjyr);
  68. $('#xzjyrid').val(data.id);
  69. $('#jyrzyid').val(data.zyid);
  70. initaxSelect('axsel','',$('.szdselectpicker').val(),$('.gkselectpicker').val(),$('.gqselectpicker').val(),null,'80%',data,true);
  71. }, "json");
  72. }
  73. }
  74. </script>
  75. </head>
  76. <body onscroll="scrolldate()">
  77. <div class="box" >
  78. <div class="box-content" >
  79. <div class="apply_fill">
  80. <form id="addform" method="post">
  81. <input type="hidden" name="path" id="path" value="${path }"/>
  82. <input type="hidden" name="zyid" id="zyid" value="${zyid }"/>
  83. <input type="hidden" id="jyrzyid" value="">
  84. <table class="apply" cellpadding="0" cellspacing="0" style="table-layout: fixed;">
  85. <tr>
  86. <th><span class="needwrite">*</span>所在地:&nbsp;</th>
  87. <td >
  88. <div id="szdsel"></div>
  89. </td>
  90. <th><span class="needwrite">*</span>所在港口:&nbsp;</th>
  91. <td >
  92. <div id="gksel"></div>
  93. </td>
  94. </tr>
  95. <tr>
  96. <th><span class="needwrite">*</span>所在港区:&nbsp;</th>
  97. <td >
  98. <div id="gqsel"></div>
  99. </td>
  100. <th><span class="needwrite">*</span>港口经营人:&nbsp;</th>
  101. <td style="position:relative;">
  102. <input type="text" value="" style="width: 80%;" class="form-control" id="xzjyr" readOnly = true onclick="">
  103. <input type="hidden" class="form-control" id="xzjyrid" readOnly = true name="ssjyrid" >
  104. <a class="btn btn-primary btn-sm" href="#" id="ajyrselect"
  105. onclick="jyrselpop('jyrSel')" style="position:absolute;right:4px;top:4px;"> <i class="glyphicon"></i>选择
  106. </a>
  107. </td>
  108. </tr>
  109. <tr>
  110. <th>所在作业区:&nbsp;</th>
  111. <td >
  112. <div id="zyqsel"></div>
  113. </td>
  114. <th>所在岸线:&nbsp;</th>
  115. <td>
  116. <div id="axsel"></div>
  117. </td>
  118. </tr>
  119. <tr>
  120. <th><span class="needwrite">*</span>码头名称:&nbsp;</th>
  121. <td >
  122. <input type="text" class="form-control" name="mtmc" maxlength="50">
  123. </td>
  124. <th>码头长度(米):&nbsp;</th>
  125. <td >
  126. <input type="text" class="form-control" name="mtcd" onkeyup="num(this)">
  127. </td>
  128. </tr>
  129. <tr>
  130. <th>设计货物吞吐量&nbsp;&nbsp;&nbsp;&nbsp;<br>(万吨):&nbsp;</th>
  131. <td >
  132. <input type="text" class="form-control" name="sjhwttl" onkeyup="num(this)">
  133. </td>
  134. <th>设计旅客吞吐量&nbsp;&nbsp;&nbsp;&nbsp;<br>(万人):&nbsp;</th>
  135. <td >
  136. <input type="text" class="form-control" name="sjlkttl" onkeyup="num(this)">
  137. </td>
  138. </tr>
  139. <tr>
  140. <th>年旅客通过能力&nbsp;&nbsp;&nbsp;&nbsp;<br>(万人):&nbsp;</th>
  141. <td >
  142. <input type="text" class="form-control" name="nlktgnl" onkeyup="num(this)">
  143. </td>
  144. <th>年集装箱通过能力&nbsp;&nbsp;&nbsp;&nbsp;<br>(万TEU):&nbsp;</th>
  145. <td >
  146. <input type="text" class="form-control" name="njzxtgnl" onkeyup="num(this)">
  147. </td>
  148. </tr>
  149. <tr>
  150. <!-- <th>GISID:&nbsp;</th>
  151. <td >
  152. <input type="text" class="form-control" name="gisid" >
  153. <input type="text" name="gisid" class="form-control"
  154. onkeyup="value=value.replace(/[^\d]/g,'') "
  155. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
  156. </td> -->
  157. <th>年货物通过能力&nbsp;&nbsp;&nbsp;&nbsp;<br>(万吨):&nbsp;</th>
  158. <td >
  159. <input type="text" class="form-control" name="nhwtgnl" onkeyup="num(this)">
  160. </td>
  161. <th>服务类型:&nbsp;</th>
  162. <td >
  163. <!-- <input type="text" class="form-control" name="fwlx" maxlength="40"> -->
  164. <span id="fwlxsel">
  165. </span>
  166. </td>
  167. </tr>
  168. <tr>
  169. <th>对外开放:&nbsp;</th>
  170. <td >
  171. <select class='selectpicker' name='sfdwkfid' >
  172. <option></option>
  173. <c:forEach items="${listSF}" var="gk">
  174. <option value="${gk.id}" >${gk.text}</option>
  175. </c:forEach>
  176. </select>
  177. </td>
  178. <th>危化品码头:&nbsp;</th>
  179. <td >
  180. <select class='selectpicker' name='sfwhpid' >
  181. <option></option>
  182. <c:forEach items="${listSF}" var="gk">
  183. <option value="${gk.id}" >${gk.text}</option>
  184. </c:forEach>
  185. </select>
  186. </td>
  187. </tr>
  188. <tr>
  189. <th>码头用途:</th>
  190. <td>
  191. <span id="mtytsel"></span>
  192. </td>
  193. <th>码头结构型式:&nbsp;</th>
  194. <td >
  195. <!-- <input type="text" class="form-control" name="mtxsdm" maxlength="40"> -->
  196. <span id="mtjgxssel">
  197. </span>
  198. </td>
  199. <!-- <th>码头前沿实际&nbsp;&nbsp;&nbsp;&nbsp;<br>测量水深(米):&nbsp;</th>
  200. <td >
  201. <input type="text" class="form-control" name="mtqysjclss" >
  202. </td> -->
  203. <!-- <th>码头代码:&nbsp;</th>
  204. <td >
  205. <input type="text" class="form-control" name="mtdm" >
  206. </td> -->
  207. </tr>
  208. <!-- <tr>
  209. <th>泊位个数:&nbsp;</th>
  210. <td >
  211. <input type="text" class="form-control" name="bwgs" >
  212. <input type="text" name="bwgs" class="form-control"
  213. onkeyup="value=value.replace(/[^\d]/g,'') "
  214. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
  215. </td>
  216. </tr> -->
  217. <tr>
  218. <th>建成日期:</th>
  219. <td>
  220. <input class="Wdate" name="jcrq" type="text" onFocus="WdatePicker({lang:'zh-cn',skin:'default',dateFmt:'yyyy-MM-dd'})">
  221. </td>
  222. <!-- <th>码头前沿底标高(米):&nbsp;</th>
  223. <td >
  224. <input type="text" class="form-control" name="mtqydbg" >
  225. </td> -->
  226. <th>挖入式港池形式:&nbsp;</th>
  227. <td >
  228. <select class='selectpicker' name='mtsfwarsid' >
  229. <option></option>
  230. <c:forEach items="${listSF}" var="gk">
  231. <option value="${gk.id}" >${gk.text}</option>
  232. </c:forEach>
  233. </select>
  234. </td>
  235. </tr>
  236. <tr>
  237. <th>码头前沿设计水深(米):</th>
  238. <td>
  239. <input type="text" class="form-control" name="mtsjqyss" onkeyup="num(this)">
  240. </td>
  241. </tr>
  242. <!-- <tr>
  243. <th>码头前沿实际&nbsp;&nbsp;&nbsp;&nbsp;<br>测量水深(米):&nbsp;</th>
  244. <td >
  245. <input type="text" class="form-control" name="mtqysjclss" >
  246. </td>
  247. <th></th>
  248. <td></td>
  249. </tr> -->
  250. </table>
  251. </form>
  252. <div id="buttons">
  253. <a class="btn btn-default btn-sm" href="#" onclick="mt.detail.save()">
  254. <i class="glyphicon glyphicon-floppy-disk"></i>
  255. 保存</a>
  256. <a class="btn btn-default btn-sm" href="#" onclick="mt.detail.back()">
  257. <i class="glyphicon glyphicon-arrow-left"></i>
  258. 返回</a>
  259. <a class="btn btn-default btn-sm" href="#" onclick="map('mt','${zyid}')">
  260. <i class="glyphicon glyphicon-plus"></i>
  261. 地图</a>
  262. </div>
  263. </div>
  264. </div>
  265. </div>
  266. <jsp:include page="../../map.jsp"></jsp:include>
  267. </body>
  268. </html>