From 85d9447504b83d4b4b0550d4b5199e284e14a06f Mon Sep 17 00:00:00 2001
From: tony.cheng <chengmingwei_1984122@126.com>
Date: Thu, 12 Mar 2026 17:04:05 +0800
Subject: [PATCH] feat: 数据加载稳定性重构 - 将证据材料和调解协议API集中到CaseDataContext统一管理
---
web-app/src/contexts/CaseDataContext.jsx | 147 +++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 142 insertions(+), 5 deletions(-)
diff --git a/web-app/src/contexts/CaseDataContext.jsx b/web-app/src/contexts/CaseDataContext.jsx
index 723ed7b..958df54 100644
--- a/web-app/src/contexts/CaseDataContext.jsx
+++ b/web-app/src/contexts/CaseDataContext.jsx
@@ -7,6 +7,8 @@
import { message } from 'antd';
import ProcessAPIService from '../services/ProcessAPIService';
import OutboundBotAPIService from '../services/OutboundBotAPIService';
+import EvidenceAPIService from '../services/EvidenceAPIService';
+import MediationAgreementAPIService from '../services/MediationAgreementAPIService';
import { getMergedParams } from '../utils/urlParams';
import { mockTimelineData } from '../mocks/timeline';
import { getFallbackStartTime, parseTimeString } from '../utils/timeFormatter';
@@ -30,6 +32,21 @@
const [taskStartTime, setTaskStartTime] = useState(null); // 任务开始时间
const [isTaskTimeFallback, setIsTaskTimeFallback] = useState(false); // 是否降级模式
const [hasLoaded, setHasLoaded] = useState(false); // 防止重复加载
+
+ // 证据材料数据
+ const [evidenceData, setEvidenceData] = useState({
+ applicantMaterials: [],
+ respondentMaterials: [],
+ loading: false,
+ error: null
+ });
+
+ // 调解协议数据
+ const [agreementData, setAgreementData] = useState({
+ content: '',
+ loading: false,
+ error: null
+ });
/**
* 保存数据到localStorage
@@ -113,6 +130,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 = [];
@@ -128,7 +149,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
});
@@ -146,8 +167,16 @@
// 存储成功的任务到 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`) || '[]');
@@ -159,6 +188,12 @@
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（用于气泡显示）
@@ -188,6 +223,9 @@
localStorage.setItem(`${OUTBOUND_JOBS_KEY}_failed`, JSON.stringify(cleanedFailedJobs));
console.log('存储外呼失败任务，数量:', cleanedFailedJobs.length);
+
+ // 触发自定义事件通知 OutboundCallWidget 组件刷新
+ window.dispatchEvent(new CustomEvent('outbound-jobs-updated'));
}
// 提示失败的任务
@@ -245,6 +283,87 @@
console.log('Using fallback start time:', new Date(fallbackTime).toLocaleString());
}
};
+
+ /**
+ * 加载证据材料数据
+ * @param {Object} params - 参数对象
+ * @param {string} params.caseId - 案件ID
+ * @param {string} params.caseType - 案件类型
+ * @param {string} params.platformCode - 平台编码
+ */
+ const loadEvidenceData = async (params) => {
+ setEvidenceData(prev => ({ ...prev, loading: true, error: null }));
+
+ try {
+ const response = await EvidenceAPIService.getEvidenceList({
+ case_id: params.caseId,
+ case_type: params.caseType || params.caseTypeFirst,
+ platform_code: params.platformCode
+ });
+
+ console.log('Evidence API response:', response);
+
+ const responseData = response.data || [];
+
+ // 分离申请人和被申请人材料
+ const applicantData = responseData.find(item => item.per_type === '15_020008-1');
+ const respondentData = responseData.find(item => item.per_type === '15_020008-2');
+
+ const applicantList = applicantData?.file_list?.slice(0, applicantData.file_count) || [];
+ const respondentList = respondentData?.file_list?.slice(0, respondentData.file_count) || [];
+
+ setEvidenceData({
+ applicantMaterials: applicantList,
+ respondentMaterials: respondentList,
+ loading: false,
+ error: null
+ });
+
+ console.log('Evidence data loaded:', { applicantList, respondentList });
+ } catch (err) {
+ console.error('加载证据材料失败:', err);
+ setEvidenceData(prev => ({
+ ...prev,
+ loading: false,
+ error: err.message || '加载证据材料失败'
+ }));
+ }
+ };
+
+ /**
+ * 加载调解协议数据
+ * @param {string} caseId - 案件ID
+ */
+ const loadAgreementData = async (caseId) => {
+ setAgreementData(prev => ({ ...prev, loading: true, error: null }));
+
+ try {
+ const response = await MediationAgreementAPIService.generateAgreement(caseId);
+
+ if (response?.data?.agreeContent) {
+ setAgreementData({
+ content: response.data.agreeContent,
+ loading: false,
+ error: null
+ });
+ console.log('Agreement data loaded');
+ } else {
+ setAgreementData({
+ content: '',
+ loading: false,
+ error: '协议内容为空'
+ });
+ }
+ } catch (err) {
+ console.error('加载调解协议失败:', err);
+ setAgreementData({
+ content: '',
+ loading: false,
+ error: err.message || '加载调解协议失败'
+ });
+ }
+ };
+
/**
* 加载案件数据
*/
@@ -286,7 +405,8 @@
params.caseId,
{
caseTypeFirst: params.caseTypeFirst,
- platform_code: params.platform_code
+ platform_code: params.platform_code,
+ authorization: params.auth_token
}
);
@@ -303,6 +423,17 @@
setCaseData(timelineData);
setProcessNodes(Array.isArray(nodesData) ? nodesData : []); // 确保为数组
setHasLoaded(true); // 标记已加载
+
+ // 并行加载证据材料和调解协议数据（在终态检查之前，确保数据完整性）
+ await Promise.all([
+ loadEvidenceData({
+ caseId: params.caseId,
+ caseType: params.caseType || params.caseTypeFirst,
+ caseTypeFirst: params.caseTypeFirst,
+ platformCode: params.platform_code
+ }),
+ loadAgreementData(params.caseId)
+ ]);
// 检查终态状态（调解成功/失败/人工接管），终态不执行外呼和存储
const mediationState = timelineData.mediation?.state;
@@ -378,7 +509,13 @@
refreshData,
loadCaseData,
taskStartTime, // 任务开始时间
- isTaskTimeFallback // 是否降级模式
+ isTaskTimeFallback, // 是否降级模式
+ // 证据材料数据
+ evidenceData,
+ loadEvidenceData,
+ // 调解协议数据
+ agreementData,
+ loadAgreementData
};
return (
--
Gitblit v1.8.0