Files
exam-jyt/exam-vue/src/views/sys/log/index.vue
T
2026-06-18 21:29:45 +08:00

98 lines
1.8 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!--
@description 系统日志页面展示操作日志与系统运行日志列表
@author D吕贺034244311
@date 20260618
-->
<template>
<div>
<data-table
ref="pagingTable"
:options="options"
:list-query="listQuery"
>
<template #filter-content>
<el-select v-model="listQuery.params.title" clearable class="filter-item">
<el-option
v-for="item in types"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
<el-input v-model="listQuery.params.userName" clearable placeholder="操作人" style="width: 200px;" class="filter-item" />
</template>
<template #data-columns>
<el-table-column
label="日志类型"
prop="title"
/>
<el-table-column
label="操作人"
prop="userName"
/>
<el-table-column
label="IP"
prop="ip"
/>
<el-table-column
label="操作时间"
prop="createTime"
/>
</template>
</data-table>
</div>
</template>
<script>
import DataTable from '@/components/DataTable'
export default {
name: 'SysLogList',
components: { DataTable },
data() {
return {
listQuery: {
current: 1,
size: 10,
params: {
}
},
options: {
// 列表请求URL
listUrl: '/exam/api/sys/log/paging'
},
types: [
{
value: '登录系统',
label: '登录系统'
}
]
}
},
methods: {
// 批量操作监听
handleMultiAction(obj) {
if (obj.opt === 'cancel') {
this.handleCancelOrder(obj.ids)
}
}
}
}
</script>