refactor(@vben/web-antd): 完成爬虫部分未解决问题

apps/web-antd/src/api/core/spider.ts

@@ -2,7 +2,7 @@ import { requestClient } from '#/api/request';
 
 // 全国公共资源爬虫
 export function runSpider(data: any) {
-  return requestClient.post(`/spider/run`, { data });
+  return requestClient.post(`/spider/run`, data);
 }
 
 export function getSpiderStatus() {

apps/web-antd/vite.config.mts

@@ -10,8 +10,8 @@ export default defineConfig(async () => {
             changeOrigin: true,
             rewrite: (path) => path.replace(/^\/api/, ''),
             // mock代理目标地址
-            // target: 'http://localhost:8081/api',
+            target: 'http://localhost:8081/api',
-            target: 'http://43.139.10.64:8082/api',
+            // target: 'http://43.139.10.64:8082/api',
             // target: 'http://192.168.3.238:8081/api',
             ws: true,
           },
@@ -20,11 +20,21 @@ export default defineConfig(async () => {
             rewrite: (path) => path.replace(/^\/docx/, ''),
             target: 'http://47.112.173.8:6805/static',
           },
+          '/guangzhou': {
+            changeOrigin: true,
+            rewrite: (path) => path.replace(/^\/guangzhou/, ''),
+            target: 'http://47.112.173.8:6800/',
+          },
           '/pptx': {
             changeOrigin: true,
             rewrite: (path) => path.replace(/^\/pptx/, ''),
             target: 'http://47.112.173.8:6802/static',
           },
+          '/spider': {
+            changeOrigin: true,
+            rewrite: (path) => path.replace(/^\/spider/, ''),
+            target: 'http://47.112.173.8:6806/static',
+          },
           '/v1': {
             changeOrigin: true,
             rewrite: (path) => path.replace(/^\/v1/, ''),

packages/effects/common-ui/src/ui/spider/spider-preview.vue

@@ -36,7 +36,8 @@ const [Drawer, drawerApi] = useVbenDrawer({
       const data = drawerApi.getData<Record<string, any>>();
       if (data) {
         isLoading.value = false; // 出错时也关闭加载状态
-        docx.value = `/docx/${data}`; // 更新 docx 的值
+        // docx.value = `/spider/${data}`; // 更新 docx 的值
+        docx.value = data; // 更新 docx 的值
       }
       // url.value = drawerApi.getData<Record<string, any>>();
     }

packages/effects/common-ui/src/ui/spider/spider-work-view.vue

@@ -130,46 +130,14 @@ function extractDocxFilename(url: string): null | string {
   const match = url.match(/\/static\/([^/]+\.docx)$/i); // 匹配 /static/ 后任意非斜杠字符加 .docx
   return match ? match[1] : null;
 }
+const startChecking = () => {
+  statusPollingInterval = window.setInterval(startPolling, 1000);
+};
+let statusPollingInterval: null | number;
+let pollingCount = 0;
+const maxPollingAttempts = 300; // 最多轮询300秒
 
-const startFetching = async () => {
+const startPolling = async () => {
-  // 更新状态为“抓取中”
-  isFetching.value = true;
-  fetchStatus.value = 'fetching';
-
-  let publish_start_time = ''; // 默认值
-  let publish_end_time = ''; // 默认值
-
-  if (selectedDateRange.value && selectedDateRange.value.length === 2) {
-    publish_start_time =
-      dayjs(selectedDateRange.value[0]).format('YYYYMMDDhhmmss') || '';
-    publish_end_time =
-      dayjs(selectedDateRange.value[1]).format('YYYYMMDDhhmmss') || '';
-  }
-  if (props.item.id === '77c068fd-d5b6-4c33-97d8-db5511a09b26') {
-    try {
-      notification.info({
-        message: '正在获取中...',
-        duration: 3,
-      });
-
-      const res = await props.runSpider({
-        publish_start_time,
-        publish_end_time,
-        llm_api_key: props.item.id,
-      });
-
-      if (res.code !== 0) {
-        isFetching.value = false;
-        fetchResult.value = '';
-        message.error('抓取无结果');
-        return;
-      }
-
-      let statusPollingInterval: null | number = null;
-      let pollingCount = 0;
-      const maxPollingAttempts = 300; // 最多轮询300秒
-
-      const startPolling = async () => {
   try {
     const response = await props.getSpiderStatus();
 
@@ -187,7 +155,7 @@ const startFetching = async () => {
           filename = extractDocxFilename(download_url);
         }
 
-              fetchResult.value = `/static/${filename}`;
+        fetchResult.value = `/spider/${filename}`;
         resultItems.value.push({
           key: resultItems.value.length + 1,
           role: 'ai',
@@ -199,7 +167,7 @@ const startFetching = async () => {
                 size: 'normal',
                 type: 'primary',
                 onClick: () => {
-                        openPreviewDrawer('right', safeFilename);
+                  openPreviewDrawer('right', fetchResult);
                 },
               },
               '文档预览',
@@ -213,7 +181,7 @@ const startFetching = async () => {
                 onClick: () => {
                   const link = document.createElement('a');
                   link.href = download_url;
-                        link.download = safeFilename;
+                  link.download = fetchResult.value;
                   document.body.append(link);
                   link.click();
                   link.remove();
@@ -242,9 +210,47 @@ const startFetching = async () => {
     statusPollingInterval = null;
     message.error(`状态查询失败：${error}`);
   }
-      };
+};
 
-      statusPollingInterval = window.setInterval(startPolling, 1000);
+const startFetching = async () => {
+  // 更新状态为“抓取中”
+  isFetching.value = true;
+  fetchStatus.value = 'fetching';
+
+  let publish_start_time = ''; // 默认值
+  let publish_end_time = ''; // 默认值
+
+  if (selectedDateRange.value && selectedDateRange.value.length === 2) {
+    publish_start_time =
+      dayjs(selectedDateRange.value[0]).format('YYYYMMDDhhmmss') || '';
+    publish_end_time =
+      dayjs(selectedDateRange.value[1]).format('YYYYMMDDhhmmss') || '';
+  }
+  if (props.item.id === '77c068fd-d5b6-4c33-97d8-db5511a09b26') {
+    try {
+      notification.info({
+        message: '正在获取中...',
+        duration: 5,
+      });
+
+      const res = await props.runSpider({
+        publish_start_time,
+        publish_end_time,
+        llm_api_key: props.item.id,
+      });
+
+      if (res.code === 0) {
+        notification.info({
+          message: res.msg,
+          duration: 5,
+        });
+        startChecking();
+      } else {
+        isFetching.value = false;
+        fetchResult.value = '';
+        message.error('抓取无结果');
+        return;
+      }
 
       // 组件卸载时清理定时器（需配合 onUnmounted 生命周期）
       // 示例：
@@ -288,25 +294,24 @@ const startFetching = async () => {
         });
 
         const fileUrl = ref('');
-        fileUrl.value = `http://47.112.173.8:6800${fetchResult.value}`;
+        fileUrl.value = `/guangzhou${fetchResult.value}`;
 
-        // 保存抓取结果 url http://47.112.173.8:6802/static/66f3cfd95e364a239d8036390db658ae.docx
         resultItems.value.push({
           key: resultItems.value.length + 1,
           role: 'ai',
-          content: '文档已生成',
+          content: '文档已生成，有效时间5分钟，请及时查看或下载',
           footer: h(Flex, null, [
-            // h(
+            h(
-            //   Button,
+              Button,
-            //   {
+              {
-            //     size: 'nomarl',
+                size: 'nomarl',
-            //     type: 'primary',
+                type: 'primary',
-            //     onClick: () => {
+                onClick: () => {
-            //       openPreviewDrawer('right', fetchResult);
+                  openPreviewDrawer('right', fileUrl);
-            //     },
+                },
-            //   },
+              },
-            //   '文档预览',
+              '文档预览',
-            // ),
+            ),
             h(
               Button,
               {
@@ -318,7 +323,7 @@ const startFetching = async () => {
                 onClick: () => {
                   // 创建隐藏的 <a> 标签用于触发下载
                   const link = document.createElement('a');
-                  link.href = fileUrl; // 设置下载链接
+                  link.href = fileUrl.value; // 设置下载链接
                   link.download = '广州公共资源交易中心数据获取'; // 设置下载文件名
                   document.body.append(link); // 将 <a> 标签添加到页面中
                   link.click(); // 触发点击事件开始下载