pictures_list.jsp 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  4. <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
  5. <%
  6. String path = request.getContextPath();
  7. String basePath = request.getScheme() + "://"
  8. + request.getServerName() + ":" + request.getServerPort()
  9. + path + "/";
  10. %>
  11. <!DOCTYPE html>
  12. <html lang="en">
  13. <head>
  14. <base href="<%=basePath%>">
  15. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  16. <meta charset="utf-8" />
  17. <title>${pd.SYSNAME}</title>
  18. <meta name="description" content="" />
  19. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
  20. <!-- bootstrap & fontawesome -->
  21. <link rel="stylesheet" href="static/ace/css/bootstrap.min.css" />
  22. <link rel="stylesheet" href="static/ace/css/font-awesome.css" />
  23. <!-- page specific plugin styles -->
  24. <!-- text fonts -->
  25. <link rel="stylesheet" href="static/ace/css/ace-fonts.css" />
  26. <!-- ace styles -->
  27. <link rel="stylesheet" href="static/ace/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />
  28. <!--[if lte IE 9]>
  29. <link rel="stylesheet" href="static/ace/css/ace-part2.css" class="ace-main-stylesheet" />
  30. <![endif]-->
  31. <!--[if lte IE 9]>
  32. <link rel="stylesheet" href="static/ace/css/ace-ie.css" />
  33. <![endif]-->
  34. <!-- inline styles related to this page -->
  35. <!-- ace settings handler -->
  36. <script src="static/ace/js/ace-extra.js"></script>
  37. <!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->
  38. <!--[if lte IE 8]>
  39. <script src="static/ace/js/html5shiv.js"></script>
  40. <script src="static/ace/js/respond.js"></script>
  41. <![endif]-->
  42. <!--查看图片插件 -->
  43. <link rel="stylesheet" media="screen" type="text/css" href="plugins/zoomimage/css/zoomimage.css" />
  44. <link rel="stylesheet" media="screen" type="text/css" href="plugins/zoomimage/css/custom.css" />
  45. <script type="text/javascript" src="plugins/zoomimage/js/jquery.js"></script>
  46. <script type="text/javascript" src="plugins/zoomimage/js/eye.js"></script>
  47. <script type="text/javascript" src="plugins/zoomimage/js/utils.js"></script>
  48. <script type="text/javascript" src="plugins/zoomimage/js/zoomimage.js"></script>
  49. <script type="text/javascript" src="plugins/zoomimage/js/layout.js"></script>
  50. <script type="text/javascript" src="static/js/myjs/getTop.js"></script>
  51. <!--查看图片插件 -->
  52. </head>
  53. <body class="no-skin">
  54. <div class="main-container" id="main-container">
  55. <!-- /section:basics/sidebar -->
  56. <div class="main-content">
  57. <div class="main-content-inner">
  58. <!-- 检索 -->
  59. <form action="pictures/list.do" method="post" name="Form" id="Form">
  60. <table style="margin-top:5px;">
  61. <tr>
  62. <td>
  63. <div class="nav-search">
  64. <span class="input-icon">
  65. <input autocomplete="off" class="nav-search-input" id="nav-search-input" type="text" name="keyword" value="${pd.keyword}" placeholder="这里输入关键词" />
  66. </span>
  67. </div>
  68. </td>
  69. <c:if test="${QX.cha == 1 }">
  70. <td style="vertical-align:top;padding-left:2px;"><a class="btn btn-light btn-xs" onclick="searchs();" title="检索"><i id="nav-search-icon" class="ace-icon fa fa-search bigger-110 nav-search-icon blue"></i></a></td>
  71. </c:if>
  72. </tr>
  73. </table>
  74. <!-- 检索 -->
  75. <table id="simple-table" class="table table-striped table-bordered table-hover" style="margin-top:0px;">
  76. <thead>
  77. <tr>
  78. <th class="center" onclick="selectAll()" style="width:35px;">
  79. <label><input type="checkbox" id="zcheckbox" class="ace" /><span class="lbl"></span></label>
  80. </th>
  81. <th class="center" style="width:50px;">序号</th>
  82. <th class="center" >图片</th>
  83. <th class="center" >标题</th>
  84. <th class="center" >ID</th>
  85. <th class="center" >创建时间</th>
  86. <th class="center" >属于</th>
  87. <th class="center" >备注</th>
  88. <th class="center">操作</th>
  89. </tr>
  90. </thead>
  91. <tbody>
  92. <!-- 开始循环 -->
  93. <c:choose>
  94. <c:when test="${not empty varList}">
  95. <c:if test="${QX.cha == 1 }">
  96. <c:forEach items="${varList}" var="var" varStatus="vs">
  97. <tr>
  98. <td class='center' style="width: 30px;">
  99. <label><input type='checkbox' name='ids' class="ace" value="${var.PICTURES_ID}" /><span class="lbl"></span></label>
  100. </td>
  101. <td class='center' style="width: 30px;">${page.showCount*(page.currentPage-1)+vs.index+1}</td>
  102. <td class="center">
  103. <a href="<%=basePath%>uploadFiles/uploadImgs/${var.PATH}" title="${var.TITLE}" class="bwGal"><img src="<%=basePath%>uploadFiles/uploadImgs/${var.PATH}" alt="${var.TITLE}" width="100"></a>
  104. </td>
  105. <td class="center">${var.TITLE}</td>
  106. <td class="center">${var.PICTURES_ID}</td>
  107. <td class="center">${var.CREATETIME}</td>
  108. <td class="center">${var.MASTER_ID}</td>
  109. <td class="center">${var.BZ}</td>
  110. <td class="center" style="width:130px;">
  111. <c:if test="${QX.edit != 1 && QX.del != 1 }">
  112. <span class="label label-large label-grey arrowed-in-right arrowed-in"><i class="ace-icon fa fa-lock" title="无权限"></i></span>
  113. </c:if>
  114. <c:if test="${QX.edit == 1 }">
  115. <a style="cursor:pointer;" class="green" onclick="edit('${var.PICTURES_ID}');" title="编辑">
  116. <i class="ace-icon fa fa-pencil bigger-130"></i>
  117. </a>
  118. </c:if>
  119. &nbsp;
  120. <c:if test="${QX.del == 1 }">
  121. <a style="cursor:pointer;" class="red" onclick="del('${var.PICTURES_ID}','${var.PATH}');" title="删除">
  122. <i class="ace-icon fa fa-trash-o bigger-130"></i>
  123. </a>
  124. </c:if>
  125. </td>
  126. </tr>
  127. </c:forEach>
  128. </c:if>
  129. <c:if test="${QX.cha == 0 }">
  130. <tr>
  131. <td colspan="100" class="center">您无权查看</td>
  132. </tr>
  133. </c:if>
  134. </c:when>
  135. <c:otherwise>
  136. <tr class="main_info">
  137. <td colspan="100" class="center" >没有相关数据</td>
  138. </tr>
  139. </c:otherwise>
  140. </c:choose>
  141. </tbody>
  142. </table>
  143. <div class="page-header position-relative">
  144. <table style="width:100%;">
  145. <tr>
  146. <td style="vertical-align:top;">
  147. <c:if test="${QX.add == 1 }">
  148. <a class="btn btn-sm btn-success" onclick="add();">新增</a>
  149. </c:if>
  150. <c:if test="${QX.del == 1 }">
  151. <a title="批量删除" class="btn btn-sm btn-danger" onclick="makeAll('确定要删除选中的数据吗?');" ><i class='ace-icon fa fa-trash-o bigger-120'></i></a>
  152. </c:if>
  153. </td>
  154. <td style="vertical-align:top;"><div class="pagination" style="float: right;padding-top: 0px;margin-top: 0px;">${page.pageStr}</div></td>
  155. </tr>
  156. </table>
  157. </div>
  158. </form>
  159. <!-- /.page-content -->
  160. </div>
  161. </div>
  162. <!-- /.main-content -->
  163. <!-- 返回顶部 -->
  164. <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
  165. <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
  166. </a>
  167. </div>
  168. <!-- /.main-container -->
  169. <!-- basic scripts -->
  170. <!-- 页面底部js¨ -->
  171. <%@ include file="../../system/index/foot.jsp"%>
  172. <!-- ace scripts -->
  173. <script src="static/ace/js/ace/ace.js"></script>
  174. </body>
  175. <script type="text/javascript">
  176. $(getTop(globalThis).hangge());
  177. //检索
  178. function searchs(){
  179. getTop(globalThis).jzts();
  180. $("#Form").submit();
  181. }
  182. //新增
  183. function add(){
  184. getTop(globalThis).jzts();
  185. var diag = new getTop(globalThis).Dialog();
  186. diag.Drag=true;
  187. diag.Title ="新增";
  188. diag.URL = '<%=basePath%>pictures/goAdd.do';
  189. diag.Width = 800;
  190. diag.Height = 490;
  191. diag.CancelEvent = function(){ //关闭事件
  192. if('${page.currentPage}' == '0'){
  193. getTop(globalThis).jzts();
  194. setTimeout("self.location=self.location",100);
  195. }else{
  196. nextPage(${page.currentPage});
  197. }
  198. diag.close();
  199. };
  200. diag.show();
  201. }
  202. //删除
  203. function del(Id,PATH){
  204. if(confirm("确定要删除?")){
  205. getTop(globalThis).jzts();
  206. var url = "<%=basePath%>pictures/delete.do?PICTURES_ID="+Id+"&PATH="+PATH+"&tm="+new Date().getTime();
  207. $.get(url,function(data){
  208. nextPage(${page.currentPage});
  209. });
  210. }
  211. }
  212. //修改
  213. function edit(Id){
  214. getTop(globalThis).jzts();
  215. var diag = new getTop(globalThis).Dialog();
  216. diag.Drag=true;
  217. diag.Title ="编辑";
  218. diag.URL = '<%=basePath%>pictures/goEdit.do?PICTURES_ID='+Id;
  219. diag.Width = 600;
  220. diag.Height = 465;
  221. diag.CancelEvent = function(){ //关闭事件
  222. if(diag.innerFrame.contentWindow.document.getElementById('zhongxin').style.display == 'none'){
  223. nextPage(${page.currentPage});
  224. }
  225. diag.close();
  226. };
  227. diag.show();
  228. }
  229. //全选 (是/否)
  230. function selectAll(){
  231. var checklist = document.getElementsByName ("ids");
  232. if(document.getElementById("zcheckbox").checked){
  233. for(var i=0;i<checklist.length;i++){
  234. checklist[i].checked = 1;
  235. }
  236. }else{
  237. for(var j=0;j<checklist.length;j++){
  238. checklist[j].checked = 0;
  239. }
  240. }
  241. }
  242. //批量操作
  243. function makeAll(msg){
  244. if(confirm(msg)){
  245. var str = '';
  246. for(var i=0;i < document.getElementsByName('ids').length;i++)
  247. {
  248. if(document.getElementsByName('ids')[i].checked){
  249. if(str=='') str += document.getElementsByName('ids')[i].value;
  250. else str += ',' + document.getElementsByName('ids')[i].value;
  251. }
  252. }
  253. if(str==''){
  254. alert("您没有选择任何内容!");
  255. return;
  256. }else{
  257. if(msg == '确定要删除选中的数据吗?'){
  258. getTop(globalThis).jzts();
  259. $.ajax({
  260. type: "POST",
  261. url: '<%=basePath%>pictures/deleteAll.do?tm='+new Date().getTime(),
  262. data: {DATA_IDS:str},
  263. dataType:'json',
  264. //beforeSend: validateData,
  265. cache: false,
  266. success: function(data){
  267. $.each(data.list, function(i, list){
  268. nextPage(${page.currentPage});
  269. });
  270. }
  271. });
  272. }
  273. }
  274. }
  275. }
  276. </script>
  277. <style type="text/css">
  278. li {list-style-type:none;}
  279. </style>
  280. <ul class="navigationTabs">
  281. <li><a></a></li>
  282. <li></li>
  283. </ul>
  284. </html>