ryedit.jsp 14 KB

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