1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
| <template>
| <div class="operationLog">
| <TableCustom :queryForm="queryForm" :tableData="list" :total="total"
| @currentChange="handleCurrentChange" @sizeChange="handleSizeChange">
| <template #table>
| <el-table-column label="序号" type="index" show-overflow-tooltip />
| <el-table-column label="操作时间" prop="operTime" show-overflow-tooltip />
| <el-table-column label="操作人" prop="operName" show-overflow-tooltip />
| <el-table-column label="操作内容" prop="title" show-overflow-tooltip />
| </template>
| </TableCustom>
| </div>
| </template>
|
| <script>
| // import { getOperlogList } from '@/api/systemSettings'
| export default {
| name: 'operationLog',
| data() {
| return {
| list: [],
| total: 0,
| queryForm: {
| pageNum: 1,
| pageSize: 10,
| },
| }
| },
| computed: {
| height() {
| return this.$baseTableHeight()
| },
| },
| created() {
| // this.fetchData()
| },
| methods: {
| handleSizeChange(val) {
| this.queryForm.pageSize = val
| this.fetchData()
| },
| handleCurrentChange(val) {
| this.queryForm.pageNum = val
| this.fetchData()
| },
| async fetchData() {
| this.listLoading = true
| const { data } = await getOperlogList(this.queryForm)
| this.list = data.data.records
| this.total = data.data.total
| },
| },
| }
| </script>
| <style scoped lang="less">
| .operationLog {
| height: 100%;
| }
| </style>
|
|
