axadd.jsp 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
  1. <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="utf-8">
  6. <title>江苏省港口建设与经营管理信息系统</title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <%@ include file="../../common.jsp"%>
  9. <script type="text/javascript" src="${app }/static/biz/js/gkjcxx/ax/axdetail.js"></script>
  10. <script type="text/javascript">
  11. $(document).ready(function () {
  12. pageinfo2();
  13. ax.detail.axlxDate = '${axlxlist}';
  14. ax.detail.axgnDate = '${axgnlist}';
  15. ax.detail.lyztDate = '${lyztlist}';
  16. ax.detail.nbaDate = '${nbalist}';
  17. initszdSelect('szdsel', '${sz}', 'showgk', '80%','${jyr}');
  18. initgkSelect('szgksel', '${gk}','${sz}', 'showgq', '80%','${jyr}');
  19. initgqSelect('szgqsel', '', '${sz}', '${gk}', 'showssjyr', '80%','${jyr}');
  20. jyrSel('','${jyr}');
  21. ax.detail.init();
  22. $('#ajyrselect').css('display','none');
  23. });
  24. function showgk(){
  25. initgkSelect('szgksel','',$('.szdselectpicker').val(),'showgq','80%');
  26. showgq();
  27. showssjyr();
  28. }
  29. function showgq(){
  30. initgqSelect('szgqsel','',$('.szdselectpicker').val(),$('.gkselectpicker').val(),'showssjyr','80%');
  31. showssjyr();
  32. }
  33. function showssjyr(){
  34. $('#xzjyr').val('');
  35. $('#xzjyrid').val('');
  36. jyrhide();
  37. }
  38. function jyrSel(jyrid,jyr){
  39. if(jyr!=null&&jyr!=''){
  40. var jsonJyr = $.parseJSON(jyr);
  41. $('#xzjyr').val(jsonJyr.gkjyr);
  42. $('#xzjyrid').val(jsonJyr.id);
  43. $('#ajyrselect').css('display','none');
  44. }else if(jyrid!=null&&jyrid!=''){
  45. guanbipop();
  46. $.post($.app + "/gkjyr/findById", {
  47. id:jyrid
  48. }, function(data) {
  49. //返回的是经营人实体,你可以在回掉中,进行任何其他字段的默认填写
  50. $('#xzjyr').val(data.gkjyr);
  51. $('#xzjyrid').val(data.id);
  52. }, "json");
  53. }
  54. }
  55. </script>
  56. </head>
  57. <body onscroll="scrolldate()">
  58. <div class="box">
  59. <div class="box-content" >
  60. <div class="apply_fill">
  61. <form id="addform" method="post">
  62. <input type="hidden" name="zyid" id="zyid" value="${zyid }"/>
  63. <table class="apply" cellpadding="0" cellspacing="0">
  64. <tr>
  65. <th><span class="needwrite">*</span>所在地:&nbsp;</th>
  66. <td >
  67. <span id="szdsel">
  68. </span>
  69. </td>
  70. <th><span class="needwrite">*</span>所在港口:&nbsp;</th>
  71. <td >
  72. <span id="szgksel">
  73. </span>
  74. </td>
  75. </tr>
  76. <tr>
  77. <th><span class="needwrite">*</span>所在港区:&nbsp;</th>
  78. <td >
  79. <span id="szgqsel">
  80. </span>
  81. </td>
  82. <th><span class="needwrite">*</span>港口经营人:&nbsp;</th>
  83. <td style="position:relative;">
  84. <input type="text" class="form-control" id="xzjyr" readOnly = "true" onclick="">
  85. <input type="hidden" class="form-control" id="xzjyrid" name="ssjyrid" readOnly = "true" >
  86. <a class="btn btn-primary btn-sm" href="#" id="ajyrselect"
  87. onclick="jyrselpop('jyrSel')" style="position:absolute;right:4px;top:4px;"> <i class="glyphicon"></i>选择
  88. </a>
  89. </td>
  90. </tr>
  91. <tr>
  92. <th><span class="needwrite">*</span>岸线名称:&nbsp;</th>
  93. <td >
  94. <input type="text" class="form-control" name="axmc" id="axmc" maxlength="40">
  95. </td>
  96. <th>岸线类型:&nbsp;</th>
  97. <td >
  98. <!-- <input type="text" class="form-control" name="axlx" maxlength="40"> -->
  99. <div id="axlxDiv"></div>
  100. </td>
  101. </tr>
  102. <tr>
  103. <th>岸线功能:&nbsp;</th>
  104. <td >
  105. <!-- <input type="text" class="form-control" name="axgn" maxlength="40"> -->
  106. <div id="axgnDiv"></div>
  107. </td>
  108. <th>利用状态:&nbsp;</th>
  109. <td >
  110. <!-- <input type="text" class="form-control" name="lyzt" maxlength="40"> -->
  111. <div id="lyztDiv"></div>
  112. </td>
  113. </tr>
  114. <tr>
  115. <th>截止日期:&nbsp;</th>
  116. <td >
  117. <input class="Wdate" type="text" onFocus="WdatePicker({lang:'zh-cn',skin:'default',dateFmt:'yyyy-MM-dd'})" name="jzrq">
  118. </td>
  119. <th>南北岸:&nbsp;</th>
  120. <td >
  121. <!-- <input type="text" class="form-control" name="nba" maxlength="100"> -->
  122. <div id="nbaDiv"></div>
  123. </td>
  124. </tr>
  125. <tr>
  126. <th>岸线长度(米):&nbsp;</th>
  127. <td>
  128. <!-- <input type="text" class="form-control" name="axcd"
  129. onkeyup="value=value.replace(/[^\d]/g,'') "
  130. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
  131. maxlength="8"> -->
  132. <input type="text" class="form-control" name="axcd" maxlength="8" id="axcd">
  133. </td>
  134. <th>岸线批准文号:&nbsp;</th>
  135. <td >
  136. <input type="text" class="form-control" name="axpb" maxlength="100">
  137. </td>
  138. </tr>
  139. <tr>
  140. <th>起点坐标_x:&nbsp;</th>
  141. <td>
  142. <input type="text" class="form-control" name="qdzb" maxlength="50">
  143. </td>
  144. <th>终点坐标_x:&nbsp;</th>
  145. <td >
  146. <input type="text" class="form-control" name="zdzb" maxlength="50">
  147. </td>
  148. </tr>
  149. <tr>
  150. <th>起点坐标_y:&nbsp;</th>
  151. <td>
  152. <input type="text" class="form-control" name="qdzby" maxlength="50">
  153. </td>
  154. <th>终点坐标_y:&nbsp;</th>
  155. <td >
  156. <input type="text" class="form-control" name="zdzby" maxlength="50">
  157. </td>
  158. </tr>
  159. <tr>
  160. <th>使用水域面积(平方米):&nbsp;</th>
  161. <td >
  162. <!-- <input type="text" class="form-control" name="waterarea"
  163. onkeyup="value=value.replace(/[^\d]/g,'') "
  164. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"> -->
  165. <input type="text" class="form-control" name="waterarea" id="waterarea" maxlength="15">
  166. </td>
  167. <th>使用陆域土地面积&nbsp;&nbsp;&nbsp;&nbsp;<br>(平方米):&nbsp;</th>
  168. <td >
  169. <!-- <input type="text" class="form-control" name="landarea"
  170. onkeyup="value=value.replace(/[^\d]/g,'') "
  171. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"> -->
  172. <input type="text" class="form-control" name="landarea" id="landarea" maxlength="15">
  173. </td>
  174. </tr>
  175. <tr>
  176. <th>使用自然岸线长度(米):&nbsp;</th>
  177. <td >
  178. <input type="text" class="form-control" name="linelength" id="linelength" maxlength="15">
  179. </td>
  180. <th></th>
  181. <td></td>
  182. </tr>
  183. <tr>
  184. <th>备注:&nbsp;</th>
  185. <td colspan="4">
  186. <textarea class="form-control" id="bz" name="bz" style="width:92.5%;height:80px;" onkeyup="limitTextArea(this,100)"></textarea>
  187. </td>
  188. </tr>
  189. <tr>
  190. <th>岸线位置描述:&nbsp;</th>
  191. <td colspan="4">
  192. <textarea class="form-control" id="axwzms" name="axwzms" style="width:92.5%;height:80px;" onkeyup="limitTextArea(this,100)"></textarea>
  193. </td>
  194. </tr>
  195. </table>
  196. </form>
  197. <div id="buttons">
  198. <a class="btn btn-default btn-sm" href="#" onclick="ax.detail.save()">
  199. <i class="glyphicon glyphicon-floppy-disk"></i>保存
  200. </a>
  201. <a class="btn btn-default btn-sm" href="#" onclick="ax.detail.back()">
  202. <i class="glyphicon glyphicon-arrow-left"></i>返回
  203. </a>
  204. <a class="btn btn-default btn-sm" href="#" onclick="map('ax','${zyid}')">
  205. <i class="glyphicon glyphicon-plus"></i>
  206. 地图</a>
  207. </div>
  208. </div>
  209. </div>
  210. </div>
  211. <jsp:include page="../../map.jsp"></jsp:include>
  212. <jsp:include page="../../jyrselect.jsp"></jsp:include>
  213. </body>
  214. </html>