feat: search institution

This commit is contained in:
Methapon Metanipat 2024-11-08 17:09:02 +07:00
parent 2a4da33770
commit 86a3247732

View file

@ -17,6 +17,8 @@ import FloatingActionButton from 'src/components/FloatingActionButton.vue';
import CreateButton from 'src/components/AddButton.vue'; import CreateButton from 'src/components/AddButton.vue';
import NoData from 'src/components/NoData.vue'; import NoData from 'src/components/NoData.vue';
import AgenciesDialog from './AgenciesDialog.vue'; import AgenciesDialog from './AgenciesDialog.vue';
import { computed } from 'vue';
import { watch } from 'vue';
const { t } = useI18n(); const { t } = useI18n();
const navigatorStore = useNavigator(); const navigatorStore = useNavigator();
@ -211,6 +213,7 @@ async function fetchData() {
const ret = await institutionStore.getInstitutionList({ const ret = await institutionStore.getInstitutionList({
page: page.value, page: page.value,
pageSize: pageSize.value, pageSize: pageSize.value,
query: pageState.inputSearch,
}); });
if (ret) { if (ret) {
@ -226,6 +229,11 @@ onMounted(async () => {
await fetchData(); await fetchData();
}); });
watch(
() => pageState.inputSearch,
() => fetchData(),
);
</script> </script>
<template> <template>
<FloatingActionButton <FloatingActionButton