-
- 📎 Документы: {docsProgress.uploaded} из {docsProgress.total} загружено
- {docsProgress.skipped > 0 && ` (${docsProgress.skipped} пропущено)`}
-
+ {/* Список документов со статусами */}
+ {draft.documents_list && draft.documents_list.length > 0 && (
+
+
+
+ 📄 Документы
+
+
+ {draft.documents_uploaded || 0} / {draft.documents_total || 0}
+
+
+
+ {draft.documents_list.map((doc, idx) => (
+
+ {doc.uploaded ? (
+
+ ) : (
+
+ )}
+
+ {doc.name}
+ {doc.required && !doc.uploaded && *}
+
+
+ ))}
+
+
+ )}
+
+ {/* Прогрессбар (если нет списка) */}
+ {(!draft.documents_list || draft.documents_list.length === 0) && docsProgress && docsProgress.total > 0 && (
+
)}
- {/* Старые теги прогресса (для обратной совместимости) */}
- {!docsProgress && !draft.is_legacy && (
-
-
- {draft.problem_description ? '✓ Описание' : 'Описание'}
-
-
- {draft.wizard_plan ? '✓ План' : 'План'}
-
-
- {draft.has_documents ? '✓ Документы' : 'Документы'}
-
-
- )}
-
{/* Описание статуса */}
{config.description}
+
+ {/* Кнопки действий */}
+
+ {getActionButton(draft)}
+
handleDelete(draft.claim_id || draft.id)}
+ okText="Да, удалить"
+ cancelText="Отмена"
+ >
+ }
+ loading={deletingId === (draft.claim_id || draft.id)}
+ disabled={deletingId === (draft.claim_id || draft.id)}
+ >
+ Удалить
+
+
+
}
/>
diff --git a/ticket_form/frontend/src/components/form/StepWizardPlan.tsx b/ticket_form/frontend/src/components/form/StepWizardPlan.tsx
index 75d64ac3..b673111a 100644
--- a/ticket_form/frontend/src/components/form/StepWizardPlan.tsx
+++ b/ticket_form/frontend/src/components/form/StepWizardPlan.tsx
@@ -133,6 +133,8 @@ export default function StepWizardPlan({
new Set(formData.wizardSkippedDocuments || [])
);
const [submitting, setSubmitting] = useState(false);
+ const [isFormingClaim, setIsFormingClaim] = useState(false); // Состояние ожидания формирования заявления
+ const [ragError, setRagError] = useState
(null); // Ошибка RAG
const [progressState, setProgressState] = useState<{ done: number; total: number }>({
done: 0,
total: 0,
@@ -1896,8 +1898,242 @@ export default function StepWizardPlan({
}
}
- message.loading('Формируем заявление...', 0);
- onNext();
+ // ✅ Показываем экран ожидания
+ setIsFormingClaim(true);
+ setRagError(null); // Сбрасываем предыдущую ошибку
+
+ // ✅ Запускаем RAG через check-ocr-status
+ try {
+ const response = await fetch('/api/v1/documents/check-ocr-status', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({
+ claim_id: formData.claim_id,
+ session_id: formData.session_id,
+ }),
+ });
+
+ if (response.ok) {
+ const data = await response.json();
+ console.log('✅ OCR status check:', data);
+
+ // Если есть кэш — сразу переходим
+ if (data.from_cache && data.form_draft) {
+ console.log('✅ Используем кэшированные данные:', data.form_draft);
+ const formDraft = data.form_draft;
+ const user = formDraft.user || {};
+ const project = formDraft.project || {};
+
+ // ✅ Используем тот же маппинг что и в ClaimForm.tsx
+ const claimPlanData = {
+ propertyName: {
+ applicant: {
+ first_name: user.firstname || '',
+ middle_name: user.secondname || '',
+ last_name: user.lastname || '',
+ phone: user.mobile || formData.phone || '',
+ email: user.email || '',
+ birth_date: user.birthday || '',
+ birth_place: user.birthplace || '',
+ address: user.mailingstreet || '',
+ inn: user.inn || '',
+ },
+ case: {
+ category: project.category || '',
+ direction: project.direction || '',
+ },
+ contract_or_service: {
+ subject: project.subject || '',
+ amount_paid: project.agrprice || '',
+ agreement_date: project.agrdate || '',
+ period_start: project.startdate || '',
+ period_end: project.finishdate || '',
+ country: project.country || '',
+ hotel: project.hotel || '',
+ },
+ offenders: (formDraft.offenders || []).map((o: any) => ({
+ name: o.accountname || '',
+ accountname: o.accountname || '',
+ address: o.address || '',
+ email: o.email || '',
+ website: o.website || '',
+ phone: o.phone || '',
+ inn: o.inn || '',
+ ogrn: o.ogrn || '',
+ role: o.role || '',
+ })),
+ claim: {
+ description: project.description || formData.problem_description || '',
+ reason: project.category || '',
+ },
+ meta: {
+ claim_id: formData.claim_id,
+ unified_id: formData.unified_id || '',
+ session_token: formData.session_id,
+ },
+ attachments_names: Array.isArray(data.documents_meta)
+ ? [...new Set(data.documents_meta.map((d: any) =>
+ d.field_label || d.original_file_name || d.file_name || 'Документ'
+ ))]
+ : [],
+ },
+ session_token: formData.session_id,
+ claim_id: formData.claim_id,
+ prefix: 'clpr_',
+ };
+
+ updateFormData({
+ form_draft: formDraft,
+ claimPlanData: claimPlanData,
+ showClaimConfirmation: true,
+ claim_ready: true,
+ });
+
+ setIsFormingClaim(false);
+ message.success('Данные загружены из кэша');
+ onNext();
+ return;
+ }
+
+ // Иначе подключаемся к SSE и ждём результат от n8n
+ const sessionId = formData.session_id;
+ console.log('📡 Подключаемся к SSE:', `/api/v1/events/${sessionId}`);
+
+ const eventSource = new EventSource(`/api/v1/events/${sessionId}`);
+
+ eventSource.onmessage = (event) => {
+ try {
+ const eventData = JSON.parse(event.data);
+ console.log('📥 SSE event:', eventData);
+
+ // Обрабатываем событие ocr_status
+ if (eventData.event_type === 'ocr_status') {
+ if (eventData.status === 'ready') {
+ // ✅ Успех — данные готовы
+ console.log('✅ Заявление готово:', eventData.data);
+ const formDraft = eventData.data?.form_draft;
+
+ // Формируем claimPlanData для StepClaimConfirmation
+ if (formDraft) {
+ const user = formDraft.user || {};
+ const project = formDraft.project || {};
+
+ // ✅ Используем тот же маппинг что и в ClaimForm.tsx
+ const claimPlanData = {
+ propertyName: {
+ applicant: {
+ first_name: user.firstname || '',
+ middle_name: user.secondname || '',
+ last_name: user.lastname || '',
+ phone: user.mobile || formData.phone || '',
+ email: user.email || '',
+ birth_date: user.birthday || '',
+ birth_place: user.birthplace || '',
+ address: user.mailingstreet || '',
+ inn: user.inn || '',
+ },
+ case: {
+ category: project.category || '',
+ direction: project.direction || '',
+ },
+ contract_or_service: {
+ subject: project.subject || '',
+ amount_paid: project.agrprice || '',
+ agreement_date: project.agrdate || '',
+ period_start: project.startdate || '',
+ period_end: project.finishdate || '',
+ country: project.country || '',
+ hotel: project.hotel || '',
+ },
+ offenders: (formDraft.offenders || []).map((o: any) => ({
+ name: o.accountname || '',
+ accountname: o.accountname || '',
+ address: o.address || '',
+ email: o.email || '',
+ website: o.website || '',
+ phone: o.phone || '',
+ inn: o.inn || '',
+ ogrn: o.ogrn || '',
+ role: o.role || '',
+ })),
+ claim: {
+ description: project.description || formData.problem_description || '',
+ reason: project.category || '',
+ },
+ meta: {
+ claim_id: formData.claim_id,
+ unified_id: formData.unified_id || '',
+ session_token: formData.session_id,
+ },
+ attachments_names: Array.isArray(eventData.data?.documents_meta)
+ ? [...new Set(eventData.data.documents_meta.map((d: any) =>
+ d.field_label || d.original_file_name || d.file_name || 'Документ'
+ ))]
+ : [],
+ },
+ session_token: formData.session_id,
+ claim_id: formData.claim_id,
+ prefix: 'clpr_',
+ };
+
+ updateFormData({
+ form_draft: formDraft,
+ claimPlanData: claimPlanData,
+ showClaimConfirmation: true,
+ claim_ready: true,
+ });
+ } else {
+ updateFormData({
+ claim_ready: true,
+ });
+ }
+
+ setIsFormingClaim(false);
+ message.success(eventData.message || 'Заявление сформировано!');
+ eventSource.close();
+ onNext();
+ } else if (eventData.status === 'error' || eventData.status === 'timeout') {
+ // ❌ Ошибка — показываем кнопку повторить
+ console.error('❌ Ошибка RAG:', eventData.message);
+ setIsFormingClaim(false);
+ setRagError(eventData.message || 'Ошибка формирования заявления');
+ eventSource.close();
+ }
+ }
+ } catch (e) {
+ console.error('❌ Ошибка парсинга SSE:', e);
+ }
+ };
+
+ eventSource.onerror = (error) => {
+ console.error('❌ SSE error:', error);
+ message.destroy();
+ setIsFormingClaim(false);
+ setRagError('Потеряно соединение с сервером');
+ eventSource.close();
+ };
+
+ // Таймаут 3 минуты (RAG может занять время)
+ setTimeout(() => {
+ if (eventSource.readyState !== EventSource.CLOSED) {
+ console.warn('⏰ SSE timeout');
+ message.destroy();
+ setIsFormingClaim(false);
+ setRagError('Превышено время ожидания. Попробуйте ещё раз.');
+ eventSource.close();
+ }
+ }, 180000); // 3 минуты для RAG
+
+ } else {
+ console.warn('⚠️ OCR status check failed:', await response.text());
+ message.destroy();
+ onNext();
+ }
+ } catch (error) {
+ console.error('❌ Error calling check-ocr-status:', error);
+ message.destroy();
+ onNext();
+ }
};
return (
@@ -2013,7 +2249,7 @@ export default function StepWizardPlan({
{/* Кнопки */}
-
+