105 lines
3.0 KiB
Vue
105 lines
3.0 KiB
Vue
<template>
|
|
<el-card class="mod-log">
|
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="handleGetTableList()">
|
|
<el-form-item>
|
|
<el-input v-model="dataForm.key" placeholder="用户名／用户操作" clearable></el-input>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button @click="handleGetTableList()">查询</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-table :data="dataList" border v-loading="dataListLoading" style="width: 100%">
|
|
<el-table-column prop="id" header-align="center" align="center" width="80" label="ID"></el-table-column>
|
|
<el-table-column prop="username" header-align="center" align="center" label="用户名"></el-table-column>
|
|
<el-table-column prop="operation" header-align="center" align="center" label="用户操作"></el-table-column>
|
|
<el-table-column
|
|
prop="method"
|
|
header-align="center"
|
|
align="center"
|
|
width="150"
|
|
:show-overflow-tooltip="true"
|
|
label="请求方法"
|
|
></el-table-column>
|
|
<el-table-column
|
|
prop="params"
|
|
header-align="center"
|
|
align="center"
|
|
width="150"
|
|
:show-overflow-tooltip="true"
|
|
label="请求参数"
|
|
></el-table-column>
|
|
<el-table-column prop="time" header-align="center" align="center" label="执行时长(毫秒)"></el-table-column>
|
|
<el-table-column prop="ip" header-align="center" align="center" width="150" label="IP地址"></el-table-column>
|
|
<el-table-column
|
|
prop="createDate"
|
|
header-align="center"
|
|
align="center"
|
|
width="180"
|
|
label="创建时间"
|
|
></el-table-column>
|
|
</el-table>
|
|
<el-pagination
|
|
@size-change="handleSizeChange"
|
|
@current-change="handleCurrentChange"
|
|
:current-page="pageIndex"
|
|
:page-sizes="[10, 20, 50, 100]"
|
|
:page-size="pageSize"
|
|
:total="totalPage"
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
></el-pagination>
|
|
</el-card>
|
|
</template>
|
|
|
|
<script>
|
|
import { apiSysLogList } from '@/api/api_sys'
|
|
|
|
export default {
|
|
data () {
|
|
return {
|
|
dataForm: {
|
|
key: ''
|
|
},
|
|
dataList: [],
|
|
pageIndex: 1,
|
|
pageSize: 20,
|
|
totalPage: 0,
|
|
dataListLoading: false,
|
|
selectionDataList: []
|
|
}
|
|
},
|
|
created () {
|
|
this.handleGetTableList()
|
|
},
|
|
methods: {
|
|
// 获取数据列表
|
|
handleGetTableList () {
|
|
apiSysLogList({
|
|
'page': this.pageIndex,
|
|
'limit': this.pageSize,
|
|
'key': this.dataForm.key
|
|
}).then(res => {
|
|
if (res && res.code == 200) {
|
|
this.dataList = res.page.list
|
|
this.totalPage = res.page.totalCount
|
|
} else {
|
|
this.dataList = []
|
|
this.totalPage = 0
|
|
}
|
|
this.dataListLoading = false
|
|
})
|
|
},
|
|
// 每页数
|
|
handleSizeChange (val) {
|
|
this.pageSize = val
|
|
this.pageIndex = 1
|
|
this.handleGetTableList()
|
|
},
|
|
// 当前页
|
|
handleCurrentChange (val) {
|
|
this.pageIndex = val
|
|
this.handleGetTableList()
|
|
}
|
|
}
|
|
}
|
|
</script>
|