From 9675261481c04c9b8ad1b1bb851d19285a7a49e4 Mon Sep 17 00:00:00 2001
From: wangqiao <wangqiao@58hn.cn>
Date: Sat, 30 Aug 2025 12:44:51 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0API=E8=B7=AF?=
 =?UTF-8?q?=E5=BE=84=E5=92=8C=E4=BC=98=E5=8C=96=E9=9D=A2=E5=8C=85=E5=B1=91?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/home/index.ts                          |   2 +-
 components/kl-wallpaper-category/index.vue | 101 ++++++++++++---------
 2 files changed, 61 insertions(+), 42 deletions(-)

diff --git a/api/home/index.ts b/api/home/index.ts
index 0116da1..3fd9d4c 100644
--- a/api/home/index.ts
+++ b/api/home/index.ts
@@ -86,5 +86,5 @@ export const tab2 = () => {
  * 获取具有上下级关系的当前的名称
  */
 export const getDictTree = (params: { type: number, id: number}) => {
-  return useDollarFetchRequest.get<IResponse<ProjectDictNodeVO[]>>('/business/app/dict/path-by-id', { query: params })
+  return useDollarFetchRequest.get<IResponse<ProjectDictNodeVO[]>>('/prod-api/app-api/business/app/dict/path-by-id', { query: params })
 }
diff --git a/components/kl-wallpaper-category/index.vue b/components/kl-wallpaper-category/index.vue
index 062814e..f964806 100644
--- a/components/kl-wallpaper-category/index.vue
+++ b/components/kl-wallpaper-category/index.vue
@@ -1,8 +1,8 @@
 <template>
   <!-- 面包屑 -->
-  <div v-if="level.length > 1" class="mb-[-10px] mt-[20px] pl-[20px]">
+  <div v-if="breadList && breadList.length > 1" class="mb-[-10px] mt-[20px] pl-[20px]">
     <el-breadcrumb :separator-icon="ArrowRight">
-      <el-breadcrumb-item v-for="(item, index) in level" :key="item.name" class="cursor-pointer" @click="handleClickBread(item, index)">{{
+      <el-breadcrumb-item v-for="(item, index) in breadList" :key="item.name" class="cursor-pointer" @click="handleClickBread(item, index)">{{
         item.name
       }}</el-breadcrumb-item>
     </el-breadcrumb>
@@ -75,24 +75,36 @@
   const query = defineModel<pageReq>('modelValue', {
     required: true,
   })
-  const level = defineModel<{ id: string; name: string; isChildren?: boolean }[]>('level', {
-    required: true,
-  })
+  // const level = defineModel<{ id: string; name: string; isChildren?: boolean }[]>('level', {
+  //   required: true,
+  // })
 
   const computType = computed(() => {
     return props.type === 1 ? '图纸' : props.type === 3 ? '模型' : '文本'
   })
 
-  const handleParentId = () => {
-    if (level?.value?.length > 1) {
-      if (level.value.find((c: any) => c.isChildren)) {
-        return level.value[level.value.length - 2].id || '' // 获取最后一个元素的 id 或 defaul
-      }
-      return level.value[level.value.length - 1].id || '' // 获取最后一个元素的 id 或 defaul
+  // 获取面包屑
+  const { data: breadList } = await useAsyncData(
+    `breadList-${props.type}-${props.id}-${query.value.projectType}-${Date.now()}`,
+    async () => {
+      const res = await getDictTree({ type: props.type, id: query.value.projectType })
+      const all = [
+        {
+          id: -1,
+          name: props.type === 1 ? '图纸库' : props.type === 3 ? '模型库' : '文本库',
+          isChildren: false,
+        },
+      ]
+      const arr = [...res.data, ...all]
+      return arr.reverse()
+    },
+    {
+      immediate: true,
     }
-    return '0'
-  }
+  )
 
+  console.log('breadList', breadList);
+  
   // const projectTypeList = ref<any>([])
   /** 获取分类下拉框 */
   // const getParent = (type?: string) => {
@@ -121,21 +133,28 @@
   // }
   // getEditionsList()
 
-  // 获取面包屑
-  const {data: breadList} = await useAsyncData(`breadList-${props.type}-${props.id}-${query.value.projectType}-${Date.now()}`, async () => {
-    const res = await getDictTree({ type: props.type, id: query.value.projectType })
-    return res.data
-  })
-
-  console.log('breadList', breadList);
-  
-
   /**获取分类下拉框 */
-  const { data: projectTypeList, refresh } = useAsyncData(`projectType-draw-${props.type}-${Date.now()}`, async () => {
-    const res = await parent({ type: 1, parentId: handleParentId() })
-    const all = [{ id: '-1', name: '全部' }]
-    return [...all, ...res.data]
-  })
+  const { data: projectTypeList } = await useAsyncData(
+    `projectType-draw-${props.type}-${query.value.projectType}`,
+    async () => {
+      let parentId: any = '0'
+      if (breadList?.value && breadList?.value.length > 1) {
+        if (breadList.value.length > 2) {
+          const length = breadList.value?.length
+          parentId = breadList?.value[length - 2].id
+        } else {
+          const length = breadList.value?.length
+          parentId = breadList?.value[length - 1].id
+        }
+      }
+      const res = await parent({ type: 1, parentId: parentId })
+      const all = [{ id: parentId === '0' ? '-1' : parentId, name: '全部' }]
+      return [...all, ...res.data]
+    },
+    {
+      immediate: true,
+    }
+  )
 
   /** 版本 */
   const { data: editionsList } = useAsyncData(`editionsList-${props.type}-${Date.now()}`, async () => {
@@ -147,25 +166,25 @@
   const handleClick = (row: any) => {
     query.value.title = ''
     query.value.projectType = row.id
-    if (row.name === '全部') return
-    const isChildren = level.value.find((c: any) => c.isChildren)
-    if (!row.isChildren && isChildren) {
-      const index = level.value.length - 1
-      level.value[index] = { id: row.id, name: row.name, isChildren: true }
-    } else if (!row.isChildren && !isChildren) {
-      level.value.push({ id: row.id, name: row.name, isChildren: true })
-    } else {
-      level.value.push({ id: row.id, name: row.name })
-      // getParent()
-      refresh()
-    }
+    // if (row.name === '全部') return
+    // const isChildren = breadList.value.find((c: any) => c.isChildren)
+    // if (!row.isChildren && isChildren) {
+    //   const index = breadList.value.length - 1
+    //   breadList.value[index] = { id: row.id, name: row.name, isChildren: true }
+    // } else if (!row.isChildren && !isChildren) {
+    //   breadList.value.push({ id: row.id, name: row.name, isChildren: true })
+    // } else {
+    //   breadList.value.push({ id: row.id, name: row.name })
+    //   // getParent()
+    //   refresh()
+    // }
   }
 
   const handleClickBread = (row: any, index: number) => {
-    level.value.splice(index + 1)
+    // breadList.value.splice(index + 1)
     query.value.title = ''
     query.value.projectType = row.id
     // getParent()
-    refresh()
+    // refresh()
   }
 </script>