defuj/apkt-eis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor data fetching in Type1.vue component

Browse Source
This commit is contained in:
probdg
2024-02-09 19:33:24 +07:00
parent a3564afce7
commit 6296078f2b
2 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/Form/FiltersType/Type1.vue
View File

@ -51,7 +51,6 @@ const setPosko = (value: any) => {
} }
onMounted(() => { onMounted(() => {
fetchUid();
emit('update:filters', data.value) emit('update:filters', data.value)
fetchUid() fetchUid()
}) })

21
src/components/Form/FiltersType/reference.ts
View File

@ -30,17 +30,17 @@ for (let i = 0; i < 5; i++) {
years.value.push({id:year-i, name: year-i}) years.value.push({id:year-i, name: year-i})
} }
const timeout = ref() const timeout = ref()
const items = ref<Item[]>([]); const itemsUid = ref<Item[]>([]);
const itemsUp3 = ref<Item[]>([]); const itemsUp3 = ref<Item[]>([]);
const itemsPosko = ref<Item[]>([]); const itemsPosko = ref<Item[]>([]);
const itemsUlp = ref<Item[]>([]); const itemsUlp = ref<Item[]>([]);
const itemsRegional = ref<Item[]>([]); const itemsRegional = ref<Item[]>([]);
const itemsMedia = ref<Item[]>([]); const itemsMedia = ref<Item[]>([]);
// Fetch data from the API using Axios // Fetch data from the API using Axios
const fetchData = async () => { const fetchUid = async () => {
try { try {
const res = await getUid() const res = await getUid()
items.value = res.data.map((item: any) => ( itemsUid.value = res.data.map((item: any) => (
{ {
id: item.id, id: item.id,
name: item.nama, name: item.nama,
@ -50,6 +50,19 @@ const fetchData = async () => {
console.error('Error fetching data:', error); console.error('Error fetching data:', error);
} }
}; };
const fetchMedia = async () => {
try {
const res = await getUid()
itemsMedia.value = res.data.map((item: any) => (
{
id: item.id,
name: item.nama,
}
));
} catch (error) {
console.error('Error fetching data:', error);
}
}
const fetchDataUp3 = async (uid: number) => { const fetchDataUp3 = async (uid: number) => {
try { try {
@ -112,4 +125,4 @@ const selectedUlp = (value: any) => {
useUlpStore().setData(value.id) useUlpStore().setData(value.id)
} }
export { selectedUid, selectedUp3Posko ,selectedUp3Ulp, selectedPosko,selectedUlp, fetchData, items, itemsUp3, itemsPosko,itemsRegional,itemsMedia,itemsUlp ,months ,years}; export { selectedUid, selectedUp3Posko ,selectedUp3Ulp, selectedPosko,selectedUlp,fetchMedia, fetchUid, itemsUid, itemsUp3, itemsPosko,itemsRegional,itemsMedia,itemsUlp ,months ,years};