fix: search on list file
This commit is contained in:
@@ -43,8 +43,8 @@ const {
|
|||||||
handleSearch,
|
handleSearch,
|
||||||
fetchData: getDivisionList,
|
fetchData: getDivisionList,
|
||||||
} = usePaginatedList({
|
} = usePaginatedList({
|
||||||
fetchFn: async ({ page, search }) => {
|
fetchFn: async (params: any) => {
|
||||||
const result = await getDivisions({ search, page })
|
const result = await getDivisions({ search: params.search, page: params['page-number'] || 0 })
|
||||||
return { success: result.success || false, body: result.body || {} }
|
return { success: result.success || false, body: result.body || {} }
|
||||||
},
|
},
|
||||||
entityName: 'division',
|
entityName: 'division',
|
||||||
|
|||||||
@@ -45,8 +45,8 @@ const {
|
|||||||
handleSearch,
|
handleSearch,
|
||||||
fetchData: getEquipmentList,
|
fetchData: getEquipmentList,
|
||||||
} = usePaginatedList({
|
} = usePaginatedList({
|
||||||
fetchFn: async ({ page }) => {
|
fetchFn: async (params: any) => {
|
||||||
const result = await getMaterials({ search: searchInput.value, page })
|
const result = await getMaterials({ search: params.search, page: params['page-number'] || 0 })
|
||||||
return { success: result.success || false, body: result.body || {} }
|
return { success: result.success || false, body: result.body || {} }
|
||||||
},
|
},
|
||||||
entityName: 'equipment',
|
entityName: 'equipment',
|
||||||
|
|||||||
@@ -44,8 +44,8 @@ const {
|
|||||||
handleSearch,
|
handleSearch,
|
||||||
fetchData: getInstallationList,
|
fetchData: getInstallationList,
|
||||||
} = usePaginatedList({
|
} = usePaginatedList({
|
||||||
fetchFn: async ({ page, search }) => {
|
fetchFn: async (params: any) => {
|
||||||
const result = await getInstallations({ search, page })
|
const result = await getInstallations({ search: params.search, page: params['page-number'] || 0 })
|
||||||
return { success: result.success || false, body: result.body || {} }
|
return { success: result.success || false, body: result.body || {} }
|
||||||
},
|
},
|
||||||
entityName: 'installation',
|
entityName: 'installation',
|
||||||
@@ -111,7 +111,7 @@ watch([recId, recAction], () => {
|
|||||||
})
|
})
|
||||||
|
|
||||||
onMounted(async () => {
|
onMounted(async () => {
|
||||||
await getEncounterClassList();
|
await getEncounterClassList()
|
||||||
await getInstallationList()
|
await getInstallationList()
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -43,8 +43,8 @@ const {
|
|||||||
handleSearch,
|
handleSearch,
|
||||||
fetchData: getMedicineGroupList,
|
fetchData: getMedicineGroupList,
|
||||||
} = usePaginatedList({
|
} = usePaginatedList({
|
||||||
fetchFn: async ({ page, search }) => {
|
fetchFn: async (params: any) => {
|
||||||
const result = await getMedicineGroups({ search, page })
|
const result = await getMedicineGroups({ search: params.search, page: params['page-number'] || 0 })
|
||||||
return { success: result.success || false, body: result.body || {} }
|
return { success: result.success || false, body: result.body || {} }
|
||||||
},
|
},
|
||||||
entityName: 'medicine-group',
|
entityName: 'medicine-group',
|
||||||
|
|||||||
@@ -43,8 +43,8 @@ const {
|
|||||||
handleSearch,
|
handleSearch,
|
||||||
fetchData: getMedicineMethodList,
|
fetchData: getMedicineMethodList,
|
||||||
} = usePaginatedList({
|
} = usePaginatedList({
|
||||||
fetchFn: async ({ page, search }) => {
|
fetchFn: async (params: any) => {
|
||||||
const result = await getMedicineMethods({ search, page })
|
const result = await getMedicineMethods({ search: params.search, page: params['page-number'] || 0 })
|
||||||
return { success: result.success || false, body: result.body || {} }
|
return { success: result.success || false, body: result.body || {} }
|
||||||
},
|
},
|
||||||
entityName: 'medicine-method',
|
entityName: 'medicine-method',
|
||||||
|
|||||||
@@ -54,8 +54,8 @@ const {
|
|||||||
handleSearch,
|
handleSearch,
|
||||||
fetchData: getMedicineList,
|
fetchData: getMedicineList,
|
||||||
} = usePaginatedList({
|
} = usePaginatedList({
|
||||||
fetchFn: async ({ page, search }) => {
|
fetchFn: async (params: any) => {
|
||||||
const result = await getMedicines({ search, page })
|
const result = await getMedicines({ search: params.search, page: params['page-number'] || 0 })
|
||||||
return { success: result.success || false, body: result.body || {} }
|
return { success: result.success || false, body: result.body || {} }
|
||||||
},
|
},
|
||||||
entityName: 'medicine',
|
entityName: 'medicine',
|
||||||
|
|||||||
@@ -32,6 +32,7 @@ import { units, getUnitList } from '~/handlers/_shared.handler'
|
|||||||
|
|
||||||
// Services
|
// Services
|
||||||
import { getSpecialists, getSpecialistDetail } from '~/services/specialist.service'
|
import { getSpecialists, getSpecialistDetail } from '~/services/specialist.service'
|
||||||
|
import { get } from "@vueuse/core"
|
||||||
|
|
||||||
const title = ref('')
|
const title = ref('')
|
||||||
|
|
||||||
@@ -44,8 +45,8 @@ const {
|
|||||||
handleSearch,
|
handleSearch,
|
||||||
fetchData: getSpecialistList,
|
fetchData: getSpecialistList,
|
||||||
} = usePaginatedList({
|
} = usePaginatedList({
|
||||||
fetchFn: async ({ page, search }) => {
|
fetchFn: async (params: any) => {
|
||||||
const result = await getSpecialists({ search, page })
|
const result = await getSpecialists({ search: params.search, page: params['page-number'] || 0 })
|
||||||
return { success: result.success || false, body: result.body || {} }
|
return { success: result.success || false, body: result.body || {} }
|
||||||
},
|
},
|
||||||
entityName: 'specialist',
|
entityName: 'specialist',
|
||||||
|
|||||||
@@ -44,8 +44,8 @@ const {
|
|||||||
handleSearch,
|
handleSearch,
|
||||||
fetchData: getSubSpecialistList,
|
fetchData: getSubSpecialistList,
|
||||||
} = usePaginatedList({
|
} = usePaginatedList({
|
||||||
fetchFn: async ({ page, search }) => {
|
fetchFn: async (params: any) => {
|
||||||
const result = await getSubspecialists({ search, page })
|
const result = await getSubspecialists({ search: params.search, page: params['page-number'] || 0 })
|
||||||
return { success: result.success || false, body: result.body || {} }
|
return { success: result.success || false, body: result.body || {} }
|
||||||
},
|
},
|
||||||
entityName: 'subspecialist',
|
entityName: 'subspecialist',
|
||||||
|
|||||||
@@ -44,8 +44,8 @@ const {
|
|||||||
handleSearch,
|
handleSearch,
|
||||||
fetchData: getToolsList,
|
fetchData: getToolsList,
|
||||||
} = usePaginatedList({
|
} = usePaginatedList({
|
||||||
fetchFn: async ({ page }) => {
|
fetchFn: async (params: any) => {
|
||||||
const result = await getDevices({ search: searchInput.value, page })
|
const result = await getDevices({ search: params.search, page: params['page-number'] || 0 })
|
||||||
return { success: result.success || false, body: result.body || {} }
|
return { success: result.success || false, body: result.body || {} }
|
||||||
},
|
},
|
||||||
entityName: 'device',
|
entityName: 'device',
|
||||||
|
|||||||
@@ -44,8 +44,8 @@ const {
|
|||||||
handleSearch,
|
handleSearch,
|
||||||
fetchData: getUnitList,
|
fetchData: getUnitList,
|
||||||
} = usePaginatedList({
|
} = usePaginatedList({
|
||||||
fetchFn: async ({ page, search }) => {
|
fetchFn: async (params: any) => {
|
||||||
const result = await getUnits({ search, page })
|
const result = await getUnits({ search: params.search, page: params['page-number'] || 0 })
|
||||||
return { success: result.success || false, body: result.body || {} }
|
return { success: result.success || false, body: result.body || {} }
|
||||||
},
|
},
|
||||||
entityName: 'unit',
|
entityName: 'unit',
|
||||||
|
|||||||
@@ -42,8 +42,8 @@ const {
|
|||||||
handleSearch,
|
handleSearch,
|
||||||
fetchData: getUomList,
|
fetchData: getUomList,
|
||||||
} = usePaginatedList({
|
} = usePaginatedList({
|
||||||
fetchFn: async ({ page, search }) => {
|
fetchFn: async (params: any) => {
|
||||||
const result = await getUoms({ search, page })
|
const result = await getUoms({ search: params.search, page: params['page-number'] || 0 })
|
||||||
return { success: result.success || false, body: result.body || {} }
|
return { success: result.success || false, body: result.body || {} }
|
||||||
},
|
},
|
||||||
entityName: 'uom',
|
entityName: 'uom',
|
||||||
|
|||||||
@@ -97,7 +97,6 @@ export function usePaginatedList<T = any>(options: UsePaginatedListOptions<T>) {
|
|||||||
paginationMeta.hasPrev = paginationMeta.page > 1
|
paginationMeta.hasPrev = paginationMeta.page > 1
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error(`Error fetching ${entityName} list:`, error)
|
|
||||||
data.value = []
|
data.value = []
|
||||||
paginationMeta.recordCount = 0
|
paginationMeta.recordCount = 0
|
||||||
paginationMeta.totalPage = 0
|
paginationMeta.totalPage = 0
|
||||||
@@ -126,6 +125,7 @@ export function usePaginatedList<T = any>(options: UsePaginatedListOptions<T>) {
|
|||||||
watch(
|
watch(
|
||||||
params,
|
params,
|
||||||
(newParams) => {
|
(newParams) => {
|
||||||
|
console.log('watch ~ newParams', newParams)
|
||||||
// Sync search input with URL params (for back/forward navigation)
|
// Sync search input with URL params (for back/forward navigation)
|
||||||
if (newParams.search !== searchInput.value) {
|
if (newParams.search !== searchInput.value) {
|
||||||
searchInput.value = newParams.search || ''
|
searchInput.value = newParams.search || ''
|
||||||
|
|||||||
Reference in New Issue
Block a user