Add search input

This commit is contained in:
Angelina Filippova 2020-08-13 15:37:25 +03:00
parent 4405537fe7
commit 997a9a6d47

View file

@ -27,9 +27,16 @@
type="selection" type="selection"
align="center" align="center"
width="55"/> width="55"/>
<el-table-column <el-table-column :min-width="isDesktop ? 320 : 120" prop="url">
:min-width="isDesktop ? 320 : 120" <template slot="header">
prop="url"/> <el-input
:placeholder="$t('users.search')"
v-model="search"
size="mini"
prefix-icon="el-icon-search"
@input="handleDebounceSearchInput"/>
</template>
</el-table-column>
<el-table-column> <el-table-column>
<template slot="header"> <template slot="header">
<el-button <el-button
@ -60,6 +67,7 @@
</template> </template>
<script> <script>
import debounce from 'lodash.debounce'
import RebootButton from '@/components/RebootButton' import RebootButton from '@/components/RebootButton'
export default { export default {
@ -69,6 +77,7 @@ export default {
return { return {
urls: '', urls: '',
ban: false, ban: false,
search: '',
selectedUrls: [] selectedUrls: []
} }
}, },
@ -95,6 +104,10 @@ export default {
return this.$store.state.mediaProxyCache.totalUrlsCount return this.$store.state.mediaProxyCache.totalUrlsCount
} }
}, },
created() {
this.handleDebounceSearchInput = debounce((query) => {
}, 500)
},
mounted() { mounted() {
this.$store.dispatch('GetNodeInfo') this.$store.dispatch('GetNodeInfo')
this.$store.dispatch('NeedReboot') this.$store.dispatch('NeedReboot')