| | |
|---|
| | | <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;
|
|---|
