ryadd.jsp 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309
  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/gkjygl/gkjyr/ry/rydetail.js"></script>
  10. <script type="text/javascript" src="${app }/static/biz/js/gkjygl/gkjyr/ry/rymain.js"></script>
  11. <script type="text/javascript">
  12. $(document).ready(function () {
  13. iFrameHeightIframe('${menuid}');//自适应高度
  14. ry.detail.sexData='${sexlist}';
  15. ry.detail.rylxData='${rylxlist}';
  16. ry.detail.zjlxData='${zjlxlist}';
  17. ry.detail.jyrData = '${jyr}';
  18. ry.detail.path = '${path}';
  19. ry.detail.szdData='${sz}';
  20. ry.detail.szgkData='${gk}';
  21. ry.detail.init();
  22. jyrSel('','${jyr}');
  23. $('#ajyrselect').css('display','none');
  24. });
  25. function showgk(){
  26. initgkSelect('gksel','',$('.szdselectpicker').val(),"showgq",'80%');
  27. /* initgqSelect('gqsel','','','',null,'80%');
  28. judgejyr(); */
  29. showgq();
  30. }
  31. function showgq(){
  32. initgqSelect('gqsel','',$('.szdselectpicker').val(),$('.gkselectpicker').val(),'judgejyr','80%');
  33. judgejyr();
  34. }
  35. function judgejyr(){
  36. $('#xzjyr').val("");
  37. $('#xzjyrid').val("");
  38. jyrhide();
  39. }
  40. /* function jyrSel(jyrid){
  41. guanbipop();
  42. $.post($.app + "/gkjyr/findById", {
  43. id:jyrid
  44. }, function(data) {
  45. //返回的是经营人实体,你可以在回掉中,进行任何其他字段的默认填写
  46. $('#xzjyr').val(data.gkjyr);
  47. $('#xzjyrid').val(data.id);
  48. }, "json");
  49. } */
  50. function jyrSel(jyrid,jyr){
  51. if(jyr!=null&&jyr!=''){
  52. var jsonJyr = $.parseJSON(jyr);
  53. $('#xzjyr').val(jsonJyr.gkjyr);
  54. $('#xzjyrid').val(jsonJyr.id);
  55. $('#ajyrselect').css('display','none');//把选择经营人按钮隐藏
  56. }else if(jyrid!=null&&jyrid!=''){
  57. guanbipop();
  58. $.post($.app + "/gkjyr/findById", {
  59. id:jyrid
  60. }, function(data) {
  61. //返回的是经营人实体,你可以在回掉中,进行任何其他字段的默认填写
  62. $('#xzjyr').val(data.gkjyr);
  63. $('#xzjyrid').val(data.id);
  64. }, "json");
  65. }
  66. }
  67. </script>
  68. <style>
  69. .addzs{
  70. text-align:left;
  71. }
  72. </style>
  73. </head>
  74. <body onscroll="scrolldate()">
  75. <div class="box" >
  76. <div class="box-content" >
  77. <div class="apply_fill">
  78. <form id="addform" method="post">
  79. <input type="hidden" name="path" id="path" value="${path }"/>
  80. <input type="hidden" id="zsids" name="zsids" >
  81. <table class="apply" cellpadding="0" cellspacing="0">
  82. <tr>
  83. <th><span class="needwrite">*</span>所在地:&nbsp;</th>
  84. <td >
  85. <div id="szdsel"></div>
  86. </td>
  87. <th><span class="needwrite">*</span>所在港口:&nbsp;</th>
  88. <td >
  89. <div id="gksel"></div>
  90. </td>
  91. </tr>
  92. <tr>
  93. <th><span class="needwrite">*</span>所在港区:&nbsp;</th>
  94. <td >
  95. <div id="gqsel"></div>
  96. </td>
  97. <th><span class="needwrite">*</span>港口经营人:&nbsp;</th>
  98. <td style="position:relative;">
  99. <input type="text" style="width: 80%;" class="form-control" id="xzjyr" name="xzjyr" onclick="" readOnly = true>
  100. <input type="hidden" style="width: 80%;" class="form-control" id="xzjyrid" readOnly = true name="ssjyrid">
  101. <a class="btn btn-primary btn-sm" href="#" id="ajyrselect"
  102. onclick="jyrselpop('jyrSel')" style="position:absolute;right:4px;top:4px;"> <i class="glyphicon"></i>选择
  103. </a>
  104. </td>
  105. </tr>
  106. <tr>
  107. <th><span class="needwrite">*</span>姓名:&nbsp;</th>
  108. <td >
  109. <input type="text" class="form-control" name="xm" >
  110. </td>
  111. <th><span class="needwrite">*</span>性别:&nbsp;</th>
  112. <td >
  113. <%-- <input type="text" class="form-control" name="xb" value="${record.xb }"> --%>
  114. <div id="sexDiv"></div>
  115. </td>
  116. </tr>
  117. <tr>
  118. <th>出生日期:&nbsp;</th>
  119. <td >
  120. <input type="text" name="csrq" class="Wdate"
  121. onFocus="WdatePicker({lang:'zh-cn',skin:'default',dateFmt:'yyyy-MM-dd'})">
  122. </td>
  123. <th>人员类型:&nbsp;</th>
  124. <td >
  125. <!-- <input type="text" class="form-control" name="rylx" > -->
  126. <div id="rylxDiv"></div>
  127. </td>
  128. </tr>
  129. <tr>
  130. <th><span class="needwrite">*</span>证件类型:&nbsp;</th>
  131. <td >
  132. <div id="zjlxDiv"></div>
  133. </td>
  134. <th><span class="needwrite">*</span>证件编号:&nbsp;</th>
  135. <td >
  136. <input type="text" class="form-control" name="sfzh" maxlength="30" id="sfzh">
  137. </td>
  138. </tr>
  139. <tr>
  140. <th>职务或职称:&nbsp;</th>
  141. <td >
  142. <input type="text" class="form-control" name="zwhzc" maxlength="400">
  143. </td>
  144. <th>手机号码:&nbsp;</th>
  145. <td >
  146. <!-- <input type="text" class="form-control" name="sjhm"> -->
  147. <input type="text" class="form-control" name="sjhm"
  148. onkeyup="value=value.replace(/[^\d]/g,'') "
  149. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
  150. </td>
  151. </tr>
  152. <tr>
  153. <th>联系电话:&nbsp;</th>
  154. <td >
  155. <!-- <input type="text" class="form-control" name="lxdh" > -->
  156. <input type="text" class="form-control" name="lxdh"
  157. onkeyup="value=value.replace(/[^\d]/g,'') "
  158. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
  159. </td>
  160. <th></th>
  161. <td></td>
  162. </tr>
  163. <tr>
  164. <th>备注:&nbsp;</th>
  165. <td colspan="4">
  166. <!-- <input type="text" class="form-control" name="bz" > -->
  167. <textarea class="form-control" name="bz" onkeyup="limitTextArea(this,100)" style="width:92%;height:80px;"></textarea>
  168. </td>
  169. </tr>
  170. </table>
  171. </form>
  172. <table class="main_table" cellpadding="0" cellspacing="0" id="zstable">
  173. <tr>
  174. <th width="15%">证书名称</th>
  175. <th width="10">证书种类</th>
  176. <th width="15%">证书编号</th>
  177. <th width="15%">发证部门</th>
  178. <th width="15%">人员证件编号</th>
  179. <th width="10%">有效期</th>
  180. <th width="20%">操作</th>
  181. </tr>
  182. </table>
  183. </div>
  184. <div class="addzs">
  185. <a class="btn btn-default btn-sm" href="#" data-toggle="modal" data-target="#myModal" onclick="ry.main.clear()">
  186. <i class="glyphicon glyphicon-plus"></i>
  187. 新增</a>
  188. </div>
  189. <div id="buttons">
  190. <a class="btn btn-default btn-sm" href="#" onclick="ry.detail.save()">
  191. <i class="glyphicon glyphicon-floppy-disk"></i>
  192. 保存</a>
  193. <a class="btn btn-default btn-sm" href="#" onclick="ry.detail.back()">
  194. <i class="glyphicon glyphicon-arrow-left"></i>
  195. 返回</a>
  196. </div>
  197. </div>
  198. </div>
  199. <!-- dialog -->
  200. <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
  201. aria-hidden="true">
  202. <div class="modal-dialog">
  203. <div class="modal-content">
  204. <div class="modal-header">
  205. <button type="button" class="close" data-dismiss="modal" style="width:10px">×</button>
  206. <h3>证书</h3>
  207. </div>
  208. <div class="modal-body">
  209. <form id="addzsform" method="post">
  210. <input type="hidden" id="editid" name="id">
  211. <table class="apply" >
  212. <tr>
  213. <th><span class="needwrite">*</span>
  214. 证书名称:
  215. </th>
  216. <td>
  217. <input type="text" class="form-control" id="editzsmc" name="zsmc">
  218. </td>
  219. </tr>
  220. <tr>
  221. <th><span class="needwrite">*</span>
  222. 证书种类:
  223. </th>
  224. <td>
  225. <input type="text" class="form-control" id="editzszl" name="zszl" >
  226. </td>
  227. </tr>
  228. <tr>
  229. <th><span class="needwrite">*</span>
  230. 证书编号:
  231. </th>
  232. <td>
  233. <input type="text" class="form-control" id="editzsbh" name="zsbh" >
  234. </td>
  235. </tr>
  236. <tr>
  237. <th>
  238. 发证部门:
  239. </th>
  240. <td>
  241. <input type="text" class="form-control" id="editfzbm" name="fzbm" >
  242. </td>
  243. </tr>
  244. <tr>
  245. <th>
  246. 人员证件编号:
  247. </th>
  248. <td>
  249. <input type="text" class="form-control" id="editsfzh" name="zssfzh">
  250. </td>
  251. </tr>
  252. <tr>
  253. <th>
  254. 有效期:
  255. </th>
  256. <td>
  257. <input type="text" id="edityxq" class="Wdate" name="yxq"
  258. onFocus="WdatePicker({lang:'zh-cn',skin:'default',dateFmt:'yyyy-MM-dd'})" >
  259. </td>
  260. </tr>
  261. </table>
  262. </form>
  263. <span style="text-align: center;color: red;" id="error">
  264. </span>
  265. </div>
  266. <div class="modal-footer">
  267. <a id="saveid" href="#" class="btn btn-default btn-sm" data-dismiss="modal" onclick="ry.detail.savezs()">
  268. <i class="glyphicon glyphicon-floppy-disk"></i> 保存</a>
  269. <a href="#" class="btn btn-default btn-sm" data-dismiss="modal">
  270. <i class="glyphicon glyphicon-remove"></i>取消</a>
  271. </div>
  272. </div>
  273. </div>
  274. </div>
  275. <!-- dialog end-->
  276. </div>
  277. <jsp:include page="../../../jyrselect.jsp"></jsp:include>
  278. </body>
  279. </html>