xkzxxmain.jsp 10 KB

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