44 lines
1.1 KiB
Vue
44 lines
1.1 KiB
Vue
<template>
|
|
<div class="head-container">
|
|
<!-- 搜索 -->
|
|
<el-input v-model="query.value" clearable placeholder="输入关键词搜索" style="width: 200px;" class="filter-item" @keyup.enter.native="toQuery"/>
|
|
<el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="toQuery">搜索</el-button>
|
|
<div style="display: inline-block;">
|
|
<!-- 清空缓存 -->
|
|
<el-button v-permission="['ADMIN','REDIS_ALL','REDIS_DELETE']" :loading="deleteAllLoading" type="warning" size="mini" class="filter-item" icon="el-icon-delete" @click="deleteAll">清空缓存</el-button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { delAll } from '@/api/redis'
|
|
// 查询条件
|
|
export default {
|
|
props: {
|
|
query: {
|
|
type: Object,
|
|
required: true
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
deleteAllLoading: false
|
|
}
|
|
},
|
|
methods: {
|
|
toQuery() {
|
|
this.$parent.page = 0
|
|
this.$parent.init()
|
|
},
|
|
deleteAll() {
|
|
this.deleteAllLoading = true
|
|
delAll().then(res => {
|
|
this.$parent.page = 0
|
|
this.$parent.init()
|
|
this.deleteAllLoading = false
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|