wangqiao/front-pc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化footer组件数据获取逻辑

Browse Source
This commit is contained in:
wangqiao
2025-09-01 11:21:04 +08:00
parent a0f1ec758e
commit 4d968f5c72
1 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
components/kl-footer/index.vue
View File

@ -84,19 +84,21 @@
status: 0, status: 0,
}) })
const bannerList = ref<Array<PageResultIndexSettingRespVO[]>>([]) // 方案1: 直接在useAsyncData中通过泛型设置类型（当前已使用的方式）
const getBanner = async () => { const { data: arr } = await useAsyncData<PageResultIndexSettingRespVO[]>('projectTypeListChildren-PopularDrawings-popularDrawings', async (): Promise<PageResultIndexSettingRespVO[]> => {
const res = await getSettingPage(pageReq) const res = await getSettingPage(pageReq)
if (res.code === 0) { return res?.data || []
const arr = res.data || [] })
const bannerListOne = arr.filter((item) => item.rowType === 1)?.sort((a, b) => a.sort - b.sort)
const bannerListTwo = arr.filter((item) => item.rowType === 2)?.sort((a, b) => a.sort - b.sort) const bannerList = ref<Array<PageResultIndexSettingRespVO[]>>([])
const bannerListThree = arr.filter((item) => item.rowType === 3)?.sort((a, b) => a.sort - b.sort) if (arr && arr.value?.length) {
const bannerListFour = arr.filter((item) => item.rowType === 4)?.sort((a, b) => a.sort - b.sort) const bannerListOne = arr.value?.filter((item) => item.rowType === 1)?.sort((a, b) => a.sort - b.sort)
const bannerListTwo = arr.value?.filter((item) => item.rowType === 2)?.sort((a, b) => a.sort - b.sort)
const bannerListThree = arr.value?.filter((item) => item.rowType === 3)?.sort((a, b) => a.sort - b.sort)
const bannerListFour = arr.value?.filter((item) => item.rowType === 4)?.sort((a, b) => a.sort - b.sort)
bannerList.value = [bannerListOne, bannerListTwo, bannerListThree, bannerListFour] bannerList.value = [bannerListOne, bannerListTwo, bannerListThree, bannerListFour]
} }
} // }
getBanner()
const handle = (col: PageResultIndexSettingRespVO[]) => { const handle = (col: PageResultIndexSettingRespVO[]) => {
if (col?.length > 0) { if (col?.length > 0) {