<!DOCTYPE html> <html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"> <meta charset="utf-8"> <head th:include="include :: header"></head> <body class="gray-bg"> <div class="container-div"> <div class="row"> <div class="col-sm-12 select-info"> <form id="operlog-form"> <div class="select-list"> <ul> <li> <label>系统模块: </label><input type="text" name="title"/> </li> <li> <label>具体操作: </label><input type="text" name="operating"/> </li> <li> <label>操作人员: </label><input type="text" name="operName"/> </li> <li> <label>操作类型: </label><select name="action" th:with="type=${@dict.getType('sys_oper_type')}"> <option value="">所有</option> <option th:each="e : ${type}" th:text="${e['dictLabel']}" th:value="${e['dictValue']}"></option> </select> </li> <li class="time"> <label>创建时间: </label> <input type="text" class="time-input" id="startTime" placeholder="开始时间" name="params[beginTime]"/> <span>-</span> <input type="text" class="time-input" id="endTime" placeholder="结束时间" name="params[endTime]"/> </li> <li> <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i> 搜索</a> <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset('operlog-form')"><i class="fa fa-refresh"></i> 重置</a> <!--<a class="btn btn-success btn-rounded btn-sm" onclick="$.table.exportExcel()" shiro:hasPermission="monitor:logininfor:export"><i class="fa fa-download"></i> 导出</a>--> </li> </ul> </div> </form> </div> <div class="btn-group hidden-xs" id="toolbar" role="group"> <a class="btn btn-outline btn-danger btn-rounded" onclick="$.operate.batRemove()" shiro:hasPermission="monitor:logininfor:remove"> <i class="fa fa-trash-o"></i> 批量删除 </a> </div> <div class="col-sm-12 select-info"> <table id="bootstrap-table" data-mobile-responsive="true" class="table table-bordered table-hover"></table> </div> </div> </div> <div th:include="include :: footer"></div> <script th:inline="javascript"> var detailFlag = [[${@permission.hasPermi('monitor:operlog:detail')}]]; var datas = [[${@dict.getType('sys_oper_type')}]]; var prefix = ctx + "monitor/operlog" $(function() { var options = { url: prefix + "/list", removeUrl: prefix + "/remove", exportUrl: prefix + "/export", sortName: "operTime", sortOrder: "desc", search: false, showExport: false, columns: [{ checkbox: true }, { field: 'id', title: '日志编号' }, { field: 'title', title: '系统模块' }, { field: 'operating', title: '具体操作' }, { field: 'action', title: '操作类型', align: 'center', formatter: function(value, row, index) { return $.table.selectDictLabel(datas, value); } }, { field: 'operName', title: '操作人员', sortable: true }, { field: 'deptName', title: '部门名称' }, { field: 'operIp', title: '登录地址' }, { field: 'operLocation', title: '操作地点' }, { field: 'status', title: '操作状态', align: 'center', formatter: function(value, row, index) { if (value == 0) { return '<span class="badge badge-primary">成功</span>'; } else if (value == 1) { return '<span class="badge badge-danger">异常</span>'; } } }, { field: 'operTime', title: '操作时间', sortable: true }, { title: '操作', align: 'center', formatter: function(value, row, index) { var actions = []; actions.push('<a class="btn btn-warning btn-xs ' + detailFlag + '" href="#" onclick="detail(\'' + row.id + '\')"><i class="fa fa-search"></i>详细</a>'); return actions.join(''); } }] }; $.table.init(options); }); /*操作日志-详细*/ function detail(id) { var url = prefix + '/detail/' + id; $.modal.open("操作日志详细", url); } </script> </body> </html>