优化工具箱分类筛选功能

pages/toolbox/index.vue

@@ -10,7 +10,15 @@
           <!-- <el-select v-model="form.categoryId" placeholder="请选择软件分类" class="w-[361px]!" multiple>
           <el-option v-for="(item, index) in projectTypeList" :key="index" :label="item.name" :value="item.id" />
         </el-select> -->
-          <el-cascader v-model="pageReq.categoryId" class="w-[280px]!" :options="projectTypeList" :props="cascaderProps" clearable collapse-tags @change="handleCurrentChange(1)" />
+          <el-cascader
+            v-model="pageReq.categoryId"
+            class="w-[280px]!"
+            :options="projectTypeList"
+            :props="cascaderProps"
+            clearable
+            collapse-tags
+            @change="handleCurrentChange(1)"
+          />
         </el-form-item>
         <el-form-item label-width="110px" label="分类：" prop="sourceType" :rules="{ required: true, message: '请选择', trigger: ['blur', 'change'] }">
           <el-radio-group v-model="pageReq.sourceType" @change="handleCurrentChange(1)">
@@ -133,12 +141,18 @@
     `draw-page-toobox-list`,
     async () => {
       const res = await page(pageReq)
-      return res.data
-    },{
+      if (res.code === 0) {
+        return res.data
+      }
+      return {
+        list: [],
+        total: 0,
+      }
+    },
+    {
       immediate: true,
     }
   )
-  
 
   const loading = ref(false)
   // const getPage = () => {
@@ -180,29 +194,11 @@
     return res.data
   })
 
-  // 猜你喜欢
-  // const recommendList = ref<ProjectDrawPageRespVO[]>([]) // 猜你喜欢数据
-  // const getRelationRecommendList = () => {
-  //   getRelationRecommend({
-  //     type: 4,
-  //   }).then((res) => {
-  //     if (res.code === 0) {
-  //       console.log(res.data)
-  //       recommendList.value = res.data
-  //     }
-  //   })
-  // }
-  // getRelationRecommendList()
-
-  const projectTypeList = ref<any>([])
-  /** 获取分类下拉框 */
-  const getParent = () => {
-    parent({
+  const { data: projectTypeList } = await useAsyncData(`project-type-list`, async () => {
+    const res = await parent({
       type: 3,
       parentId: 0,
-    }).then((res) => {
-      projectTypeList.value = res.data
     })
-  }
-  getParent()
+    return res.data
+  })
 </script>