feat: 处理监控页面显示步骤简要数值

- 显示内容库搜索结果数
- 显示互联网搜索结果数
- 显示抓取成功数
- 显示数据提取/填充状态
- 显示审核ID

static/js/process.js

@@ -133,15 +133,23 @@ function displayActiveProcesses(sessions) {
 function renderStepsProgress(steps, currentStep) {
     const totalSteps = 6;
     const stepStatuses = {};
+    const stepDataMap = {};
     
-    // 构建步骤状态映射
+    // 构建步骤状态和数据映射
     steps.forEach(s => {
         stepStatuses[s.step_number] = s.step_status;
+        if (s.step_data) {
+            try {
+                stepDataMap[s.step_number] = typeof s.step_data === 'string' ? JSON.parse(s.step_data) : s.step_data;
+            } catch (e) {
+                stepDataMap[s.step_number] = s.step_data;
+            }
+        }
     });
     
     const stepNames = ['搜索内容库', '搜索互联网', '抓取网页', '提取数据', '填充字段', '提交审核'];
     
-    let html = '';
+    let html = '<div class="steps-progress">';
     for (let i = 1; i <= totalSteps; i++) {
         const status = stepStatuses[i] || (i > currentStep ? 'pending' : '');
         let className = '';
@@ -158,6 +166,72 @@ function renderStepsProgress(steps, currentStep) {
             </div>
         `;
     }
+    html += '</div>';
+    
+    // 添加简要数值显示
+    html += '<div class="steps-summary">';
+    
+    // 步骤1：内容库搜索结果数
+    if (stepDataMap[1]) {
+        const count = stepDataMap[1].count || 0;
+        const status = stepStatuses[1];
+        html += `<div class="step-summary-item ${status || ''}">
+            <span class="step-summary-label">内容库:</span>
+            <span class="step-summary-value">${count} 篇</span>
+        </div>`;
+    }
+    
+    // 步骤2：互联网搜索结果数
+    if (stepDataMap[2]) {
+        const count = stepDataMap[2].count || 0;
+        const status = stepStatuses[2];
+        html += `<div class="step-summary-item ${status || ''}">
+            <span class="step-summary-label">互联网:</span>
+            <span class="step-summary-value">${count} 条</span>
+        </div>`;
+    }
+    
+    // 步骤3：抓取成功数
+    if (stepDataMap[3]) {
+        const count = stepDataMap[3].count || 0;
+        const status = stepStatuses[3];
+        html += `<div class="step-summary-item ${status || ''}">
+            <span class="step-summary-label">抓取成功:</span>
+            <span class="step-summary-value">${count} 个</span>
+        </div>`;
+    }
+    
+    // 步骤4：提取状态
+    if (stepDataMap[4]) {
+        const hasData = stepDataMap[4].has_data || stepDataMap[4].extracted;
+        const status = stepStatuses[4];
+        html += `<div class="step-summary-item ${status || ''}">
+            <span class="step-summary-label">数据提取:</span>
+            <span class="step-summary-value">${hasData ? '成功' : '无数据'}</span>
+        </div>`;
+    }
+    
+    // 步骤5：填充状态
+    if (stepDataMap[5]) {
+        const filled = stepDataMap[5].filled;
+        const status = stepStatuses[5];
+        html += `<div class="step-summary-item ${status || ''}">
+            <span class="step-summary-label">字段填充:</span>
+            <span class="step-summary-value">${filled ? '完成' : '失败'}</span>
+        </div>`;
+    }
+    
+    // 步骤6：审核ID
+    if (stepDataMap[6]) {
+        const reviewId = stepDataMap[6].review_id;
+        const status = stepStatuses[6];
+        html += `<div class="step-summary-item ${status || ''}">
+            <span class="step-summary-label">审核ID:</span>
+            <span class="step-summary-value">${reviewId || '-'}</span>
+        </div>`;
+    }
+    
+    html += '</div>';
     
     return html;
 }