list.html 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org"
  3. xmlns:sec="http://www.pollix.at/thymeleaf/shiro">
  4. <head th:replace="admin/common/html/head :: head_Normal(~{::title},~{::link},~{::style})">
  5. <title th:text=${title}></title>
  6. <!-- 这儿引用单独的css link -->
  7. <!-- Ladda for Bootstrap 3按钮加载进度插件 -->
  8. <link rel="stylesheet" th:href="@{/static/admin/assets/js/button/ladda/ladda.min.css}">
  9. <!-- bootstrap-table表单样式 -->
  10. <link th:href="@{/static/admin/assets/js/bootstrap/css/bootstrap-table/bootstrap-table.min.css}" rel="stylesheet"/>
  11. <style type="text/css">
  12. /**
  13. *这里写单独的css样式
  14. */
  15. .select-list ul li{
  16. list-style-type: none;
  17. float: left;
  18. }
  19. </style>
  20. </head>
  21. <body id="listbody">
  22. <!-- ###############################代码编写处############################### -->
  23. <!-- 右边内容 -->
  24. <div class="wrap-fluid">
  25. <div class="container-fluid paper-wrap bevel tlbr">
  26. <!-- 内容 -->
  27. <!--标题 通用-->
  28. <div th:replace="admin/common/html/title :: title(${title},${parenttitle},${isMsg},${msgHTML})">
  29. </div>
  30. <!-- 结束标题 通用-->
  31. <div class="content-wrap">
  32. <!-- 结束内容 -->
  33. <div class="row">
  34. <div class="col-sm-12">
  35. <!-- 搜索条件 -->
  36. <div class="nest" id="inlineClose">
  37. <div class="title-alt">
  38. <h6>搜索条件</h6>
  39. <div class="titleClose">
  40. <a class="gone" href="#inlineClose">
  41. <span class="entypo-cancel"></span>
  42. </a>
  43. </div>
  44. <div class="titleToggle">
  45. <a class="nav-toggle-alt" href="#search_div">
  46. <span class="entypo-up-open"></span>
  47. </a>
  48. </div>
  49. </div>
  50. <div class="body-nest" id="search_div">
  51. <div class="form_left">
  52. <form role="form" class="form-inline">
  53. <div class="form-group">
  54. <label for="exampleInputEmail2" class="sr-only">日志名字</label>
  55. <input type="text" name="searchText" placeholder="文件名字"class="form-control">
  56. </div>
  57. <button onclick="$.table.search(this)" class="btn btn-success" type="button"><i class="fa fa-search"></i>&nbsp;搜索</button>
  58. </form>
  59. </div>
  60. </div>
  61. </div>
  62. <!-- END搜索条件 -->
  63. <!-- 空白页开始-->
  64. <div class="nest" id="Blank_PageClose">
  65. <div class="title-alt">
  66. <h6>表单</h6>
  67. <div class="titleClose">
  68. <a class="gone" href="#Blank_PageClose">
  69. <span class="entypo-cancel"></span>
  70. </a>
  71. </div>
  72. <div class="titleToggle">
  73. <a class="nav-toggle-alt" href="#Blank_Page_Content">
  74. <span class="entypo-up-open"></span>
  75. </a>
  76. </div>
  77. </div>
  78. <div class="body-nest" id="Blank_Page_Content">
  79. <!-- 工具条 -->
  80. <div class="btn-group hidden-xs" id="exampleTableEventsToolbar" role="group">
  81. <button onclick="$.operate.batRemove()" type="button" class="btn btn-info">
  82. <span class="entypo-trash"></span>&nbsp;&nbsp;删除
  83. </button>
  84. </div>
  85. <!-- 工具条 end-->
  86. <table id="dataTable" class="table-striped footable-res footable metro-blue" data-page-size="6">
  87. </table>
  88. </div>
  89. </div>
  90. </div>
  91. <!-- 空白页结束 -->
  92. </div>
  93. <!-- 结束内容 -->
  94. </div>
  95. </div>
  96. </div>
  97. <!-- 结束右边内容 -->
  98. <!-- ###############################代码编写处end############################### -->
  99. <!-- 右侧隐藏滑块内容 -->
  100. <div th:include="admin/common/html/rightHide :: rightHide">
  101. </div>
  102. <!-- END 右侧隐藏滑块内容-->
  103. <!-- 通用js -->
  104. <div th:include="admin/common/html/js :: onload_js">
  105. </div>
  106. <!-- bootstarp 表格 -->
  107. <script th:src="@{/static/admin/assets/js/bootstrap/js/bootstrap-table/bootstrap-table.min.js}" type="text/javascript"></script>
  108. <script th:src="@{/static/admin/assets/js/bootstrap/js/bootstrap-table/locale/bootstrap-table-zh-CN.min.js}" type="text/javascript"></script>
  109. <script th:src="@{/static/admin/assets/js/bootstrap/js/base_list.js}" type="text/javascript"></script>
  110. <!-- 导出 -->
  111. <script th:src="@{/static/admin/assets/js/bootstrap/extensions/export/bootstrap-table-export.js}" type="text/javascript"></script>
  112. <script th:src="@{/static/admin/assets/js/bootstrap/extensions/export/tableExport.js}" type="text/javascript"></script>
  113. <!-- 弹窗 -->
  114. <script th:src="@{/static/admin/assets/js/layer/layer.js}" type="text/javascript"></script>
  115. <!-- 遮罩层 -->
  116. <script th:src="@{/static/admin/assets/js/blockUI/jquery.blockUI.js}" type="text/javascript"></script>
  117. <!-- 右边高度控制 -->
  118. <script type="text/javascript" th:src="@{/static/admin/assets/js/right_hight.js}"></script>
  119. <script type="text/javascript">
  120. function queryId(id){
  121. var url=window.rootPath+"FileController/viewfile/"+id;
  122. $.modal.open("查看",url );
  123. }
  124. var dataUrl=window.rootPath+"/LogController/list";
  125. var removeUrl=window.rootPath+"/LogController/remove";
  126. var exportUrl=window.rootPath+"/LogController/export";
  127. var options = {
  128. dataUrl: dataUrl,
  129. removeUrl:removeUrl,
  130. exportUrl: exportUrl,
  131. sortName: "fileSort",
  132. modalName: "文件",
  133. search: false,
  134. dataColumns: [
  135. {
  136. checkbox: true
  137. },
  138. {
  139. field: 'id',
  140. title: '序号'
  141. },
  142. {
  143. field: 'title',
  144. title: '日志名称'
  145. },
  146. {
  147. field: 'method',
  148. title: '方法'
  149. },
  150. {
  151. field: 'operTime',
  152. title: '操作时间'
  153. },
  154. {
  155. title: '操作',
  156. formatter: function (value, row, index) {
  157. var id = row.id;
  158. var actions = [];
  159. //actions.push('<a class="btn btn-info btn-xs" href="#" onclick="queryId(\'' + row.id + '\')"><i class="fa fa-edit"></i>查看</a> ');
  160. actions.push('<a class="btn btn-danger btn-xs" href="#" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a>');
  161. return actions.join('');
  162. //return '<a class="btn btn-xs btn-danger" onclick="delPermission(' + "'" + id + "'" + ')"><i class="fa fa-remove"></i>删除</a>';
  163. }
  164. }]
  165. };
  166. $(function(){
  167. var oTab=$.table.oTableInit(options);
  168. oTab.Init();
  169. })
  170. </script>
  171. <script type="text/javascript">
  172. </script>
  173. </body>
  174. </html>