| | |
| | | <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
| | | </el-row> |
| | | |
| | | <el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange"> |
| | | <el-table ref="tables" v-loading="loading" :data="list" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="handleSortChange"> |
| | | <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="requestMethod" /> |
| | | <el-table-column label="操作人员" align="center" prop="operName" /> |
| | | <el-table-column label="主机" align="center" prop="operIp" width="130" :show-overflow-tooltip="true" /> |
| | | <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="operTime" width="180"> |
| | | <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> |
| | |
| | | statusOptions: [], |
| | | // 日期范围 |
| | | dateRange: [], |
| | | // 默认排序 |
| | | defaultSort: {prop: 'operTime', order: 'descending'}, |
| | | // 表单参数 |
| | | form: {}, |
| | | // 查询参数 |
| | |
| | | resetQuery() { |
| | | this.dateRange = []; |
| | | this.resetForm("queryForm"); |
| | | this.$refs.tables.sort(this.defaultSort.prop, this.defaultSort.order) |
| | | this.handleQuery(); |
| | | }, |
| | | // 多选框选中数据 |
| | | /** 多选框选中数据 */ |
| | | handleSelectionChange(selection) { |
| | | this.ids = selection.map(item => item.operId) |
| | | this.multiple = !selection.length |
| | | }, |
| | | /** 排序触发事件 */ |
| | | handleSortChange(column, prop, order) { |
| | | this.queryParams.orderByColumn = column.prop; |
| | | this.queryParams.isAsc = column.order; |
| | | this.getList(); |
| | | }, |
| | | /** 详细按钮操作 */ |
| | | handleView(row) { |
| | | this.open = true; |