【
{[...new Set(userArr)].join(",")}
】有正在进行的项目，包含【
{
[...new Set(arr)].join(",")
}
】确定删除吗？
删除可能会对正在进行的项目造成异常状态，请谨慎操作。
),
onOk: () => {
props["userCertificateRemove"]({
id: row.id,
}).then((res) => {
if (res.success) {
message.success("删除成功");
getData();
}
});
},
});
}
else {
Modal.confirm({
title: "提示",
content: "确定删除吗？",
onOk: () => {
props["userCertificateRemove"]({
id: row.id,
}).then((res) => {
if (res.success) {
message.success("删除成功");
getData();
}
});
},
});
}
});
};
const [fileCache, setFileCache] = useState({});
const [loadingKeys, setLoadingKeys] = useState(new Set());
const pendingLoadIdsRef = useRef(new Set());
const requestQueueRef = useRef([]);
const activeRequestsRef = useRef(0);
const MAX_CONCURRENT_REQUESTS = 3; // 最大并发请求数
const processQueue = () => {
while (
requestQueueRef.current.length > 0
&& activeRequestsRef.current < MAX_CONCURRENT_REQUESTS
) {
const { id, resolve, reject } = requestQueueRef.current.shift();
activeRequestsRef.current++;
getFile({
eqType: UPLOAD_FILE_TYPE_ENUM[certificatePhotoType],
eqForeignKey: id,
})
.then((res) => {
setFileCache(prev => ({
...prev,
[id]: res || [],
}));
resolve(res);
})
.catch((err) => {
console.error("图片加载失败:", err);
reject(err);
})
.finally(() => {
activeRequestsRef.current--;
setLoadingKeys((prev) => {
const newSet = new Set(prev);
newSet.delete(id);
return newSet;
});
processQueue();
});
}
};
const loadFileForRecord = (userQualificationinfoId) => {
if (!userQualificationinfoId)
return Promise.resolve();
if (fileCache[userQualificationinfoId])
return Promise.resolve();
if (loadingKeys.has(userQualificationinfoId))
return Promise.resolve();
if (pendingLoadIdsRef.current.has(userQualificationinfoId))
return Promise.resolve();
pendingLoadIdsRef.current.add(userQualificationinfoId);
setLoadingKeys(prev => new Set([...prev, userQualificationinfoId]));
return new Promise((resolve, reject) => {
requestQueueRef.current.push({ id: userQualificationinfoId, resolve, reject });
processQueue();
}).finally(() => {
pendingLoadIdsRef.current.delete(userQualificationinfoId);
});
};
// 清除伪类
useEffect(() => {
if (displayType === "View") {
const style = document.createElement("style");
style.innerHTML = `
.search-layout::after {
content: none !important;
display: none !important;
}
`;
document.head.appendChild(style);
// 清理函数，在组件卸载时移除样式
return () => {
document.head.removeChild(style);
};
}
}, []);
// 缓存数据变化时清空图片缓存
useEffect(() => {
if (tableProps.dataSource) {
const currentIds = new Set(tableProps.dataSource.map(item => item.userCertificateId).filter(Boolean));
setFileCache((prev) => {
const newCache = {};
Object.keys(prev).forEach((id) => {
if (currentIds.has(id)) {
newCache[id] = prev[id];
}
});
return newCache;
});
}
}, [tableProps.dataSource]);
// 记录已经触发过加载的 ID，避免 render 重复触发
const triggeredLoadIdsRef = useRef(new Set());
useEffect(() => {
if (tableProps.dataSource) {
tableProps.dataSource.forEach((record) => {
const id = record.userCertificateId;
if (id && !triggeredLoadIdsRef.current.has(id)) {
triggeredLoadIdsRef.current.add(id);
loadFileForRecord(id);
}
});
}
// 组件卸载或数据源变化时重置
return () => {
triggeredLoadIdsRef.current.clear();
};
}, [tableProps.dataSource]);
return (