axadd.jsp 9.1 KB

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