xkzxxmain.jsp 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
  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. <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
  10. <%@ include file="../../../common.jsp"%>
  11. <script type="text/javascript" src="${app }/static/biz/js/gkjygl/gkjyr/xkzxx/xkzxxmain.js"></script>
  12. <script type="text/javascript">
  13. $(document).ready(function () {
  14. initszdSelect('szdsel','${szd }', 'showgk', '80%');
  15. initgkSelect('gksel','${szgk }','${szd }','showgq','80%');
  16. initgqSelect('gqsel','${szgq }','${szd }','${szgk }',null,'80%');
  17. initsfyxSelect('${sfyx }');
  18. sfred();
  19. $('.sfyxselectpicker').selectpicker({
  20. width:'80%'
  21. });
  22. initXkzsfdqSel('xkzsfdqSel','${xkzsfdq}');
  23. xkzxx.main.init();
  24. iFrameHeightIframe('${menuid}');//自适应高度
  25. });
  26. function showgk(){
  27. initgkSelect('gksel','${szgk }',$('.szdselectpicker').val(),"showgq",'80%');
  28. showgq();
  29. }
  30. function showgq(){
  31. initgqSelect('gqsel','${szgq }',$('.szdselectpicker').val(),$('.gkselectpicker').val(),null,'80%');
  32. }
  33. function initsfyxSelect(data){
  34. $("#sfyx option[value='"+data+"']").attr("selected", "selected");
  35. }
  36. function sfred(){
  37. var tbtrlength=$("#xkzxxtb").find("tr").length;
  38. for(var i=1;i<tbtrlength;i++){
  39. if($("#sfred"+i).val()=='red'){
  40. $("#xkzxx"+i).css('background-color','red');
  41. }else if($("#sfred"+i).val()=='yellow'){
  42. $("#xkzxx"+i).css('background-color','yellow');
  43. }
  44. }
  45. }
  46. </script>
  47. </head>
  48. <style type="text/css">
  49. .dvs {
  50. display: none;
  51. position:absolute;
  52. width: 90%;
  53. height: 90%;
  54. z-index:100;
  55. }
  56. .dvs img{
  57. display: block;
  58. width: 90%;
  59. height: 90%;
  60. }
  61. #overlay {
  62. background: #000;
  63. filter: alpha(opacity=70); /* IE的透明度 */
  64. opacity: 0.7; /* 透明度 */
  65. position: fixed;
  66. top: 0px;
  67. left: 0px;
  68. width: 100%;
  69. height: 100%;
  70. z-index: 50; /* 此处的图层要大于页面 */
  71. display:none;
  72. }
  73. </style>
  74. <body>
  75. <div class="box">
  76. <div id="overlay"></div>
  77. <div id="previewDiv" class="dvs" title="点击关闭" style="width:1043px;height:736px;" onclick="xkzxx.main.hidePreview()">
  78. <img id="img_xkz" onerror="this.src='${app }/static/biz/image/notfind.png'"/>
  79. </div>
  80. <div class="box-content">
  81. <form action="${app }/xkzxx/main" id="xkzxxform" method="post">
  82. <input type="hidden" name="menuid" value="${menuid }">
  83. <div>
  84. <table class="search_table" cellpadding="0" cellspacing="0">
  85. <tr>
  86. <th width="11%"></th>
  87. <th width="22%"></th>
  88. <th width="11%"></th>
  89. <th width="22%"></th>
  90. <th width="12%"></th>
  91. <th width="22%"></th>
  92. </tr>
  93. <tr>
  94. <td class="right">
  95. 所在地:&nbsp;
  96. </td>
  97. <td>
  98. <span id="szdsel">
  99. </span>
  100. </td>
  101. <td class="right">
  102. 所在港口:&nbsp;
  103. </td>
  104. <td>
  105. <span id="gksel">
  106. </span>
  107. </td>
  108. <td class="right">
  109. 所在港区:&nbsp;
  110. </td>
  111. <td>
  112. <span id="gqsel">
  113. </span>
  114. </td>
  115. </tr>
  116. <tr>
  117. <td class="right">
  118. 港口经营人:&nbsp;
  119. </td>
  120. <td>
  121. <input type="text" class="form-control" name="gkjyr" value="${gkjyrzw }">
  122. </td>
  123. <td class="right">
  124. 许可证编号:&nbsp;
  125. </td>
  126. <td >
  127. <input type="text" class="form-control" name="gkjyxkzh" value="${gkjyxkzh }">
  128. </td>
  129. <td class="right">
  130. 是否有效:&nbsp;
  131. </td>
  132. <td>
  133. <select class='sfyxselectpicker' name="sfyx" id="sfyx">
  134. <option></option>
  135. <option value="1">有效</option>
  136. <option value="2">无效</option>
  137. </select>
  138. </td>
  139. </tr>
  140. <tr>
  141. <td class="right">
  142. 有效期:&nbsp;
  143. </td>
  144. <td >
  145. <input class="Wdate" name="yxq1" id="yxq1" type="text" onFocus="WdatePicker({lang:'zh-cn',skin:'default',dateFmt:'yyyy-MM-dd'})" value="${yxq1 }">
  146. </td>
  147. <td class="middle">
  148. ~
  149. </td>
  150. <td >
  151. <input class="Wdate" name="yxq2" id="yxq2" type="text" onFocus="WdatePicker({lang:'zh-cn',skin:'default',dateFmt:'yyyy-MM-dd'})" value="${yxq2 }">
  152. </td>
  153. <td class="right">证书是否到期:&nbsp;</td>
  154. <td><div id="xkzsfdqSel"></div></td>
  155. </tr>
  156. <tr>
  157. <td class="right" colspan="6">
  158. <a class="btn btn-default btn-sm" href="#" onclick="xkzxx.main.search()">
  159. <i class="glyphicon glyphicon-search"></i>查询
  160. </a>
  161. <a class="btn btn-default btn-sm" href="#" onclick="xkzxx.main.add()">
  162. <i class="glyphicon glyphicon-plus"></i>
  163. 新增</a>
  164. </td>
  165. </tr>
  166. </table>
  167. </div>
  168. <!-- 列表 -->
  169. <div style="background-color:#f4f4f4;">
  170. <table id="xkzxxtb" class="main_table" cellpadding="0" cellspacing="0">
  171. <thead>
  172. <tr>
  173. <th width="3%">序号</th>
  174. <th width="10%">许可证编号</th>
  175. <th width="10%">港口经营人</th>
  176. <th width="8%">所在港口</th>
  177. <th width="8%">所在港区</th>
  178. <th width="10%">法定代表人</th>
  179. <th width="8%">有效期至</th>
  180. <th width="12%">发证机关</th>
  181. <th width="8%">发证日期</th>
  182. <th width="8%">证件状态</th>
  183. <th width="16%">操作</th>
  184. </tr>
  185. </thead>
  186. <c:forEach items="${list}" var="xkzxx" varStatus="status">
  187. <tr id="xkzxx${status.count }">
  188. <input type="hidden" id="sfred${status.count }" value="${xkzxx.sfred }">
  189. <td >${status.count }</td>
  190. <td >${xkzxx.gkjyxkzh }</td>
  191. <td >${xkzxx.gkjyrzw }</td>
  192. <td >${xkzxx.szgkzw }</td>
  193. <td >${xkzxx.ssgqzw }</td>
  194. <td >${xkzxx.fddbr }</td>
  195. <td ><fmt:formatDate value='${xkzxx.yxqz }' pattern="yyyy-MM-dd" type="date" dateStyle="long" /></td>
  196. <td >${xkzxx.fzjg }</td>
  197. <td ><fmt:formatDate value='${xkzxx.fzrq }' pattern="yyyy-MM-dd" type="date" dateStyle="long" /></td>
  198. <td >
  199. <c:if test="${xkzxx.sfyx=='1'}">有效</c:if>
  200. <c:if test="${xkzxx.sfyx!='1'}">无效</c:if>
  201. <%-- <c:if test="${xkzxx.sfyx == '3' }">注销</c:if> --%>
  202. </td>
  203. <td>
  204. <a class="btn btn-default btn-xs" href="#" onclick="xkzxx.main.view('${xkzxx.id}')">
  205. <i class="glyphicon glyphicon-search"></i>详情
  206. </a>
  207. <c:if test ="${xkzxx.isflag == 1 }">
  208. <a class="btn btn-default btn-xs" href="#" onclick="xkzxx.main.edit('${xkzxx.id}')">
  209. <i class="glyphicon glyphicon-wrench"></i>
  210. 修改</a>
  211. <a class="btn btn-default btn-xs" href="#" onclick="xkzxx.main.del('${xkzxx.id}')">
  212. <i class="glyphicon glyphicon-trash"></i>
  213. 删除</a>
  214. </c:if>
  215. <c:if test="${xkzxx.sfyx=='1'}">
  216. <a class="btn btn-default btn-xs" href="#" onclick="xkzxx.main.preview('${xkzxx.id}')">
  217. <i class="glyphicon glyphicon-search"></i>预览
  218. </a>
  219. <%-- <a class="btn btn-default btn-xs" href="#" onclick="xkzxx.main.print('${xkzxx.id}')">
  220. <i class="glyphicon glyphicon-print"></i>打印
  221. </a> --%>
  222. </c:if>
  223. </td>
  224. </tr>
  225. </c:forEach>
  226. </table>
  227. </div>
  228. <!-- 分页 -->
  229. <jsp:include page="../../../pageinfo.jsp"></jsp:include>
  230. </form>
  231. </div>
  232. </div>
  233. </body>
  234. </html>