chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

refactor: add page size
Some checks failed
Spell Check / Spell Check with Typos (push) Failing after 6s
Details

Browse source
This commit is contained in:
Thanaphon Frappet 2025-07-11 11:09:39 +07:00
parent 3ddea74b73
commit d4f021d0e6
4 changed files with 39 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/PaginationPageSize.vue
View file

@ -1,5 +1,12 @@
<script setup lang="ts">
const pageSize = defineModel<number>({ required: true });
withDefaults(
defineProps<{
fetchData?: (...args: unknown[]) => void;
}>(),
{},
);
</script>
<template>
@ -10,7 +17,12 @@ const pageSize = defineModel<number>({ required: true });
:key="v"
clickable
v-close-popup
@click="pageSize = v"
@click="
() => {
pageSize = v;
fetchData();
}
"
>
<q-item-section>
<q-item-label>{{ v }}</q-item-label>

20
src/pages/04_product-service/MainPage.vue
View file

@ -2660,7 +2660,15 @@ watch(
{{ $t('general.recordPerPage') }}
</div>
<div>
<PaginationPageSize v-model="pageSizeGroup" />
<PaginationPageSize
v-model="pageSizeGroup"
:fetch-data="
async () => {
await fetchListGroups();
flowStore.rotate();
}
"
/>
</div>
</div>
</div>
@ -3419,7 +3427,15 @@ watch(
{{ $t('general.recordPerPage') }}
</div>
<div>
<PaginationPageSize v-model="pageSizeServiceAndProduct" />
<PaginationPageSize
v-model="pageSizeServiceAndProduct"
:fetch-data="
async () => {
await alternativeFetch();
flowStore.rotate();
}
"
/>
</div>
</div>
</div>

5
src/pages/07_agencies-management/MainPage.vue
View file

@ -923,7 +923,10 @@ watch(
{{ $t('general.recordPerPage') }}
</div>
<div>
<PaginationPageSize v-model="pageSize" />
<PaginationPageSize
v-model="pageSize"
:fetch-data="() => fetchData()"
/>
</div>
</div>
</div>

5
src/pages/16_ิbusiness-type-management/MainPage.vue
View file

@ -647,7 +647,10 @@ watch(
{{ $t('general.recordPerPage') }}
</div>
<div>
<PaginationPageSize v-model="pageSize" />
<PaginationPageSize
v-model="pageSize"
:fetch-data="() => fetchData()"
/>
</div>
</div>
</div>