| | |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column label="日志编号" align="center" prop="operId" /> |
| | | <el-table-column label="系统模块" align="center" prop="title" /> |
| | | <el-table-column label="操作类型" align="center" prop="businessType" :formatter="typeFormat" /> |
| | | <el-table-column label="操作类型" align="center" prop="businessType"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag :options="typeOptions" :value="scope.row.businessType"/> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="请求方式" align="center" prop="requestMethod" /> |
| | | <el-table-column label="操作人员" align="center" prop="operName" width="100" :show-overflow-tooltip="true" sortable="custom" :sort-orders="['descending', 'ascending']" /> |
| | | <el-table-column label="操作地址" align="center" prop="operIp" width="130" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="操作地点" align="center" prop="operLocation" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="操作状态" align="center" prop="status" :formatter="statusFormat" /> |
| | | <el-table-column label="操作状态" align="center" prop="status"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag :options="statusOptions" :value="scope.row.status"/> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作日期" align="center" prop="operTime" sortable="custom" :sort-orders="['descending', 'ascending']" width="180"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.operTime) }}</span> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { list, delOperlog, cleanOperlog, exportOperlog } from "@/api/monitor/operlog"; |
| | | import { list, delOperlog, cleanOperlog } from "@/api/monitor/operlog"; |
| | | |
| | | export default { |
| | | name: "Operlog", |
| | |
| | | } |
| | | ); |
| | | }, |
| | | // 操作日志状态字典翻译 |
| | | statusFormat(row, column) { |
| | | return this.selectDictLabel(this.statusOptions, row.status); |
| | | }, |
| | | // 操作日志类型字典翻译 |
| | | typeFormat(row, column) { |
| | | return this.selectDictLabel(this.typeOptions, row.businessType); |
| | |
| | | }, |
| | | /** 导出按钮操作 */ |
| | | handleExport() { |
| | | const queryParams = this.queryParams; |
| | | this.$confirm('是否确认导出所有操作日志数据项?', "警告", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "warning" |
| | | }).then(() => { |
| | | this.exportLoading = true; |
| | | return exportOperlog(queryParams); |
| | | }).then(response => { |
| | | this.download(response.msg); |
| | | this.exportLoading = false; |
| | | }).catch(() => {}); |
| | | this.downLoadExcel('/monitor/operlog/export', this.queryParams); |
| | | } |
| | | } |
| | | }; |