汇联通执法队后台管理系统
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

manage.jsp 10KB

hace 3 años
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
  1. <!DOCTYPE html>
  2. <%@ page contentType="text/html;charset=utf-8"%>
  3. <!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
  4. <!--[if !IE]><!-->
  5. <html lang="en">
  6. <!--<![endif]-->
  7. <head>
  8. <%@ include file="/WEB-INF/jsp/assets.jsp" %>
  9. <script src="${rootUrl }plugins/datepicker/4.8/WdatePicker.js" type="text/javascript"></script>
  10. <script type="text/javascript">
  11. $(function(){
  12. $("#logManage").taiji({
  13. enableAclCheck:true,
  14. search:{
  15. autoSearch:false,
  16. autoRefresh : {
  17. enable : false,
  18. interval : 10000
  19. }
  20. }
  21. }).on("taijiAsyncSuccess",function(event,result){
  22. if(result!="error"){
  23. window.location="${rootUrl }app/system/oplog/asyncExport/download?fileName="+result;
  24. }
  25. }).on("taijiSearchSuccess",function(event,result){
  26. });
  27. });
  28. </script>
  29. </head>
  30. <body>
  31. <div id="form-target"></div>
  32. <div id="page-loader" class="fade in"><span class="spinner"></span></div>
  33. <!-- begin #page-container -->
  34. <div id="page-container" class="fade">
  35. <!-- begin #header -->
  36. <%@ include file="/WEB-INF/jsp/header.jsp" %>
  37. <!-- end #header -->
  38. <!-- begin #sidebar -->
  39. <%@ include file="/WEB-INF/jsp/sidebar.jsp" %>
  40. <!-- end #sidebar -->
  41. <!-- 内容页 -->
  42. <!-- begin #content -->
  43. <div id="content" class="content">
  44. <ol class="breadcrumb pull-right">
  45. </ol>
  46. <div class="row">
  47. <!-- begin col-12 -->
  48. <div class="col-md-12">
  49. <div id="logManage" class="panel panel-inverse">
  50. <div class="panel-heading">
  51. <div class="panel-heading-btn">
  52. <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
  53. <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success" data-click="panel-reload"><i class="fa fa-repeat"></i></a>
  54. <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
  55. <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-danger" data-click="panel-remove"><i class="fa fa-times"></i></a>
  56. </div>
  57. <h4 class="panel-title">操作日志</h4>
  58. </div>
  59. <div class="panel-toolbar">
  60. <a href="${rootUrl }app/system/oplog/multiRemove" data-selector="#myTable-column [name='ids']:checked" class="btn btn-success m-r-10 taiji_operate {confirm_message:'您确认要删除选中记录吗?',refresh:true}">
  61. <i class="fa fa-times m-r-10"></i>批量删除
  62. </a>
  63. <a href="${rootUrl }app/system/oplog/multiRemove" data-selector="#myTable-column [name='ids']:checked" class="btn btn-success m-r-10 taiji_operate {confirm_message:'您确认要操作选中记录吗?'}">
  64. <i class="fa fa-hand-o-up m-r-10"></i>批量操作
  65. </a>
  66. <a href="${rootUrl }app/system/oplog/asyncExport/runTask" data-selector="#startTime,#endTime,#file" class="taiji_async {process:'${rootUrl }app/system/oplog/asyncExport/runTask/process',interval:1000,confirm_message:'导出可能花较多时间,您确认要操作吗?'} btn btn-success m-r-10 ">
  67. <i class="fa fa-tasks m-r-10"></i>异步导出
  68. </a>
  69. <a href="${rootUrl }app/system/oplogExport/multiUser/runTask" data-selector="#startTime,#endTime,#file" class="taiji_async {process:'${rootUrl }app/system/oplogExport/multiUser/process',interval:1000,confirm_message:'导出可能花较多时间,您确认要操作吗?'} btn btn-success m-r-10 ">
  70. <i class="fa fa-tasks m-r-10"></i>多用户异步导出
  71. </a>
  72. <a href="${rootUrl }app/system/oplog/export" data-selector="#startTime,#endTime" class="taiji_export {fileUrl:'${rootUrl }app/system/oplog/export/file',confirm_message:'您确认要操作吗?'} btn btn-success m-r-10 ">
  73. <i class="fa fa-file-excel-o m-r-10"></i>导出Excel
  74. </a>
  75. <a href="${rootUrl }app/system/oplog/word" class="btn btn-success m-r-10 ">
  76. <i class="fa fa-file-word-o m-r-10"></i>导出Word
  77. </a>
  78. </div>
  79. <div class="panel-body">
  80. <form:form cssClass="taiji_search_form form-inline m-t-5" modelAttribute="queryModel" id="listForm" name="listForm" action="${rootUrl}app/system/oplog/manage" method="post" enctype="multipart/form-data">
  81. <!-- 查询条件 -->
  82. <div class="taiji_search_condition m-t-5">
  83. </div>
  84. <div class="form-group m-t-5">
  85. <label class="control-label">日志日期</label>
  86. <div class="input-group">
  87. <form:input cssStyle="width:150px" path="startTime" readonly="true" cssClass="form-control" />
  88. <span class="input-group-btn">
  89. <button type="button" class="btn btn-default" onclick="WdatePicker({el:$dp.$('startTime'),dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'#F{$dp.$D(\'endTime\')}'});"><i class="fa fa-calendar"></i></button>
  90. </span>
  91. </div>
  92. </div>
  93. <div class="form-group m-t-5">
  94. <label class="control-label">至</label>
  95. <div class="input-group">
  96. <form:input cssStyle="width:150px" path="endTime" readonly="true" cssClass="form-control" />
  97. <span class="input-group-btn">
  98. <button type="button" class="btn btn-default" onclick="WdatePicker({el:$dp.$('endTime'),dateFmt:'yyyy-MM-dd 23:59:59',minDate:'#F{$dp.$D(\'startTime\')}'});"><i class="fa fa-calendar"></i></button>
  99. </span>
  100. </div>
  101. </div>
  102. <div class="form-group m-t-5">
  103. <label class="control-label">操作用户</label>
  104. <div class="input-group">
  105. <input type="hidden" name="userId" id="userId">
  106. <form:input path="userName" cssClass="form-control" size="10" maxlength="50" />
  107. <span class="input-group-btn">
  108. <a href="${rootUrl }app/acl/userSelect/manage?targetId=userId&targetName=userName&multiple=0" class="taiji_modal_lg btn btn-info"><i class="fa fa-user"></i></a>
  109. </span>
  110. </div>
  111. </div>
  112. <button class="taiji_search_submit btn btn-md btn-success m-l-5" type="button" ><i class="fa fa-search m-r-10 "></i>查询</button>
  113. <button class="taiji_search_reset btn btn-md btn-default" type="button"><i class="fa fa-refresh m-r-10 "></i>重置</button>
  114. <button class="taiji_search_collapse btn btn-md btn-success m-l-5" data-toggle="collapse" data-target="#collapse-content" type="button" ><i class="fa fa-angle-double-down m-r-10 "></i>更多条件</button>
  115. <div class="collapse" id="collapse-content" >
  116. <div class="form-group m-t-5">
  117. <label class="control-label">日志类型</label>
  118. <form:select path="logType" cssClass="form-control" >
  119. <form:option value="">全部</form:option>
  120. <form:options items="${logTypes}" itemLabel="value"/>
  121. </form:select>
  122. </div>
  123. <div class="form-group m-t-5">
  124. <label class="control-label">IP</label>
  125. <form:input path="ip" cssClass="form-control" maxlength="50" />
  126. </div>
  127. <div class="form-group m-t-5">
  128. <label class="control-label">日志内容</label>
  129. <form:input path="info" cssClass="form-control" maxlength="200" size="50"/>
  130. </div>
  131. <div class="form-group m-t-5">
  132. <div class="checkbox-inline ">
  133. <input type="checkbox" class="magic-checkbox" name="checkbox" value="check1" id="check1"><label for="check1">复选框1</label>
  134. </div>
  135. <div class="checkbox-inline">
  136. <input type="checkbox" class="magic-checkbox" name="checkbox" value="check2" checked="checked" id="check2"><label for="check2">复选框2</label>
  137. </div>
  138. <div class="checkbox-inline">
  139. <input type="checkbox" class="magic-checkbox" name="checkbox" value="check2" checked="checked" id="check3"><label for="check3">复选框3</label>
  140. </div>
  141. </div>
  142. <div class="form-group m-t-5">
  143. <%@ include file="/WEB-INF/jsp/pagesize.jsp" %>
  144. </div>
  145. <div class="form-group m-t-5">
  146. <label class="control-label">多选</label>
  147. <select class="selectpicker" multiple data-selected-text-format="count>3" title='请选择(可多选)'>
  148. <option value="1">多选一</option>
  149. <option value="2">多选二</option>
  150. <option value="3">多选三</option>
  151. <option value="4">多选四</option>
  152. </select>
  153. </div>
  154. <div class="form-group m-5">
  155. <label class="control-label">选择文件</label>
  156. <input type="file" id="file" name="file" class="form-control"/>
  157. </div>
  158. <div class="form-group m-t-5">
  159. <label class="control-label">是否本地</label>
  160. <div class="radio-inline">
  161. <input type="radio" name="radiobox" value="1" class="magic-radio" id="radio1" checked="checked" ><label for="radio1">是</label>
  162. </div>
  163. <div class="radio-inline">
  164. <input type="radio" name="radiobox" value="0" class="magic-radio" id="radio2"><label for="radio2">否</label>
  165. </div>
  166. </div>
  167. </div>
  168. </form:form>
  169. </div>
  170. <div id="myTable-body" class="taiji_search_result taiji_table_float taiji_column_float table-responsive" data-column-width="60">
  171. <table class="table table-striped table-bordered table-hover" style="width:1200px">
  172. <thead>
  173. <tr>
  174. <th style="width:50px;height: 42px;"><input type="checkbox" name="checkAll" class='taiji_check_all' id="checkAll"/><label for="checkAll">&nbsp;</label></th>
  175. <th >用户</th>
  176. <th style="width: 240px" >时间</th>
  177. <th >IP</th>
  178. <th class="taiji_column_compress"><span>日志类型</span></th>
  179. <th width="600px">日志</th>
  180. </tr>
  181. </thead>
  182. <tbody>
  183. </tbody>
  184. </table>
  185. </div>
  186. <div class="panel-footer text-right ">
  187. <div class="pageturn taiji_pager">
  188. </div>
  189. </div>
  190. </div>
  191. </div>
  192. </div>
  193. </div>
  194. <!-- 内容页 -->
  195. <!-- 版权页 -->
  196. <a href="javascript:;" class="btn btn-icon btn-circle btn-success btn-scroll-to-top fade" data-click="scroll-top"><i class="fa fa-angle-up"></i></a>
  197. <!-- 版权页 -->
  198. </div>
  199. </body>
  200. </html>