diff --git a/src/components/Employees/SimpleSearch.vue b/src/components/Employees/SimpleSearch.vue index a912c41..073595f 100644 --- a/src/components/Employees/SimpleSearch.vue +++ b/src/components/Employees/SimpleSearch.vue @@ -51,9 +51,12 @@ const unionColumns = computed(() => { return union(props.columns, columnsChecked.value) }) -const search = _debounce(() => { +function search() { emit('search', queryString.value) -}, 150) +} +/* const search = _debounce(() => { + emit('search', queryString.value) +}, 150) */ diff --git a/src/stores/employees.ts b/src/stores/employees.ts index 92f4b5e..9a6baa7 100644 --- a/src/stores/employees.ts +++ b/src/stores/employees.ts @@ -3,6 +3,7 @@ import { useUser } from '@/stores/user' import axios from '@/axios' import _cloneDeep from 'lodash/cloneDeep' import _assign from 'lodash/assign' +import _debounce from 'lodash/debounce' import { reactive, watch, onMounted } from 'vue' export default defineStore('employees', () => { @@ -74,9 +75,9 @@ export default defineStore('employees', () => { state.page = pPage } - watch(() => [state.limit, state.sort_by, state.simple_search, state.page], () => { + watch(() => [state.limit, state.sort_by, state.simple_search, state.page], _debounce(() => { fetchFromApi() - }) + }, 300)) onMounted(() => { fetchFromApi()