feat(frontend): использование form_draft для формы подтверждения
- StepDraftSelection: кнопка 'Продолжить' активна для draft_docs_complete - ClaimForm: проверка form_draft при загрузке черновика - Если есть form_draft — преобразуем в propertyName и показываем форму подтверждения - Поддержка статуса draft_docs_complete для перехода к подтверждению
This commit is contained in:
@@ -127,10 +127,10 @@ const STATUS_CONFIG: Record<string, {
|
||||
},
|
||||
draft_docs_complete: {
|
||||
color: 'orange',
|
||||
icon: <LoadingOutlined />,
|
||||
label: 'Обработка',
|
||||
description: 'Формируется заявление...',
|
||||
action: 'Ожидайте',
|
||||
icon: <CheckCircleOutlined />,
|
||||
label: 'Документы загружены',
|
||||
description: 'Все документы обработаны',
|
||||
action: 'Продолжить',
|
||||
},
|
||||
draft_claim_ready: {
|
||||
color: 'green',
|
||||
@@ -274,11 +274,8 @@ export default function StepDraftSelection({
|
||||
if (draft.is_legacy && onRestartDraft) {
|
||||
// Legacy черновик - предлагаем начать заново с тем же описанием
|
||||
onRestartDraft(draftId, draft.problem_description || '');
|
||||
} else if (draft.status_code === 'draft_docs_complete') {
|
||||
// Всё ещё обрабатывается - показываем сообщение
|
||||
message.info('Заявление формируется. Пожалуйста, подождите.');
|
||||
} else {
|
||||
// Обычный переход
|
||||
// ✅ Разрешаем переход на любом этапе до апрува по SMS
|
||||
onSelectDraft(draftId);
|
||||
}
|
||||
};
|
||||
@@ -286,15 +283,12 @@ export default function StepDraftSelection({
|
||||
// Кнопка действия
|
||||
const getActionButton = (draft: Draft) => {
|
||||
const config = getStatusConfig(draft);
|
||||
const isProcessing = draft.status_code === 'draft_docs_complete';
|
||||
|
||||
return (
|
||||
<Button
|
||||
type={isProcessing ? 'default' : 'primary'}
|
||||
type="primary"
|
||||
onClick={() => handleDraftAction(draft)}
|
||||
icon={config.icon}
|
||||
disabled={isProcessing}
|
||||
loading={isProcessing}
|
||||
>
|
||||
{config.action}
|
||||
</Button>
|
||||
|
||||
@@ -107,7 +107,7 @@ export default function ClaimForm() {
|
||||
const [hasDrafts, setHasDrafts] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
// 🔥 VERSION CHECK: Если видишь это в консоли - фронт обновился!
|
||||
// 🔥 VERSION CHECK: Если видишь это в консоли - фронт обновился!
|
||||
console.log('🔥 ClaimForm v3.8 - 2025-11-20 15:10 - Fix session_id priority in loadDraft');
|
||||
}, []);
|
||||
|
||||
@@ -613,8 +613,13 @@ export default function ClaimForm() {
|
||||
const hasDocuments = Array.isArray(documentsMeta) && documentsMeta.length > 0;
|
||||
const isDraft = claim.status_code === 'draft';
|
||||
|
||||
// ✅ НОВОЕ: Проверяем наличие form_draft (собранные данные из RAG)
|
||||
const formDraft = payload.form_draft;
|
||||
const hasFormDraft = !!(formDraft && formDraft.user && formDraft.offenders);
|
||||
const isDraftDocsComplete = claim.status_code === 'draft_docs_complete';
|
||||
|
||||
const allStepsFilled = hasDescription && hasWizardPlan && hasAnswers && hasDocuments;
|
||||
const isReadyForConfirmation = allStepsFilled && isDraft;
|
||||
const isReadyForConfirmation = (allStepsFilled && isDraft) || (hasFormDraft && isDraftDocsComplete);
|
||||
|
||||
console.log('🔍 Проверка полноты черновика:', {
|
||||
hasDescription,
|
||||
@@ -622,6 +627,8 @@ export default function ClaimForm() {
|
||||
hasAnswers,
|
||||
hasDocuments,
|
||||
isDraft,
|
||||
hasFormDraft,
|
||||
isDraftDocsComplete,
|
||||
allStepsFilled,
|
||||
isReadyForConfirmation,
|
||||
problemDescriptionFound: !!problemDescription,
|
||||
@@ -707,19 +714,60 @@ export default function ClaimForm() {
|
||||
// ✅ Если все шаги заполнены и статус = draft → переходим к форме подтверждения
|
||||
if (isReadyForConfirmation) {
|
||||
console.log('✅ Все шаги заполнены, преобразуем данные для формы подтверждения');
|
||||
console.log('✅ hasFormDraft:', hasFormDraft, 'isDraftDocsComplete:', isDraftDocsComplete);
|
||||
|
||||
setIsPhoneVerified(true);
|
||||
|
||||
// Преобразуем данные из БД в формат propertyName для формы подтверждения
|
||||
const claimPlanData = transformDraftToClaimPlanFormat({
|
||||
claim,
|
||||
payload,
|
||||
body,
|
||||
isTelegramFormat,
|
||||
finalClaimId,
|
||||
actualSessionId,
|
||||
currentFormData: formData,
|
||||
});
|
||||
let claimPlanData;
|
||||
|
||||
// ✅ НОВОЕ: Если есть form_draft — используем его!
|
||||
if (hasFormDraft && formDraft) {
|
||||
console.log('✅ Используем form_draft из БД:', formDraft);
|
||||
|
||||
// Преобразуем form_draft в формат propertyName
|
||||
claimPlanData = {
|
||||
propertyName: {
|
||||
applicant: formDraft.user || {},
|
||||
case: {
|
||||
category: formDraft.project?.category || '',
|
||||
description: formDraft.project?.description || problemDescription || '',
|
||||
},
|
||||
contract_or_service: {
|
||||
subject: formDraft.project?.subject || '',
|
||||
agrprice: formDraft.project?.agrprice || '',
|
||||
agrdate: formDraft.project?.agrdate || '',
|
||||
startdate: formDraft.project?.startdate || '',
|
||||
finishdate: formDraft.project?.finishdate || '',
|
||||
country: formDraft.project?.country || '',
|
||||
hotel: formDraft.project?.hotel || '',
|
||||
},
|
||||
offenders: formDraft.offenders || [],
|
||||
claim: {},
|
||||
meta: {
|
||||
claim_id: finalClaimId,
|
||||
unified_id: formData.unified_id || '',
|
||||
session_token: actualSessionId,
|
||||
},
|
||||
attachments_names: documentsMeta.map((d: any) => d.original_file_name || d.file_name || ''),
|
||||
},
|
||||
session_token: actualSessionId,
|
||||
claim_id: finalClaimId,
|
||||
prefix: 'clpr_',
|
||||
};
|
||||
} else {
|
||||
// Старый способ: преобразуем данные из БД
|
||||
claimPlanData = transformDraftToClaimPlanFormat({
|
||||
claim,
|
||||
payload,
|
||||
body,
|
||||
isTelegramFormat,
|
||||
finalClaimId,
|
||||
actualSessionId,
|
||||
currentFormData: formData,
|
||||
});
|
||||
}
|
||||
|
||||
console.log('✅ claimPlanData для формы подтверждения:', claimPlanData);
|
||||
|
||||
// Сохраняем данные заявления в formData
|
||||
updateFormData({
|
||||
@@ -900,17 +948,17 @@ export default function ClaimForm() {
|
||||
is_new_project: formData.is_new_project,
|
||||
|
||||
// Основные поля формы (для удобства в n8n)
|
||||
voucher: formData.voucher,
|
||||
phone: formData.phone,
|
||||
voucher: formData.voucher,
|
||||
phone: formData.phone,
|
||||
email: formData.email,
|
||||
event_type: formData.eventType,
|
||||
payment_method: formData.paymentMethod,
|
||||
bank_name: formData.bankName,
|
||||
card_number: formData.cardNumber,
|
||||
account_number: formData.accountNumber,
|
||||
event_type: formData.eventType,
|
||||
payment_method: formData.paymentMethod,
|
||||
bank_name: formData.bankName,
|
||||
card_number: formData.cardNumber,
|
||||
account_number: formData.accountNumber,
|
||||
|
||||
// Старый блок документов + новые загрузки визарда (пока как есть)
|
||||
documents: formData.documents || {},
|
||||
documents: formData.documents || {},
|
||||
wizard_uploads: formData.wizardUploads || {},
|
||||
|
||||
// Всё состояние формы целиком — на всякий случай
|
||||
@@ -1257,19 +1305,19 @@ export default function ClaimForm() {
|
||||
)}
|
||||
{/* Кнопка "Начать заново" - показываем только после шага телефона */}
|
||||
{currentStep > 0 && (
|
||||
<button
|
||||
onClick={handleReset}
|
||||
style={{
|
||||
padding: '4px 12px',
|
||||
background: '#fff',
|
||||
border: '1px solid #d9d9d9',
|
||||
borderRadius: '4px',
|
||||
cursor: 'pointer',
|
||||
fontSize: '14px'
|
||||
}}
|
||||
>
|
||||
🔄 Начать заново
|
||||
</button>
|
||||
<button
|
||||
onClick={handleReset}
|
||||
style={{
|
||||
padding: '4px 12px',
|
||||
background: '#fff',
|
||||
border: '1px solid #d9d9d9',
|
||||
borderRadius: '4px',
|
||||
cursor: 'pointer',
|
||||
fontSize: '14px'
|
||||
}}
|
||||
>
|
||||
🔄 Начать заново
|
||||
</button>
|
||||
)}
|
||||
</Space>
|
||||
)
|
||||
@@ -1284,15 +1332,15 @@ export default function ClaimForm() {
|
||||
</div>
|
||||
) : (
|
||||
<>
|
||||
<Steps current={currentStep} className="steps">
|
||||
{steps.map((item, index) => (
|
||||
<Step
|
||||
key={`step-${index}`}
|
||||
title={item.title}
|
||||
description={item.description}
|
||||
/>
|
||||
))}
|
||||
</Steps>
|
||||
<Steps current={currentStep} className="steps">
|
||||
{steps.map((item, index) => (
|
||||
<Step
|
||||
key={`step-${index}`}
|
||||
title={item.title}
|
||||
description={item.description}
|
||||
/>
|
||||
))}
|
||||
</Steps>
|
||||
<div className="steps-content">
|
||||
{steps[currentStep] ? steps[currentStep].content : (
|
||||
<div style={{ padding: '40px 0', textAlign: 'center' }}>
|
||||
|
||||
Reference in New Issue
Block a user