loginimg_list.jsp 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
  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. <!-- 下拉框 -->
  16. <link rel="stylesheet" href="static/ace/css/chosen.css" />
  17. <!-- jsp文件头和头部 -->
  18. <%@ include file="../../system/index/top.jsp"%>
  19. <!-- 日期框 -->
  20. <link rel="stylesheet" href="static/ace/css/datepicker.css" />
  21. </head>
  22. <body class="no-skin">
  23. <!-- /section:basics/navbar.layout -->
  24. <div class="main-container" id="main-container">
  25. <!-- /section:basics/sidebar -->
  26. <div class="main-content">
  27. <div class="main-content-inner">
  28. <div class="page-content">
  29. <div class="row">
  30. <div class="col-xs-12">
  31. <form action="loginimg/list.do" method="post" name="Form" id="Form">
  32. </from>
  33. <table id="simple-table" class="table table-striped table-bordered table-hover" style="margin-top:5px;">
  34. <thead>
  35. <tr>
  36. <th class="center" style="width:50px;">序号</th>
  37. <th class="center">图片</th>
  38. <th class="center">名称</th>
  39. <th class="center">状态</th>
  40. <th class="center">排序</th>
  41. <th class="center">操作</th>
  42. </tr>
  43. </thead>
  44. <tbody>
  45. <!-- 开始循环 -->
  46. <c:choose>
  47. <c:when test="${not empty varList}">
  48. <c:forEach items="${varList}" var="var" varStatus="vs">
  49. <tr>
  50. <td class='center' style="width: 30px;">${page.showCount*(page.currentPage-1)+vs.index+1}</td>
  51. <td class='center'><img src="<%=basePath%>static/login/images/${var.FILEPATH}" width="100" /></td>
  52. <td class='center'>${var.NAME}</td>
  53. <td class='center'>${var.TYPE == 1?'启用':'停用'}</td>
  54. <td class='center'>${var.FORDER}</td>
  55. <td class="center">
  56. <div class="hidden-sm hidden-xs btn-group">
  57. <a class="btn btn-xs btn-success" title="编辑" onclick="edit('${var.LOGINIMG_ID}');">
  58. <i class="ace-icon fa fa-pencil-square-o bigger-120" title="编辑"></i>
  59. </a>
  60. <a class="btn btn-xs btn-danger" onclick="del('${var.LOGINIMG_ID}');">
  61. <i class="ace-icon fa fa-trash-o bigger-120" title="删除"></i>
  62. </a>
  63. </div>
  64. <div class="hidden-md hidden-lg">
  65. <div class="inline pos-rel">
  66. <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown" data-position="auto">
  67. <i class="ace-icon fa fa-cog icon-only bigger-110"></i>
  68. </button>
  69. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
  70. <li>
  71. <a style="cursor:pointer;" onclick="edit('${var.LOGINIMG_ID}');" class="tooltip-success" data-rel="tooltip" title="修改">
  72. <span class="green">
  73. <i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
  74. </span>
  75. </a>
  76. </li>
  77. <li>
  78. <a style="cursor:pointer;" onclick="del('${var.LOGINIMG_ID}');" class="tooltip-error" data-rel="tooltip" title="删除">
  79. <span class="red">
  80. <i class="ace-icon fa fa-trash-o bigger-120"></i>
  81. </span>
  82. </a>
  83. </li>
  84. </ul>
  85. </div>
  86. </div>
  87. </td>
  88. </tr>
  89. </c:forEach>
  90. </c:when>
  91. <c:otherwise>
  92. <tr class="main_info">
  93. <td colspan="100" class="center" >没有相关数据</td>
  94. </tr>
  95. </c:otherwise>
  96. </c:choose>
  97. </tbody>
  98. </table>
  99. <div class="page-header position-relative">
  100. <table style="width:100%;">
  101. <tr>
  102. <td style="vertical-align:top;">
  103. <a class="btn btn-mini btn-success" onclick="add();">新增</a>
  104. </td>
  105. <td style="vertical-align:top;"><div class="pagination" style="float: right;padding-top: 0px;margin-top: 0px;">${page.pageStr}</div></td>
  106. </tr>
  107. </table>
  108. </div>
  109. </form>
  110. </div>
  111. <!-- /.col -->
  112. </div>
  113. <!-- /.row -->
  114. </div>
  115. <!-- /.page-content -->
  116. </div>
  117. </div>
  118. <!-- /.main-content -->
  119. <!-- 返回顶部 -->
  120. <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
  121. <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
  122. </a>
  123. </div>
  124. <!-- /.main-container -->
  125. <!-- basic scripts -->
  126. <!-- 页面底部js¨ -->
  127. <%@ include file="../../system/index/foot.jsp"%>
  128. <!-- 删除时确认窗口 -->
  129. <script src="static/ace/js/bootbox.js"></script>
  130. <!-- ace scripts -->
  131. <script src="static/ace/js/ace/ace.js"></script>
  132. <!-- 下拉框 -->
  133. <script src="static/ace/js/chosen.jquery.js"></script>
  134. <!-- 日期框 -->
  135. <script src="static/ace/js/date-time/bootstrap-datepicker.js"></script>
  136. <!--提示框-->
  137. <script type="text/javascript" src="static/js/jquery.tips.js"></script>
  138. <script type="text/javascript">
  139. $(getTop(globalThis).hangge());//关闭加载状态
  140. //检索
  141. function tosearch(){
  142. getTop(globalThis).jzts();
  143. $("#Form").submit();
  144. }
  145. //新增
  146. function add(){
  147. getTop(globalThis).jzts();
  148. var diag = new getTop(globalThis).Dialog();
  149. diag.Drag=true;
  150. diag.Title ="新增";
  151. diag.URL = '<%=basePath%>loginimg/goAdd.do';
  152. diag.Width = 450;
  153. diag.Height = 335;
  154. diag.Modal = true; //有无遮罩窗口
  155. diag. ShowMaxButton = true; //最大化按钮
  156. diag.ShowMinButton = true; //最小化按钮
  157. diag.CancelEvent = function(){ //关闭事件
  158. if(diag.innerFrame.contentWindow.document.getElementById('zhongxin').style.display == 'none'){
  159. tosearch();
  160. }
  161. diag.close();
  162. };
  163. diag.show();
  164. }
  165. //删除
  166. function del(Id){
  167. bootbox.confirm("确定要删除吗?", function(result) {
  168. if(result) {
  169. getTop(globalThis).jzts();
  170. var url = "<%=basePath%>loginimg/delete.do?LOGINIMG_ID="+Id+"&tm="+new Date().getTime();
  171. $.get(url,function(data){
  172. tosearch();
  173. });
  174. }
  175. });
  176. }
  177. //修改
  178. function edit(Id){
  179. getTop(globalThis).jzts();
  180. var diag = new getTop(globalThis).Dialog();
  181. diag.Drag=true;
  182. diag.Title ="编辑";
  183. diag.URL = '<%=basePath%>loginimg/goEdit.do?LOGINIMG_ID='+Id;
  184. diag.Width = 450;
  185. diag.Height = 220;
  186. diag.Modal = true; //有无遮罩窗口
  187. diag. ShowMaxButton = true; //最大化按钮
  188. diag.ShowMinButton = true; //最小化按钮
  189. diag.CancelEvent = function(){ //关闭事件
  190. if(diag.innerFrame.contentWindow.document.getElementById('zhongxin').style.display == 'none'){
  191. tosearch();
  192. }
  193. diag.close();
  194. };
  195. diag.show();
  196. }
  197. </script>
  198. </body>
  199. </html>