pictures_list_tc.jsp 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  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/listfortc.do" method="post" name="Form" id="Form">
  60. <input name="xzvalue" id="xzvalue" value="" type="hidden" />
  61. <table style="margin-top:5px;">
  62. <tr>
  63. <td>
  64. <div class="nav-search">
  65. <span class="input-icon">
  66. <input autocomplete="off" class="nav-search-input" id="nav-search-input" type="text" name="keyword" value="${pd.keyword}" placeholder="这里输入关键词" />
  67. </span>
  68. </div>
  69. </td>
  70. <c:if test="${QX.cha == 1 }">
  71. <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>
  72. </c:if>
  73. </tr>
  74. </table>
  75. <!-- 检索 -->
  76. <table id="simple-table" class="table table-striped table-bordered table-hover" style="margin-top:0px;">
  77. <thead>
  78. <tr>
  79. <th class="center" style="width:50px;">序号</th>
  80. <th class="center" >图片</th>
  81. <th class="center" >标题</th>
  82. <th class="center">操作</th>
  83. </tr>
  84. </thead>
  85. <tbody>
  86. <!-- 开始循环 -->
  87. <c:choose>
  88. <c:when test="${not empty varList}">
  89. <c:if test="${QX.cha == 1 }">
  90. <c:forEach items="${varList}" var="var" varStatus="vs">
  91. <tr>
  92. <td class='center' style="width: 30px;">${page.showCount*(page.currentPage-1)+vs.index+1}</td>
  93. <td class="center">
  94. <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>
  95. </td>
  96. <td class="center">${var.TITLE}</td>
  97. <td class="center" style="width:130px;">
  98. <a class="btn btn-xs btn-info" title="选择" onclick="xuanTp('<%=basePath%>uploadFiles/uploadImgs/${var.PATH}');">选择 </a>
  99. </td>
  100. </tr>
  101. </c:forEach>
  102. </c:if>
  103. <c:if test="${QX.cha == 0 }">
  104. <tr>
  105. <td colspan="100" class="center">您无权查看</td>
  106. </tr>
  107. </c:if>
  108. </c:when>
  109. <c:otherwise>
  110. <tr class="main_info">
  111. <td colspan="100" class="center" >没有相关数据</td>
  112. </tr>
  113. </c:otherwise>
  114. </c:choose>
  115. </tbody>
  116. </table>
  117. <div class="page-header position-relative">
  118. <table style="width:100%;">
  119. <tr>
  120. <td style="vertical-align:top;">
  121. </td>
  122. <td style="vertical-align:top;"><div class="pagination" style="float: right;padding-top: 0px;margin-top: 0px;">${page.pageStr}</div></td>
  123. </tr>
  124. </table>
  125. </div>
  126. </form>
  127. <!-- /.page-content -->
  128. </div>
  129. </div>
  130. <!-- /.main-content -->
  131. <!-- 返回顶部 -->
  132. <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
  133. <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
  134. </a>
  135. </div>
  136. <!-- /.main-container -->
  137. <!-- basic scripts -->
  138. <!-- 页面底部js¨ -->
  139. <%@ include file="../../system/index/foot.jsp"%>
  140. <!-- ace scripts -->
  141. <script src="static/ace/js/ace/ace.js"></script>
  142. </body>
  143. <script type="text/javascript">
  144. $(getTop(globalThis).hangge());
  145. //检索
  146. function searchs(){
  147. getTop(globalThis).jzts();
  148. $("#Form").submit();
  149. }
  150. //选择
  151. function xuanTp(value){
  152. $("#xzvalue").val(value);
  153. getTop(globalThis).Dialog.close();
  154. }
  155. </script>
  156. <style type="text/css">
  157. li {list-style-type:none;}
  158. </style>
  159. <ul class="navigationTabs">
  160. <li><a></a></li>
  161. <li></li>
  162. </ul>
  163. </html>