feat: 优化外呼组件和案件数据上下文，增强功能稳定性

tony.cheng

2026-03-04 ad0168d47da3f747924ff70bd24892aecc8352e7

 web-app/src/contexts/CaseDataContext.jsx

@@ -69,6 +69,16 @@
   */
  const triggerOutboundCall = async (timeline) => {
    try {
      const { mediation } = timeline;
      if (!mediation) {
        console.warn('缺少必要参数:timeline.mediation，跳过外呼触发:', timeline);
        return;
      }
      const { state } = mediation;
      if (state >= 2) { // 2：调解成功,3:调解失败，4:人工接管
        console.warn('调解状态已结束,mediation.state:', state);
        return;
      }
      // 检查是否已有活跃任务，如有则跳过
      if (hasActiveOutboundJobs()) {
        console.log('检测到活跃外呼任务，跳过发起新外呼');
@@ -94,6 +104,10 @@
      });

      // 处理响应
      console.log('triggerOutboundCall API 响应:', response);
      console.log('response.data:', response?.data);
      console.log('response.data 是数组:', Array.isArray(response?.data));
      
      if (response?.data && Array.isArray(response.data)) {
        const successJobs = [];
        const failedJobs = [];
@@ -109,7 +123,7 @@
              caseId: String(caseId), // 添加 caseId 字段用于轮询
              perClassName: item.perClassName || '', // 添加人员类型名称
              trueName: item.trueName || '', // 添加真实姓名
              startTime: item.createdTime || item.start_time,
              startTime: item.createTime || item.createdTime || item.start_time,
              pollStartTime: Date.now(),
              retryCount: 0
            });
@@ -127,8 +141,33 @@

        // 存储成功的任务到 localStorage
        if (successJobs.length > 0) {
          localStorage.setItem(OUTBOUND_JOBS_KEY, JSON.stringify(successJobs));
          console.log('存储外呼任务成功，数量:', successJobs.length);
          // 读取现有的成功任务，合并而不是覆盖
          const existingJobs = JSON.parse(localStorage.getItem(OUTBOUND_JOBS_KEY) || '[]');
          // 按 jobId 去重，新任务优先
          const existingJobIds = new Set(successJobs.map(job => job.jobId));
          const filteredExistingJobs = existingJobs.filter(job => !existingJobIds.has(job.jobId));
          const mergedJobs = [...successJobs, ...filteredExistingJobs];
          
          localStorage.setItem(OUTBOUND_JOBS_KEY, JSON.stringify(mergedJobs));
          console.log('存储外呼任务成功，新增:', successJobs.length, '总数:', mergedJobs.length);
          console.log('存储的任务:', JSON.stringify(mergedJobs, null, 2));
          
          // 外呼成功后，清除对应的失败记录
          const storedFailedJobs = JSON.parse(localStorage.getItem(`${OUTBOUND_JOBS_KEY}_failed`) || '[]');
          if (storedFailedJobs.length > 0) {
            // 获取成功任务的 personId 列表
            const successPersonIds = successJobs.map(job => job.personId);
            // 过滤掉已成功的 personId 对应的失败记录
            const remainingFailedJobs = storedFailedJobs.filter(job => !successPersonIds.includes(job.personId));
            localStorage.setItem(`${OUTBOUND_JOBS_KEY}_failed`, JSON.stringify(remainingFailedJobs));
            console.log('外呼成功后清除失败记录，清除数量:', storedFailedJobs.length - remainingFailedJobs.length);
          }
          
          // 延迟触发自定义事件，确保监听器已经设置好
          setTimeout(() => {
            console.log('触发 outbound-jobs-updated 事件');
            window.dispatchEvent(new CustomEvent('outbound-jobs-updated'));
          }, 300);
        }

        // 存储失败的任务到 localStorage（用于气泡显示）
@@ -158,6 +197,9 @@
          
          localStorage.setItem(`${OUTBOUND_JOBS_KEY}_failed`, JSON.stringify(cleanedFailedJobs));
          console.log('存储外呼失败任务，数量:', cleanedFailedJobs.length);
          
          // 触发自定义事件通知 OutboundCallWidget 组件刷新
          window.dispatchEvent(new CustomEvent('outbound-jobs-updated'));
        }

        // 提示失败的任务
@@ -239,15 +281,16 @@
        params.caseId,
        {
          caseTypeFirst: params.caseTypeFirst,
          platform_code: params.platform_code
          platform_code: params.platform_code,
          authorization: params.auth_token
        }
      );

      // 提取timeline数据
      const timelineData = response.timeline || response.data?.timeline || response;
      
      // 提取nodes数据（确保为数组）
      const nodesData = response.nodes || response.data?.nodes || [];
      // 提取nodes数据（确保为数组），兼容 nodeList 和 nodes 两种字段名
      const nodesData = response.data?.nodeList || response.data?.nodes || response.nodes || [];
      
      console.log('API Response:', response);
      console.log('Extracted nodesData:', nodesData);
@@ -257,6 +300,15 @@
      setProcessNodes(Array.isArray(nodesData) ? nodesData : []);  // 确保为数组
      setHasLoaded(true);  // 标记已加载
      
      // 检查终态状态（调解成功/失败/人工接管），终态不执行外呼和存储
      const mediationState = timelineData.mediation?.state;
      const isTerminalState = [2, 3, 4].includes(mediationState);
      
      if (isTerminalState) {
        console.log('案件已处于终态状态:', mediationState, '，跳过外呼和存储');
        return;
      }
      
      // 保存到localStorage
      saveToStorage(timelineData);