116 lines
2.8 KiB
Vue
116 lines
2.8 KiB
Vue
<template>
|
||
<div class="app-container">
|
||
<div class="head-container">
|
||
<Search/>
|
||
<crudOperation>
|
||
<el-button
|
||
slot="left"
|
||
class="filter-item"
|
||
type="danger"
|
||
icon="el-icon-delete"
|
||
size="mini"
|
||
:loading="crud.delAllLoading"
|
||
@click="confirmDelAll()"
|
||
>
|
||
清空
|
||
</el-button>
|
||
</crudOperation>
|
||
</div>
|
||
<!--表格渲染-->
|
||
<el-table
|
||
ref="table"
|
||
v-loading="crud.loading"
|
||
:data="crud.data"
|
||
style="width: 100%;"
|
||
@selection-change="crud.selectionChangeHandler"
|
||
>
|
||
<el-table-column type="selection" width="55"/>
|
||
<el-table-column v-if="false" prop="id" label="id"/>
|
||
<el-table-column prop="resource_name" label="资源号"/>
|
||
<el-table-column prop="create_datetime" label="创建时间"/>
|
||
<el-table-column prop="content" label="内容详情"/>
|
||
|
||
</el-table>
|
||
<!--分页组件-->
|
||
<pagination/>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import Search from './search'
|
||
import CRUD, { crud, header, presenter } from '@crud/crud'
|
||
import crudOperation from '@crud/CRUD.operation'
|
||
import pagination from '@crud/Pagination'
|
||
import { delAll } from '@/api/acs/lucene/log'
|
||
|
||
const start = new Date()
|
||
export default {
|
||
name: 'LuceneLog',
|
||
components: { Search, pagination, crudOperation },
|
||
mixins: [presenter(), header(), crud()],
|
||
cruds() {
|
||
return CRUD({
|
||
title: '系统参数', url: 'api/lucene', idField: 'id', sort: 'id,desc',
|
||
queryOnPresenterCreated: true,
|
||
optShow: {
|
||
add: false,
|
||
edit: false,
|
||
del: false,
|
||
download: false
|
||
},
|
||
page: {
|
||
size: 40,
|
||
total: 0,
|
||
page: 0
|
||
},
|
||
query: {
|
||
createTime: [start.setTime(start.getTime() - 3600 * 1000 * 0.5), new Date()]
|
||
}
|
||
})
|
||
},
|
||
data() {
|
||
return {
|
||
query: { blurry: '123' },
|
||
permission: {
|
||
add: ['admin', 'param:add'],
|
||
edit: ['admin', 'param:edit'],
|
||
del: ['admin', 'param:del']
|
||
},
|
||
|
||
rules: {}
|
||
}
|
||
},
|
||
created() {
|
||
},
|
||
methods: {
|
||
// 钩子：在获取表格数据之前执行，false 则代表不获取数据
|
||
[CRUD.HOOK.beforeRefresh]() {
|
||
return true
|
||
},
|
||
confirmDelAll() {
|
||
this.$confirm(`确认清空所有操作日志吗?`, '提示', {
|
||
confirmButtonText: '确定',
|
||
cancelButtonText: '取消',
|
||
type: 'warning'
|
||
}).then(() => {
|
||
this.crud.delAllLoading = true
|
||
delAll('device_execute').then(res => {
|
||
this.crud.delAllLoading = false
|
||
this.crud.dleChangePage(1)
|
||
this.crud.delSuccessNotify()
|
||
this.crud.toQuery()
|
||
}).catch(err => {
|
||
this.crud.delAllLoading = false
|
||
console.log(err.response.data.message)
|
||
})
|
||
}).catch(() => {
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
|
||
</style>
|