refactor: 优化工具箱分页和推荐列表逻辑

pages/toolbox/index.vue

@@ -37,18 +37,16 @@
           <!-- <div class="text-16px text-[#999999] font-normal">暂无数据</div> -->
           <el-empty v-if="!pageRes.list.length" :image="emptyImg"></el-empty>
         </div>
-        <div class="mt-[20px] text-right">
+        <el-pagination
-          <el-pagination
+          v-if="pageRes?.list.length"
-            v-model:current-page="pageReq.pageNum"
+          v-model:current-page="pageReq.pageNum"
-            :page-size="pageReq.pageSize"
+          :page-size="pageReq.pageSize"
-            layout="total, prev, pager, next"
+          layout="total, prev, pager, next"
-            :total="pageRes?.total"
+          :total="pageRes?.total"
-            :page-sizes="[10, 20, 30]"
+          :page-sizes="[10, 20, 30]"
-            class="justify-center!"
+          class="mt-[20px]"
-            @current-change="handleCurrentChange"
+          @current-change="handleCurrentChange"
-            @size-change="handleSizeChange"
+        />
-          />
-        </div>
       </div>
     </div>
     <div class="right w-[398px]">
@@ -115,10 +113,16 @@
   //   total: 0,
   // })
 
-  const {data: pageRes, refresh: getPage } = await useAsyncData(`draw-page-list-${Date.now()}`, async () => {
+  const { data: pageRes, refresh: getPage } = await useAsyncData(
-    const res = await page(pageReq)
+    `draw-page-toobox-list`,
-    return res.data
+    async () => {
-  })
+      const res = await page(pageReq)
+      return res.data
+    },
+    {
+      immediate: true,
+    }
+  )
 
   const loading = ref(false)
   // const getPage = () => {
@@ -153,7 +157,7 @@
     getPage()
   }
 
-  const {data: recommendList} = await useAsyncData(`draw-recommend-list-${Date.now()}`, async () => {
+  const { data: recommendList } = await useAsyncData(`draw-recommend-list-getRelationRecommend`, async () => {
     const res = await getRelationRecommend({
       type: 4,
     })