保单新增 / 续保

停保 / 复驶 / 退保

{merged.map((item) => (

{item.timelineSide === 'policy' ? renderVehicleInsuranceTimelineCard(item, 'left') : null}

{item.timelineSide === 'biz' ? renderVehicleInsuranceTimelineCard(item, 'right') : null}

))}

); }; const vehicleInsMgmtTabCounts = useMemo(() => { const counts = { timeline: (vehicleInsuranceHistory.timelinePolicy?.length || 0) + (vehicleInsuranceHistory.timelineBiz?.length || 0), }; VEHICLE_INSURANCE_MGMT_TABS.filter((t) => t.key !== 'timeline').forEach((tab) => { counts[tab.key] = (vehicleInsuranceHistory.byType[tab.key] || []).length; }); return counts; }, [vehicleInsuranceHistory]); const renderMgmtTableEllipsis = (val) => { const text = val || '—'; return ( {text} ); }; const vehicleInsuranceHistoryColumns = [ { title: '保险导入时间', dataIndex: 'purchaseTime', width: 148, ellipsis: true, render: (val) => renderMgmtTableEllipsis(val), }, { title: '类型', dataIndex: 'purchaseType', width: 72, render: (val) => renderPurchaseTypeChip(val), }, { title: '保单号', dataIndex: 'policyNo', width: 148, ellipsis: true, render: (val) => renderMgmtTableEllipsis(val), }, { title: '保险公司', dataIndex: 'company', width: 160, ellipsis: true, render: (val) => renderMgmtTableEllipsis(val), }, { title: '付款时间', dataIndex: 'payTime', width: 148, ellipsis: true, render: (val) => renderMgmtTableEllipsis(val), }, { title: '生效日期', dataIndex: 'startDate', width: 100, ellipsis: true, render: (val) => renderMgmtTableEllipsis(val), }, { title: '到期日期', dataIndex: 'endDate', width: 100, ellipsis: true, render: (val) => renderMgmtTableEllipsis(val), }, { title: '金额', dataIndex: 'premium', width: 96, align: 'right', ellipsis: true, render: (val, record) => { const text = val ? `${record.purchaseType === 'cancel' ? '-' : ''}¥${val}` : '—'; return ( {text} ); }, }, { title: '操作', key: 'action', width: 188, fixed: 'right', render: (_, record) => (

{ domEvent.stopPropagation(); handlePolicyMoreMenuClick(record, key); }, }} > e.stopPropagation()} > {ICONS.more}

), }, ]; const renderVehicleInsuranceTypeTab = (typeKey) => { const rows = vehicleInsuranceHistory.byType[typeKey] || []; const tabLabel = VEHICLE_INSURANCE_MGMT_TABS.find((t) => t.key === typeKey)?.label || ''; if (!rows.length) { return (

{tabLabel}暂无记录

该险种首次购买为「新保」，此前已购后再投保记为「续保」

); } return (

8 ? { current: vehicleInsMgmtTabPage[typeKey] || 1, pageSize: 8, showSizeChanger: false, size: 'small', onChange: (page) => setVehicleInsMgmtTabPage((prev) => ({ ...prev, [typeKey]: page })), } : false} scroll={{ x: 1160 }} rowClassName={(record) => (record.id === vehicleInsMgmtHighlightId ? 'lc-ins-history-row--active' : '')} /> ); }; const renderVehicleInsMgmtTabLabel = (tab) => { const count = vehicleInsMgmtTabCounts[tab.key] || 0; return ( {tab.label} {count > 0 ? {count} : null} ); }; const filteredPolicyRecognTasks = useMemo(() => { const mode = appliedPolicyRecognTasksFilters.mode; const range = appliedPolicyRecognTasksFilters.createdRange; return [...policyRecognTasks] .filter((task) => { if (mode && mode !== '全部' && task.modeLabel !== mode) return false; return compareSheetMatchesCreatedRange(task.createdAt, range); }) .sort((a, b) => String(b.createdAt).localeCompare(String(a.createdAt))); }, [policyRecognTasks, appliedPolicyRecognTasksFilters]); const openPolicyRecognTasksModal = () => { setPolicyRecognTasksFilters({ ...DEFAULT_POLICY_RECOGN_TASK_FILTERS }); setAppliedPolicyRecognTasksFilters({ ...DEFAULT_POLICY_RECOGN_TASK_FILTERS }); setPolicyRecognTasksOpen(true); }; const handlePolicyRecognTasksQuery = () => { setAppliedPolicyRecognTasksFilters({ ...policyRecognTasksFilters }); message.success('已刷新任务列表'); }; const handlePolicyRecognTasksReset = () => { setPolicyRecognTasksFilters({ ...DEFAULT_POLICY_RECOGN_TASK_FILTERS }); setAppliedPolicyRecognTasksFilters({ ...DEFAULT_POLICY_RECOGN_TASK_FILTERS }); }; const openPolicyRecogn = (entry, initialMode = 'policy') => { const canResumeOcr = entry === 'ocr' && policyRecognEntry === 'ocr' && policyRecognTaskId && (policyRecognPhase === 'recognizing' || (policyRecognPhase === 'results' && policyRecognResults.length)); if (canResumeOcr) { if (policyRecognPhase === 'results' && policyRecognResults.length && !policyRecognActiveResultId) { const preferred = policyRecognResults.find((r) => r.matched && !r.confirmed) || policyRecognResults.find((r) => !r.confirmed) || policyRecognResults[0]; if (preferred) { setPolicyRecognActiveResultId(preferred.id); setPolicyRecognConfirmDraft(enrichPolicyDetailCoverageForEdit(recognResultToPolicyDetail(preferred))); showPolicyRecognResultPreview(preferred); } } setPolicyRecognOpen(true); return; } if (policyRecognTimerRef.current) { window.clearTimeout(policyRecognTimerRef.current); policyRecognTimerRef.current = null; } if (policyRecognProgressTimerRef.current) { window.clearInterval(policyRecognProgressTimerRef.current); policyRecognProgressTimerRef.current = null; } setPolicyRecognEntry(entry); setPolicyRecognMode(entry === 'import' ? 'policy' : initialMode); setPolicyRecognInsuranceType('交强险'); setPolicyRecognPhase('upload'); setPolicyRecognFiles([]); setPolicyRecognTaskId(''); setPolicyRecognResults([]); setPolicyRecognViewOnly(false); setPolicyRecognActiveResultId(''); setPolicyRecognConfirmDraft({ ...EMPTY_POLICY_DETAIL }); setPolicyPreview(null); setPolicyRecognOpen(true); }; const openPolicyRecognTaskRecord = (task) => { if (!task?.id) { message.warning('任务记录无效'); return; } if (isPolicyRecognTaskRecognizing(task)) { message.info('请等待识别完成后操作'); return; } const successResults = getPolicyRecognSuccessResults(task.results).map((r) => ({ ...r })); if (!successResults.length) { message.warning('暂无识别成功的结果可确认'); return; } setPolicyRecognEntry(task.entry || 'ocr'); setPolicyRecognMode(task.mode || 'policy'); setPolicyRecognInsuranceType(task.insuranceType || '交强险'); setPolicyRecognTaskId(task.id); setPolicyRecognResults(successResults); setPolicyRecognFiles([]); setPolicyRecognViewOnly(task.status === 'completed'); setPolicyRecognPhase('results'); setPolicyPreview(null); setPolicyRecognOpen(true); setPolicyRecognTasksOpen(false); const preferred = successResults.find((r) => r.matched && !r.confirmed) || successResults.find((r) => !r.confirmed) || successResults[0]; if (preferred) { setPolicyRecognActiveResultId(preferred.id); setPolicyRecognConfirmDraft(enrichPolicyDetailCoverageForEdit(recognResultToPolicyDetail(preferred))); showPolicyRecognResultPreview(preferred); } }; const closePolicyRecogn = () => { const syncedResults = policyRecognPhase === 'results' ? persistActiveRecognDraft() : policyRecognResults; if (syncedResults !== policyRecognResults) { setPolicyRecognResults(syncedResults); } if (policyRecognTaskId && syncedResults.length) { const status = derivePolicyRecognTaskStatus(syncedResults); upsertPolicyRecognTask({ taskId: policyRecognTaskId, entry: policyRecognEntry, mode: policyRecognMode, insuranceType: policyRecognInsuranceType, results: syncedResults, phase: policyRecognPhase, completedAt: status === 'completed' ? formatCompareSheetNow() : undefined, }); } if (policyPreview?.url) URL.revokeObjectURL(policyPreview.url); setPolicyPreview(null); setPolicyRecognOpen(false); }; const policyRecognAllUploaded = policyRecognFiles.length > 0 && policyRecognFiles.every((f) => f.status === 'done'); const handlePolicyRecognUploadChange = ({ fileList }) => { const incoming = fileList.filter((f) => f.status !== 'removed'); const valid = incoming.filter((f) => isPolicyRecognImageOrPdf(f)); if (valid.length < incoming.length) { message.warning('已忽略不支持格式，仅支持 PDF / 图片'); } const next = valid.map((f) => { if (f.status === 'done') return f; return { ...f, status: 'uploading', percent: f.percent || 0 }; }); setPolicyRecognFiles(next); next.forEach((f, i) => { if (f.status === 'uploading') { window.setTimeout(() => { setPolicyRecognFiles((prev) => prev.map((p) => ( p.uid === f.uid ? { ...p, status: 'done', percent: 100 } : p ))); }, 500 + i * 280); } }); }; const handlePolicyImportUploadChange = ({ fileList }) => { const incoming = fileList.filter((f) => f.status !== 'removed').slice(-1); const valid = incoming.filter((f) => isPolicyImportExcelFile(f)); if (incoming.length && !valid.length) { message.warning('请上传 Excel 模板文件（.csv、.xlsx、.xls）'); return; } const next = valid.map((f) => ( f.status === 'done' ? f : { ...f, status: 'done', percent: 100 } )); setPolicyRecognFiles(next); }; const mergeRecognResultWithDetail = (result, detail) => { const rebuilt = buildRecognResultFromDetail( { id: result.id, fileUid: result.fileUid, fileName: result.fileName, fileType: result.fileType, }, detail, allInsurance, bizTypeToRecognMode(detail.bizType) ); return { ...result, ...rebuilt, id: result.id, confirmed: result.confirmed }; }; const showPolicyRecognResultPreview = (result) => { if (!result) return; const file = policyRecognFiles.find((f) => f.uid === result.fileUid); if (policyPreview?.url) URL.revokeObjectURL(policyPreview.url); if (file?.originFileObj && (file.type || '').startsWith('image/')) { const url = URL.createObjectURL(file.originFileObj); setPolicyPreview({ url, fileName: result.fileName, isImage: true }); return; } setPolicyPreview({ url: null, fileName: result.fileName, isImage: false, hint: policyRecognEntry === 'import' ? '导入记录无原件预览，请核对右侧识别字段' : (policyRecognFiles.length ? 'PDF 预览（原型）：正式环境将内嵌预览识别原件' : '任务记录未保存原件，正式环境可从附件库查看'), }); }; const persistActiveRecognDraft = (resultsList = policyRecognResults) => { if (!policyRecognActiveResultId) return resultsList; const result = resultsList.find((r) => r.id === policyRecognActiveResultId); if (!result) return resultsList; const merged = mergeRecognResultWithDetail(result, policyRecognConfirmDraft); return resultsList.map((r) => (r.id === policyRecognActiveResultId ? merged : r)); }; const selectPolicyRecognResult = (resultId, resultsList = policyRecognResults) => { const nextResults = policyRecognActiveResultId && policyRecognActiveResultId !== resultId ? persistActiveRecognDraft(resultsList) : resultsList; if (nextResults !== resultsList) { setPolicyRecognResults(nextResults); } const result = nextResults.find((r) => r.id === resultId); if (!result) return nextResults; setPolicyRecognActiveResultId(resultId); setPolicyRecognConfirmDraft(enrichPolicyDetailCoverageForEdit(recognResultToPolicyDetail(result))); showPolicyRecognResultPreview(result); return nextResults; }; const enterPolicyRecognConfirmPhase = (results, snapshot = {}) => { const displayResults = getPolicyRecognSuccessResults(results); if (!displayResults.length) return; setPolicyRecognResults(displayResults); setPolicyRecognPhase('results'); const preferred = displayResults.find((r) => r.matched && !r.confirmed) || displayResults.find((r) => !r.confirmed) || displayResults[0]; if (preferred) { setPolicyRecognActiveResultId(preferred.id); setPolicyRecognConfirmDraft(enrichPolicyDetailCoverageForEdit(recognResultToPolicyDetail(preferred))); showPolicyRecognResultPreview(preferred); } if (snapshot.taskId) { upsertPolicyRecognTask({ taskId: snapshot.taskId, entry: snapshot.entry ?? policyRecognEntry, mode: snapshot.mode ?? policyRecognMode, insuranceType: snapshot.insuranceType ?? policyRecognInsuranceType, results, phase: 'results', totalFileCount: snapshot.totalFileCount, recognDoneCount: snapshot.recognDoneCount ?? snapshot.totalFileCount, }); } }; const handleRecognConfirmPlateChange = (plateNo) => { const vehicle = plateNo ? findVehicleByPlate(plateNo) : null; setPolicyRecognConfirmDraft((prev) => ({ ...prev, plateNo: plateNo || '', vin: vehicle?.vin || (plateNo ? prev.vin : ''), })); }; const startPolicyExcelImportTask = async () => { const fileItem = policyRecognFiles.find((f) => f.status === 'done'); const file = fileItem?.originFileObj; if (!file) { message.warning('请先上传 Excel 导入文件'); return; } const taskId = createPolicyRecognTaskId(); setPolicyRecognPhase('recognizing'); setPolicyRecognTaskId(taskId); try { const text = await readPolicyImportFileAsText(file); if (!String(text).trim()) { setPolicyRecognPhase('upload'); return; } const rows = parsePolicyImportFileText(text); if (!rows.length) { message.error('未解析到有效数据，请按模板填写带 * 的必填项'); setPolicyRecognPhase('upload'); return; } if (!validatePolicyImportRows(rows)) { setPolicyRecognPhase('upload'); return; } const results = buildImportResultsFromRows(rows, allInsurance); enterPolicyRecognConfirmPhase(results, { taskId, entry: 'import', mode: 'policy', insuranceType: '', }); const matchedN = results.filter((r) => r.matched).length; message.success(`已解析 ${results.length} 条，${matchedN} 条已匹配台账，请核对识别内容后确认`); } catch { message.error('导入文件读取失败，请重试'); setPolicyRecognPhase('upload'); } }; const startPolicyRecognTask = () => { if (!policyRecognAllUploaded) { message.warning(policyRecognEntry === 'import' ? '请先上传 Excel 文件' : '请等待全部文件上传完成'); return; } if (policyRecognEntry === 'import') { startPolicyExcelImportTask(); return; } if (policyRecognMode === 'policy' && !policyRecognInsuranceType) { message.warning('请选择保险类型'); return; } const taskId = createPolicyRecognTaskId(); const entrySnap = policyRecognEntry; const modeSnap = policyRecognMode; const insuranceSnap = policyRecognInsuranceType; const filesSnap = policyRecognFiles; const fileCount = filesSnap.filter((f) => f.status === 'done').length; if (policyRecognTimerRef.current) { window.clearTimeout(policyRecognTimerRef.current); policyRecognTimerRef.current = null; } if (policyRecognProgressTimerRef.current) { window.clearInterval(policyRecognProgressTimerRef.current); policyRecognProgressTimerRef.current = null; } setPolicyRecognPhase('recognizing'); setPolicyRecognTaskId(taskId); upsertPolicyRecognTask({ taskId, entry: entrySnap, mode: modeSnap, insuranceType: insuranceSnap, results: [], phase: 'recognizing', totalFileCount: fileCount, recognDoneCount: 0, }); setPolicyRecognOpen(false); message.info('正在识别，请稍后点击「保单批量识别」确认识别结果'); policyRecognProgressTimerRef.current = window.setInterval(() => { setPolicyRecognTasks((prev) => { const task = prev.find((t) => t.id === taskId); if (!task || !isPolicyRecognTaskRecognizing(task)) { if (policyRecognProgressTimerRef.current) { window.clearInterval(policyRecognProgressTimerRef.current); policyRecognProgressTimerRef.current = null; } return prev; } const nextDone = Math.min(task.totalFileCount, (task.recognDoneCount || 0) + 1); if (nextDone >= task.totalFileCount) { if (policyRecognProgressTimerRef.current) { window.clearInterval(policyRecognProgressTimerRef.current); policyRecognProgressTimerRef.current = null; } return prev; } const next = prev.map((t) => ( t.id === taskId ? { ...t, recognDoneCount: nextDone } : t )); persistPolicyRecognTasksToStorage(next); return next; }); }, 480); policyRecognTimerRef.current = window.setTimeout(() => { policyRecognTimerRef.current = null; if (policyRecognProgressTimerRef.current) { window.clearInterval(policyRecognProgressTimerRef.current); policyRecognProgressTimerRef.current = null; } const results = buildMockOcrResults( filesSnap, modeSnap, insuranceSnap, allInsurance ); enterPolicyRecognConfirmPhase(results, { taskId, entry: entrySnap, mode: modeSnap, insuranceType: insuranceSnap, totalFileCount: fileCount, recognDoneCount: fileCount, }); }, 2400); }; const openPolicyRecognResults = () => { if (!policyRecognResults.length) { message.warning('暂无识别结果'); return; } enterPolicyRecognConfirmPhase(policyRecognResults, { taskId: policyRecognTaskId }); }; const renderPolicyDetailForm = (draft, setDraft, options = {}) => { const { showBizType = true, recognConfirmMode = false, policyEntryMode = false, onPlateChange, } = options; const requiredKeys = recognConfirmMode || policyEntryMode ? POLICY_ENTRY_FORM_REQUIRED_KEYS : []; const fieldLabel = (text, key) => ( requiredKeys.includes(key) ? {text} : text ); const coverageRows = getCoverageItemsFormRows(draft.coverageItems); const updateCoverageField = (idx, field, value) => { const next = coverageRows.map((row, i) => (i === idx ? { ...row, [field]: value } : row)); setDraft((p) => ({ ...p, coverageItems: next })); }; const addCoverageRow = () => { setDraft((p) => ({ ...p, coverageItems: [...getCoverageItemsFormRows(p.coverageItems), { ...EMPTY_COVERAGE_ITEM }], })); }; const removeCoverageRow = (idx) => { const next = coverageRows.filter((_, i) => i !== idx); setDraft((p) => ({ ...p, coverageItems: next.length ? next : [{ ...EMPTY_COVERAGE_ITEM }] })); }; return (

{!recognConfirmMode ?

车辆与险种

: null} {renderFilterField(fieldLabel('车牌号', 'plateNo'), ( recognConfirmMode ? ( setDraft((p) => ({ ...p, plateNo: e.target.value }))} placeholder="与 VIN 至少填一项" /> ) ))} {renderFilterField('车辆识别代码', ( setDraft((p) => ({ ...p, vin: e.target.value }))} style={recognConfirmMode ? { background: '#f8fafc', color: '#475569' } : undefined} /> ))} {showBizType ? renderFilterField('业务类型', ( setDraft((p) => ({ ...p, insuranceType: v }))} style={{ width: '100%' }} options={QUOTE_INSURANCE_TYPES.map((t) => ({ label: t, value: t }))} /> )) : null} {!recognConfirmMode ?

保单要素

: null} {renderFilterField(fieldLabel('保险公司', 'company'), ( setDraft((p) => ({ ...p, policyNo: e.target.value }))} /> ))} {!recognConfirmMode ? renderFilterField('批单号', ( setDraft((p) => ({ ...p, endorsementNo: e.target.value }))} placeholder="停保/复驶/退保批单号" /> )) : null} {renderFilterField(fieldLabel('付款时间', 'payTime'), ( setDraft((p) => ({ ...p, payTime: e.target.value }))} placeholder="如 2026-06-01 17:42:10" /> ))} {!recognConfirmMode ? renderFilterField('签单日期', ( setDraft((p) => ({ ...p, signDate: ds || '' }))} /> )) : null} {renderFilterField(fieldLabel('生效日期', 'startDate'), ( setDraft((p) => ({ ...p, startDate: ds || '' }))} /> ))} {renderFilterField(fieldLabel('到期日期', 'endDate'), ( setDraft((p) => ({ ...p, endDate: ds || '' }))} /> ))} {!recognConfirmMode && (draft.bizType === 'suspend' || draft.bizType === 'resume') ? renderFilterField('复驶日期', ( setDraft((p) => ({ ...p, reinstateDate: ds || '' }))} /> )) : null} {renderFilterField( recognConfirmMode || policyEntryMode ? fieldLabel('保险费合计', 'premium') : (draft.bizType === 'cancel' ? '退费金额(元)' : '保险费合计'), ( setDraft((p) => ({ ...p, premium: e.target.value }))} placeholder="元" /> ) )} {!recognConfirmMode ? renderFilterField('投保人', ( setDraft((p) => ({ ...p, applicant: e.target.value }))} /> )) : null} {!recognConfirmMode ? renderFilterField('被保险人', ( setDraft((p) => ({ ...p, insured: e.target.value }))} /> )) : null}

{!recognConfirmMode ? (

保单项目/责任限额

) : null}

`cov-row-${idx}`} dataSource={coverageRows} scroll={{ x: recognConfirmMode ? 600 : 720 }} locale={{ emptyText: '暂无承保险种数据' }} columns={[ { title: '承保险种', dataIndex: 'coverageName', width: recognConfirmMode ? 140 : 160, render: (val, _row, idx) => ( updateCoverageField(idx, 'coverageName', e.target.value)} placeholder="如：机动车损失险" /> ), }, { title: '保险金额', dataIndex: 'coverageAmount', width: recognConfirmMode ? 120 : 140, render: (val, _row, idx) => ( updateCoverageField(idx, 'coverageAmount', e.target.value)} placeholder="如：2000000元" /> ), }, { title: '保险金额/责任免额', dataIndex: 'deductible', width: recognConfirmMode ? 140 : 160, render: (val, _row, idx) => ( updateCoverageField(idx, 'deductible', e.target.value)} placeholder="如：绝对免赔额500元" /> ), }, { title: '保险费', dataIndex: 'itemPremium', width: recognConfirmMode ? 96 : 110, render: (val, _row, idx) => ( updateCoverageField(idx, 'itemPremium', e.target.value)} placeholder="0.00" /> ), }, { title: '操作', key: 'action', width: 64, fixed: 'right', render: (_val, _row, idx) => ( ), }, ]} /> {!recognConfirmMode ? (

按承保险种分行维护保额、免赔额与分项保险费；上方「保险费合计」为整单合计金额

) : (

识别结果已自动反写，可按需修改；上方「保险费合计」为整单合计金额

)} ); }; const confirmPolicyRecognResult = (resultId, detailOverride) => { const baseResults = persistActiveRecognDraft(); const result = baseResults.find((r) => r.id === resultId); if (!result) return; const detail = detailOverride || (resultId === policyRecognActiveResultId ? policyRecognConfirmDraft : recognResultToPolicyDetail(result)); if (!validatePolicyRecognDetailForConfirm(detail)) return; const merged = mergeRecognResultWithDetail(result, detail); if (!merged.matched) { message.warning('该条未匹配台账，请检查车牌号是否正确'); return; } if (merged.confirmed) { message.info('该条已确认'); return; } const mode = merged.recognMode || policyRecognMode; updateAllInsurance(applyPolicyOcrResultToLedger(merged, mode)); const nextResults = baseResults.map((r) => ( r.id === resultId ? { ...merged, confirmed: true } : r )); setPolicyRecognResults(nextResults); if (derivePolicyRecognTaskStatus(nextResults) === 'completed') { setPolicyRecognViewOnly(true); } if (policyRecognTaskId) { upsertPolicyRecognTask({ taskId: policyRecognTaskId, entry: policyRecognEntry, mode: policyRecognMode, insuranceType: policyRecognInsuranceType, results: nextResults, phase: 'results', completedAt: derivePolicyRecognTaskStatus(nextResults) === 'completed' ? formatCompareSheetNow() : undefined, }); } message.success(`已确认 ${merged.displayPlate || merged.ocrVin}，台账已更新`); }; const confirmCurrentPolicyRecognResult = () => { if (!policyRecognActiveResultId) { message.warning('请先选择要确认的识别记录'); return; } confirmPolicyRecognResult(policyRecognActiveResultId, policyRecognConfirmDraft); }; const confirmAllPolicyRecognResults = () => { const synced = persistActiveRecognDraft(); setPolicyRecognResults(synced); const pending = synced.filter((r) => r.matched && !r.confirmed); if (!pending.length) { message.info('没有可批量确认的记录'); return; } let nextInsurance = { ...allInsurance }; const invalid = pending.find((result) => { const detail = result.id === policyRecognActiveResultId ? policyRecognConfirmDraft : recognResultToPolicyDetail(result); return !validatePolicyEntryDetail(detail, { silent: true }).ok; }); if (invalid) { message.warning('批量确认前请确保每条记录必填项均已填写，可先逐条确认'); return; } pending.forEach((result) => { const detail = result.id === policyRecognActiveResultId ? policyRecognConfirmDraft : recognResultToPolicyDetail(result); const merged = mergeRecognResultWithDetail(result, detail); const mode = merged.recognMode || policyRecognMode; nextInsurance = applyPolicyOcrResultToLedger(merged, mode)(nextInsurance); }); updateAllInsurance(() => nextInsurance); const nextResults = policyRecognResults.map((r) => ( r.matched ? { ...r, confirmed: true } : r )); setPolicyRecognResults(nextResults); const allDone = derivePolicyRecognTaskStatus(nextResults) === 'completed'; if (allDone) setPolicyRecognViewOnly(true); if (policyRecognTaskId) { upsertPolicyRecognTask({ taskId: policyRecognTaskId, entry: policyRecognEntry, mode: policyRecognMode, insuranceType: policyRecognInsuranceType, results: nextResults, phase: 'results', completedAt: allDone ? formatCompareSheetNow() : undefined, }); } message.success(`已批量确认 ${pending.length} 条，台账到期日期已更新`); }; const policyRecognPickerColumns = useMemo(() => ([ { title: '文件/记录', dataIndex: 'fileName', width: 160, ellipsis: true, }, { title: '车牌号', key: 'plate', width: 100, render: (_, r) => r.displayPlate || r.ocrPlateNo || '—', }, { title: '险种', dataIndex: 'insuranceTypeLabel', width: 72, }, { title: '匹配', key: 'matched', width: 80, render: (_, r) => ( {r.matched ? '已匹配' : '未匹配'} ), }, { title: '状态', key: 'confirmed', width: 80, render: (_, r) => ( r.confirmed ? 已确认 : 待确认 ), }, ]), []); const handlePolicyAddAttachmentChange = ({ fileList }) => { const incoming = fileList.filter((f) => f.status !== 'removed'); const valid = incoming.filter((f) => isPolicyRecognImageOrPdf(f)); if (valid.length < incoming.length) { message.warning('已忽略不支持格式，保单附件仅支持 PDF / 图片'); } setPolicyAddAttachmentFileList( valid.map((f) => ({ ...f, status: 'done', uploadedAt: f.uploadedAt || formatCompareSheetNow(), })) ); }; const handlePolicyAddSubmit = () => { const attachments = uploadFileListToAttachments(policyAddAttachmentFileList); const detail = normalizePolicyDetail({ ...policyAddDraft, bizType: 'policy', attachments, }); if (!validatePolicyEntryDetail(detail).ok) return; const ledgerKey = resolvePolicyVehicleKey(detail.plateNo || detail.vin); if (!ledgerKey) { message.warning('请填写台账中存在的车牌或 VIN'); return; } const typeKey = INSURANCE_LABEL_TO_KEY[detail.insuranceType]; if (!typeKey) { message.warning('险种填写有误'); return; } updateAllInsurance((prev) => { const record = ensureInsuranceRecordShape(prev[ledgerKey] || createEmptyInsuranceRecord()); const existing = record[typeKey] || createEmptyInsuranceItem(); let baseItem = { ...existing }; let logs = existing.operationLogs || []; if (existing.policyTag === 'cancelled' && existing.policyNo) { baseItem = { ...createEmptyInsuranceItem(), archivedPolicies: [...(existing.archivedPolicies || []), { ...existing }], }; logs = []; } const item = applyPolicyDetailToInsuranceItem( baseItem, { ...detail, policyNo: detail.policyNo || `MAN-${Date.now().toString().slice(-6)}` }, 'policy' ); item.updateTime = formatCompareSheetNow(); item.updateUser = PROTO_COMPARE_CREATOR; item.operationLogs = appendInsuranceOperationLog(logs, { type: 'add', remark: buildOperationChangeRemark([ { label: '保单号', before: existing.policyNo, after: item.policyNo }, { label: '保险公司', before: existing.company, after: item.company }, { label: '到期日期', before: existing.endDate, after: item.endDate }, ]), }); return { ...prev, [ledgerKey]: { ...record, [typeKey]: item } }; }); message.success('保单已录入台账'); setPolicyAddOpen(false); setPolicyAddDraft({ ...EMPTY_POLICY_DETAIL }); setPolicyAddAttachmentFileList([]); }; const renderPolicyStatusTag = (item) => { if (!item?.policyTag) return null; if (item.policyTag === 'suspended') { return ( 已停保 ); } if (item.policyTag === 'cancelled') { return ( 已退保 ); } return null; }; const renderDateCell = (rowId, field, value) => ( updateCompareRow(rowId, { [field]: ds || '' })} placeholder="选择日期" style={{ width: '100%' }} /> ); const renderQuoteAddPopover = (row) => ( { setQuoteEditRowId(open ? row.id : null); if (!open) setQuoteDraft(createEmptyQuoteDraft()); }} content={(

添加报价 {row.insuranceType || '交强险'}

保险公司 setQuoteDraft((d) => ({ ...d, premium: sanitizePremiumInput(e.target.value) }))} onBlur={() => { if (quoteDraft.premium && isValidPremium(quoteDraft.premium)) { setQuoteDraft((d) => ({ ...d, premium: formatPremiumDisplay(d.premium) })); } }} />

)} > ); const renderQuoteCell = (row) => { const quotes = row.quotes || []; return (

{quotes.length > 0 ? ( updateCompareRow(row.id, { confirmedQuoteId: e.target.value })} className="lc-compare-quote-inline-list" > {quotes.map((q) => { const selected = row.confirmedQuoteId === q.id; return ( {shortInsuranceCompanyName(q.company)} {q.premium}元 ); })} ) : ( 暂无报价（必填） )} {renderQuoteAddPopover(row)}

); }; const compareColumns = [ { title: '车牌号', dataIndex: 'plateNo', width: 118, fixed: 'left', onHeaderCell: () => ({ className: 'lc-compare-th-key' }), render: (val, row) => ( (option?.label || '').toLowerCase().includes(input.toLowerCase())} onChange={(v) => handleCompareVinChange(row.id, v)} /> ), }, { title: '客户', dataIndex: 'customer', width: 128, onHeaderCell: () => ({ className: 'lc-compare-th-auto' }), render: (val, row) => renderReadonlyField(val, isCompareRowVehicleLinked(row)), }, { title: '归属公司', dataIndex: 'ownerCompany', width: 148, onHeaderCell: () => ({ className: 'lc-compare-th-auto' }), render: (val, row) => renderReadonlyField(val, isCompareRowVehicleLinked(row)), }, { title: '品牌', dataIndex: 'brand', width: 80, onHeaderCell: () => ({ className: 'lc-compare-th-auto' }), render: (val, row) => renderReadonlyField(val, isCompareRowVehicleLinked(row)), }, { title: '型号', dataIndex: 'model', width: 120, onHeaderCell: () => ({ className: 'lc-compare-th-auto' }), render: (val, row) => renderReadonlyField(val, isCompareRowVehicleLinked(row)), }, { title: '车身颜色', dataIndex: 'bodyColor', width: 80, onHeaderCell: () => ({ className: 'lc-compare-th-auto' }), render: (val, row) => renderReadonlyField(val, isCompareRowVehicleLinked(row)), }, { title: '行驶证注册日期', dataIndex: 'regDate', width: 118, onHeaderCell: () => ({ className: 'lc-compare-th-auto' }), render: (val, row) => renderReadonlyDate(val, isCompareRowVehicleLinked(row)), }, { title: '年检有效期', dataIndex: 'inspectExpire', width: 108, onHeaderCell: () => ({ className: 'lc-compare-th-auto' }), render: (val, row) => renderReadonlyDate(val, isCompareRowVehicleLinked(row)), }, { title: '投保方式', dataIndex: 'insureMode', width: 96, onHeaderCell: () => ({ className: 'lc-compare-th-edit' }), render: (val, row) => ( updateCompareRow(row.id, { insuranceType: v, quotes: [], confirmedQuoteId: '', })} options={QUOTE_INSURANCE_TYPES.map((t) => ({ label: t, value: t }))} /> ), }, { title: '交强险到期日期', dataIndex: 'jqValidUntil', width: 108, onHeaderCell: () => ({ className: 'lc-compare-th-auto' }), render: (val, row) => renderReadonlyDate(val, isCompareRowVehicleLinked(row)), }, { title: '商业险到期日期', dataIndex: 'syValidUntil', width: 108, onHeaderCell: () => ({ className: 'lc-compare-th-auto' }), render: (val, row) => renderReadonlyDate(val, isCompareRowVehicleLinked(row)), }, { title: '最晚付费日期', dataIndex: 'latestPayDate', width: 128, onHeaderCell: () => ({ className: 'lc-compare-th-edit' }), render: (val, row) => { const paySt = getLatestPayDateStatus(val); return (

{renderDateCell(row.id, 'latestPayDate', val)} {val ? (

{paySt.type === 'overdue' ? `超期${Math.abs(paySt.diffDays)}天` : paySt.type === 'warning' ? `临期${paySt.diffDays}天` : `剩余${paySt.diffDays}天`}

) : null}

); }, }, { title: '采购状态', dataIndex: 'procurementStatus', width: 92, fixed: 'right', onHeaderCell: () => ({ className: 'lc-compare-th-auto' }), render: (st) => renderCompareProcurementStatusTag(st), }, { title: '当前审批人', dataIndex: 'procurementCurrentApprover', width: 96, fixed: 'right', onHeaderCell: () => ({ className: 'lc-compare-th-auto' }), render: (val, row) => { if (normalizeCompareProcurementStatus(row.procurementStatus) !== 'submitted') { return —; } if (!val) { return ( — ); } return {val}; }, }, { title: ( 报价情况 * ), key: 'quotes', width: 240, fixed: 'right', onHeaderCell: () => ({ className: 'lc-compare-th-edit' }), render: (_, row) => renderQuoteCell(row), }, { title: '操作', key: 'action', width: 96, fixed: 'right', onHeaderCell: () => ({ className: 'lc-compare-th-edit' }), render: (_, row) => (

{ setCopyPopoverRowId(open ? row.id : null); if (!open) setCopyCountDraft(1); }} content={(

复制条数

setCopyCountDraft(v || 1)} style={{ width: '100%' }} />

)} >

), }, ]; const getInsuranceItemStatus = (ledgerKey, typeKey) => { const item = allInsurance[ledgerKey]?.[typeKey]; if (item?.policyTag === 'cancelled') { return { type: 'unuploaded', text: '已退保', diffDays: null }; } if (!item || !item.policyNo) { return { type: 'unuploaded', text: '未购买', diffDays: null }; } if (!item.endDate) { if (item.policyTag === 'suspended') { return { type: 'warning', text: '已停保', diffDays: null }; } return { type: 'unuploaded', text: '未购买', diffDays: null }; } const today = new Date(ANCHOR_TODAY); today.setHours(0, 0, 0, 0); const expDate = new Date(item.endDate); expDate.setHours(0, 0, 0, 0); const diffDays = Math.ceil((expDate.getTime() - today.getTime()) / (1000 * 60 * 60 * 24)); if (diffDays <= 0) { return { type: 'expired', text: `已到期 (逾期 ${Math.abs(diffDays)} 天)`, diffDays }; } if (diffDays <= INSURANCE_WARN_DAYS) { return { type: 'warning', text: `临期 (${diffDays} 天后)`, diffDays }; } return { type: 'success', text: '正常', diffDays }; }; /** 与车辆管理「保险状态」一致：交强险 + 商业险均存在且在有效期内（临期仍算有效） */ const getVehicleInsuranceStatus = (ledgerKey) => { const jq = getInsuranceItemStatus(ledgerKey, 'compulsory'); const sy = getInsuranceItemStatus(ledgerKey, 'commercial'); const isValid = (st) => st.type === 'success' || st.type === 'warning'; const isNormal = isValid(jq) && isValid(sy); if (isNormal) { const hasWarning = jq.type === 'warning' || sy.type === 'warning'; return { label: hasWarning ? '临期' : '正常', color: hasWarning ? 'warning' : 'success', abnormal: false, tip: hasWarning ? '交强险或商业险临期，仍在有效期内，可交车但需尽快续保' : '交强险、商业险均在有效期内', }; } const reasons = []; if (jq.type === 'unuploaded') reasons.push('交强险未购买'); else if (jq.type === 'expired') reasons.push('交强险已到期'); if (sy.type === 'unuploaded') reasons.push('商业险未购买'); else if (sy.type === 'expired') reasons.push('商业险已到期'); return { label: '异常', color: 'error', abnormal: true, tip: `${reasons.join('；')}。保险状态异常的车辆禁止交车`, }; }; const isCoreInsuranceNormal = (ledgerKey) => !getVehicleInsuranceStatus(ledgerKey).abnormal; const isAnyInsuranceWarning = (ledgerKey) => ( INSURANCE_TYPE_ITEMS.some((item) => getInsuranceItemStatus(ledgerKey, item.key).type === 'warning') ); const isCoreInsuranceExpired = (ledgerKey) => ( CORE_INSURANCE_KEYS.some((key) => getInsuranceItemStatus(ledgerKey, key).type === 'expired') ); const isCoreInsuranceMissing = (ledgerKey) => ( CORE_INSURANCE_KEYS.some((key) => getInsuranceItemStatus(ledgerKey, key).type === 'unuploaded') ); const matchKpiFilter = (ledgerKey, filterKey) => { if (filterKey === 'total') return true; if (filterKey === 'normal') return isCoreInsuranceNormal(ledgerKey); if (filterKey === 'warning') return isAnyInsuranceWarning(ledgerKey); if (filterKey === 'expired') return isCoreInsuranceExpired(ledgerKey); if (filterKey === 'unuploaded') return isCoreInsuranceMissing(ledgerKey); return true; }; const stats = useMemo(() => { let normal = 0; let warning = 0; let expired = 0; let unuploaded = 0; MOCK_VEHICLES.forEach((v) => { const ledgerKey = getVehicleLedgerKey(v); if (isCoreInsuranceNormal(ledgerKey)) normal += 1; if (isAnyInsuranceWarning(ledgerKey)) warning += 1; if (isCoreInsuranceExpired(ledgerKey)) expired += 1; if (isCoreInsuranceMissing(ledgerKey)) unuploaded += 1; }); return { total: MOCK_VEHICLES.length, normal, warning, expired, unuploaded }; }, [allInsurance]); const activeCompareSubmissionSet = useMemo( () => buildActiveCompareSubmissionSet(compareSheets), [compareSheets] ); const compareProcurementStatusByVehicleType = useMemo( () => buildCompareProcurementStatusByVehicleType(compareSheets), [compareSheets] ); const openInsuranceAlertModal = (mode) => { setInsuranceAlertMode(mode); setInsuranceAlertTypeFilter( mode === 'coreExpired' ? [...CORE_INSURANCE_KEYS] : [...EXPIRING_WARN_TYPE_KEYS] ); setInsuranceAlertSort({ key: 'commercial', order: 'descend' }); setInsuranceAlertOpen(true); }; const insuranceAlertBaseList = useMemo(() => { const selectedKeys = insuranceAlertTypeFilter || []; if (!selectedKeys.length) return []; return MOCK_VEHICLES.filter((vehicle) => { const ledgerKey = getVehicleLedgerKey(vehicle); if (insuranceAlertMode === 'coreExpired') { if (!isCoreInsuranceExpired(ledgerKey)) return false; return selectedKeys.some((typeKey) => getInsuranceItemStatus(ledgerKey, typeKey).type === 'expired'); } return selectedKeys.some((typeKey) => { const st = getInsuranceItemStatus(ledgerKey, typeKey).type; return st === 'warning' || st === 'expired'; }); }); }, [allInsurance, insuranceAlertTypeFilter, insuranceAlertMode]); const insuranceAlertSortedList = useMemo(() => { const list = [...insuranceAlertBaseList]; const sortKey = insuranceAlertSort.key || 'commercial'; const sortOrder = insuranceAlertSort.order || 'descend'; list.sort((a, b) => { const av = getVehicleInsuranceEndDate(getVehicleLedgerKey(a), sortKey, allInsurance); const bv = getVehicleInsuranceEndDate(getVehicleLedgerKey(b), sortKey, allInsurance); return compareInsuranceEndDate(av, bv, sortOrder); }); return list; }, [insuranceAlertBaseList, insuranceAlertSort, allInsurance]); const handleInsuranceAlertTableChange = (_pagination, _filters, sorter) => { const nextSorter = Array.isArray(sorter) ? sorter[0] : sorter; if (!nextSorter || !nextSorter.columnKey) return; setInsuranceAlertSort({ key: nextSorter.columnKey, order: nextSorter.order || 'descend', }); }; const renderInsuranceAlertDateCell = (record, typeKey) => { const ledgerKey = getVehicleLedgerKey(record); const dateVal = getVehicleInsuranceEndDate(ledgerKey, typeKey, allInsurance); const status = getInsuranceItemStatus(ledgerKey, typeKey); const isWarn = status.type === 'warning'; const isExpired = status.type === 'expired'; const typeLabel = INSURANCE_KEY_TO_LABEL[typeKey]; const procurementSt = getCompareProcurementStatusForVehicleType( record, typeLabel, compareProcurementStatusByVehicleType ); return (

{dateVal || '—'} {procurementSt && (isWarn || isExpired) ? (

{renderAlertCompareProcurementTag(procurementSt)}

) : null}

); }; const insuranceAlertColumns = useMemo(() => { const sortOrderFor = (typeKey) => (insuranceAlertSort.key === typeKey ? insuranceAlertSort.order : null); const dateCol = (typeKey, title) => ({ title, key: typeKey, dataIndex: typeKey, width: 136, sortOrder: sortOrderFor(typeKey), sorter: () => 0, sortDirections: ['descend', 'ascend'], showSorterTooltip: false, render: (_val, record) => renderInsuranceAlertDateCell(record, typeKey), }); return [ { title: '车牌号', key: 'plateNo', width: 108, fixed: 'left', render: (_val, record) => ( {formatVehiclePlateDisplay(record.plateNo)} ), }, dateCol('compulsory', '交强险到期日期'), dateCol('commercial', '商业险到期日期'), dateCol('excess', '超赔险到期日期'), dateCol('cargo', '货物险到期日期'), dateCol('driverAccident', '驾意险到期日期'), ]; }, [allInsurance, insuranceAlertSort, compareProcurementStatusByVehicleType]); const openBatchCompareTypesModal = () => { if (!insuranceAlertSortedList.length) { message.warning( insuranceAlertMode === 'coreExpired' ? '当前筛选条件下暂无核心险种逾期记录' : '当前筛选条件下暂无临期记录' ); return; } const defaultLabels = insuranceAlertTypeFilter.map((key) => INSURANCE_KEY_TO_LABEL[key]).filter(Boolean); const fallback = insuranceAlertMode === 'coreExpired' ? CORE_INSURANCE_KEYS.map((k) => INSURANCE_KEY_TO_LABEL[k]) : [...QUOTE_INSURANCE_TYPES]; setBatchCompareTypesDraft(defaultLabels.length ? defaultLabels : fallback); setBatchCompareTypesOpen(true); }; const handleConfirmBatchCompareSheets = () => { const allowedTypes = insuranceAlertMode === 'coreExpired' ? CORE_INSURANCE_KEYS.map((k) => INSURANCE_KEY_TO_LABEL[k]) : QUOTE_INSURANCE_TYPES; const selectedLabels = (batchCompareTypesDraft || []).filter((label) => allowedTypes.includes(label)); if (!selectedLabels.length) { message.warning('请至少选择一种保险类型'); return; } const targetStatus = insuranceAlertMode === 'coreExpired' ? 'expired' : 'warning'; const generatedRows = []; let skippedSubmitted = 0; selectedLabels.forEach((typeLabel) => { const typeKey = INSURANCE_LABEL_TO_KEY[typeLabel]; insuranceAlertSortedList .filter((vehicle) => getInsuranceItemStatus(getVehicleLedgerKey(vehicle), typeKey).type === targetStatus) .forEach((vehicle) => { if (isVehicleTypeSubmittedToCompare(vehicle, typeLabel, activeCompareSubmissionSet)) { skippedSubmitted += 1; return; } const row = buildCompareRowFromVehicle(vehicle, allInsurance); row.insuranceType = typeLabel; generatedRows.push(row); }); }); if (!generatedRows.length) { message.warning( skippedSubmitted ? '所选险种均已提交比价单或无可生成记录，未生成购买记录' : (insuranceAlertMode === 'coreExpired' ? '所选险种在当前列表中无逾期车辆，未生成购买记录' : '所选险种在当前列表中无临期车辆，未生成购买记录') ); return; } setEditingCompareSheetId(null); setCompareRows(normalizeCompareRows(generatedRows)); setCompareRemark(`临期预警一键生成 · ${selectedLabels.join('、')}`); setCompareEditorFilters({ ...DEFAULT_COMPARE_EDITOR_FILTERS }); setCompareVehicleFilterOpen(false); setCompareVehicleFilterDraft(''); setCompareAttachmentFileList([]); setSelectedCompareKeys([]); setQuoteDraft(createEmptyQuoteDraft()); setQuoteEditRowId(null); setBatchCompareTypesOpen(false); setInsuranceAlertOpen(false); setCompareModalOpen(true); const skipHint = skippedSubmitted ? `，已跳过 ${skippedSubmitted} 条已提交比价单记录` : ''; message.success(`已带入 ${generatedRows.length} 条购买记录至新建比价单${skipHint}，请继续维护报价后保存`); }; const brandOptions = useMemo( () => [...new Set(MOCK_VEHICLES.map((v) => v.brand))].map((b) => ({ label: b, value: b })), [] ); const modelOptions = useMemo( () => [...new Set(MOCK_VEHICLES.map((v) => v.model))].map((m) => ({ label: m, value: m })), [] ); const appliedMultiPlates = useMemo(() => parseMultiPlates(appliedFilters.plateNos), [appliedFilters.plateNos]); const filterVehiclesByFilters = (vehicles, f, kpi) => { const plateKey = (f.plateNo || '').trim().toLowerCase(); const multiPlates = parseMultiPlates(f.plateNos); const vinKey = (f.vin || '').trim().toLowerCase(); const brandKey = (f.brand || '').trim().toLowerCase(); const modelKey = (f.model || '').trim().toLowerCase(); return vehicles.filter((v) => { const ledgerKey = getVehicleLedgerKey(v); const plateText = (v.plateNo || '').trim(); if (multiPlates.length) { if (!plateText) return false; if (!multiPlates.includes(plateText.toUpperCase())) return false; } else if (plateKey) { if (!plateText) { if (!NO_PLATE_LABEL.toLowerCase().includes(plateKey) && !plateKey.includes('暂无')) return false; } else if (!plateText.toLowerCase().includes(plateKey)) return false; } if (vinKey && !v.vin.toLowerCase().includes(vinKey)) return false; if (brandKey && !v.brand.toLowerCase().includes(brandKey)) return false; if (modelKey && !v.model.toLowerCase().includes(modelKey)) return false; if (f.operateStatus !== '全部' && v.status !== f.operateStatus) return false; if (f.insuranceStatus === '正常' && getVehicleInsuranceStatus(ledgerKey).abnormal) return false; if (f.insuranceStatus === '异常' && !getVehicleInsuranceStatus(ledgerKey).abnormal) return false; if (!vehicleMatchesListInsuranceTypeFilter(ledgerKey, f.insuranceType, f.endDateRange, allInsurance)) return false; if (!matchKpiFilter(ledgerKey, kpi)) return false; return true; }); }; const filteredVehicles = useMemo( () => sortVehiclesRetiredLast(filterVehiclesByFilters(MOCK_VEHICLES, appliedFilters, kpiFilter)), [appliedFilters, allInsurance, kpiFilter] ); const handleListFilterQuery = () => { const hasEndStart = listFilters.endDateRange?.[0]; const hasEndEnd = listFilters.endDateRange?.[1]; if ((hasEndStart || hasEndEnd) && !listFilters.insuranceType) { message.warning('请先选择保险类型，再按到期时间筛选'); return; } if ((hasEndStart && !hasEndEnd) || (!hasEndStart && hasEndEnd)) { message.warning('请完整选择到期时间的开始与结束日期'); return; } const plates = parseMultiPlates(multiPlateDraft); const next = { ...listFilters, plateNos: multiPlateDraft.trim(), plateNo: plates.length ? '' : listFilters.plateNo, }; setListFilters(next); setAppliedFilters(next); setMultiPlateOpen(false); const hitCount = filterVehiclesByFilters(MOCK_VEHICLES, next, kpiFilter).length; if (plates.length) { message.success(`已按 ${plates.length} 个车牌筛选，命中 ${hitCount} 条记录`); } else { message.success(`查询完成，命中 ${hitCount} 条记录`); } }; const handleListFilterReset = () => { setListFilters({ ...DEFAULT_LIST_FILTERS }); setAppliedFilters({ ...DEFAULT_LIST_FILTERS }); setMultiPlateDraft(''); setKpiFilter('total'); message.info('筛选条件已重置'); }; const handleMultiPlateOpenChange = (open) => { setMultiPlateOpen(open); if (open) setMultiPlateDraft(listFilters.plateNos || ''); }; const renderFilterField = (label, control) => (

{label}

{control}

); const isRetiredVehicle = (record) => record?.status === '退出运营'; const renderInsuranceDateCell = (record, typeKey) => { const ledgerKey = getVehicleLedgerKey(record); const item = allInsurance[ledgerKey]?.[typeKey]; const status = getInsuranceItemStatus(ledgerKey, typeKey); const dateVal = item?.endDate; const muted = isRetiredVehicle(record); const policyTagEl = renderPolicyStatusTag(item); return (

{dateVal || '—'}

{!muted ? (

{policyTagEl || ( {getInsuranceRemainShortText(status)} )} /> )}

) : null}

); }; const listColumns = [ { title: '车牌号', dataIndex: 'plateNo', key: 'plateNo', width: 148, onHeaderCell: listColumnHeaderCell, align: 'left', render: (plate, record) => { const muted = isRetiredVehicle(record); const noPlate = !hasVehiclePlate(record); const displayPlate = formatVehiclePlateDisplay(plate); const sub = [record.brand, record.model].filter(Boolean).join(' · '); return (

{displayPlate} {sub ? ( {sub} ) : null}

); }, }, { title: 'VIN码', dataIndex: 'vin', key: 'vin', width: 112, onHeaderCell: listColumnHeaderCell, render: (vin, record) => ( {vin} ), }, { title: '运营状态', dataIndex: 'status', key: 'status', width: 80, onHeaderCell: listColumnHeaderCell, render: (status) => ( {status} ), }, { title: '保险状态', key: 'insuranceStatus', width: 80, onHeaderCell: listColumnHeaderCell, render: (record) => { const st = getVehicleInsuranceStatus(getVehicleLedgerKey(record)); return ( {st.label} ); }, }, { title: '交强险到期日期', key: 'compulsory', width: 118, onHeaderCell: listColumnHeaderCell, render: (record) => renderInsuranceDateCell(record, 'compulsory'), }, { title: '商业险到期日期', key: 'commercial', width: 118, onHeaderCell: listColumnHeaderCell, render: (record) => renderInsuranceDateCell(record, 'commercial'), }, { title: '超赔险到期日期', key: 'excess', width: 118, onHeaderCell: listColumnHeaderCell, render: (record) => renderInsuranceDateCell(record, 'excess'), }, { title: '货物险到期日期', key: 'cargo', width: 118, onHeaderCell: listColumnHeaderCell, render: (record) => renderInsuranceDateCell(record, 'cargo'), }, { title: '驾意险到期日期', key: 'driverAccident', width: 118, onHeaderCell: listColumnHeaderCell, render: (record) => renderInsuranceDateCell(record, 'driverAccident'), }, { title: '操作', key: 'action', width: 64, onHeaderCell: listColumnHeaderCell, render: (record) => ( ), }, ]; return (

保险采购

保单管理（一车一档）· 比价单独立管理，互不关联

{renderFilterField('车牌号', ( 0} value={listFilters.plateNo} onChange={(e) => setListFilters((prev) => ({ ...prev, plateNo: e.target.value }))} onPressEnter={handleListFilterQuery} style={{ borderRadius: 8 }} /> ))} {renderFilterField('多车牌', (

每行一个车牌，或同一行内用逗号分隔

setMultiPlateDraft(e.target.value)} placeholder={'沪A03561F\n粤B58888F'} style={{ borderRadius: 8 }} />

)} > ))} {renderFilterField('VIN码', ( setListFilters((prev) => ({ ...prev, vin: e.target.value }))} onPressEnter={handleListFilterQuery} style={{ borderRadius: 8 }} /> ))} {renderFilterField('品牌', ( setListFilters((prev) => ({ ...prev, model: val || '' }))} options={modelOptions} filterOption={(input, option) => (option?.label || '').toLowerCase().includes(input.toLowerCase())} style={{ width: '100%' }} /> ))} {renderFilterField('运营状态', ( ))} {renderFilterField('保险状态', ( ))} {renderFilterField('保险类型', (

getVehicleLedgerKey(record)} rowClassName={(record) => (record.status === '退出运营' ? 'lc-row-retired' : '')} pagination={false} scroll={{ x: 1040 }} locale={{ emptyText: (

暂无符合检索条件的保险台账车辆

), }} /> setVehicleInsMgmtOpen(false)}> 关闭 )} onCancel={() => setVehicleInsMgmtOpen(false)} > {vehicleInsMgmtVehicle ? (() => { const profile = getVehicleProfile(vehicleInsMgmtVehicle); const ledgerKey = getVehicleLedgerKey(vehicleInsMgmtVehicle); const insStatus = getVehicleInsuranceStatus(ledgerKey); const statusPillClass = insStatus.color === 'success' || insStatus.color === 'warning' ? `lc-vehicle-ins-mgmt-status-pill--${insStatus.color}` : 'lc-vehicle-ins-mgmt-status-pill--error'; return (

车辆保险档案

{formatVehiclePlateDisplay(vehicleInsMgmtVehicle.plateNo)}

{vehicleInsMgmtVehicle.brand} {vehicleInsMgmtVehicle.model}

保险状态 · {insStatus.label}

VIN码

{vehicleInsMgmtVehicle.vin || '—'}

运营状态

{vehicleInsMgmtVehicle.status || '—'}

客户

{profile.customer || '—'}

产权方

{profile.ownerCompany || '—'}

注册日期

{profile.regDate || '—'}

年审到期

{profile.inspectExpire || '—'}

{renderFilterField('保单号', ( setVehicleInsMgmtPolicyNoFilter(e.target.value)} onPressEnter={handleVehicleInsMgmtPolicyNoSearch} style={{ borderRadius: 8 }} /> ))}

{ setVehicleInsMgmtActiveTab(key); setVehicleInsMgmtHighlightId(''); }} type="card" size="small" > {!vehicleInsuranceHistory.timelinePolicy?.length && !vehicleInsuranceHistory.timelineBiz?.length ? (

暂无全周期记录

可通过新增、续保或停保 / 复驶 / 退保操作产生记录

) : ( renderVehicleInsuranceCenterTimeline() )} {VEHICLE_INSURANCE_MGMT_TABS.filter((t) => t.key !== 'timeline').map((tab) => ( {renderVehicleInsuranceTypeTab(tab.key)} ))}

); })() : null} { setPolicyBizModalOpen(false); setPolicyBizModalRecord(null); setPolicyBizForm({ ...EMPTY_POLICY_BIZ_FORM }); setPolicyBizAttachmentFileList([]); }} onOk={submitPolicyBizModal} > {policyBizModalRecord && vehicleInsMgmtVehicle ? ( <>

车牌号

{formatVehiclePlateDisplay(vehicleInsMgmtVehicle.plateNo)}

保单号

{policyBizModalRecord.policyNo || '—'}

保险公司

{policyBizModalRecord.company || '—'}

生效日期

{policyBizModalRecord.startDate || '—'}

到期日期

{policyBizModalRecord.endDate || '—'}

{policyBizModalMode === 'suspend' ? ( <> {renderFilterField('中止时间', ( setPolicyBizForm((p) => ({ ...p, suspendTime: ds || '' }))} /> ))} {renderFilterField('恢复时间', ( setPolicyBizForm((p) => ({ ...p, resumeTime: ds || '' }))} /> ))} {renderFilterField('新到期日期', ( setPolicyBizForm((p) => ({ ...p, newEndDate: ds || '' }))} /> ))}

停保单附件支持 PDF、图片，可上传多份 false} onChange={handlePolicyBizAttachmentChange} >

) : null} {policyBizModalMode === 'resume' ? ( <> {renderFilterField('恢复时间', ( setPolicyBizForm((p) => ({ ...p, resumeTime: ds || '' }))} /> ))} {renderFilterField('新到期日期', ( setPolicyBizForm((p) => ({ ...p, newEndDate: ds || '' }))} /> ))}

复驶单附件支持 PDF、图片，可上传多份 false} onChange={handlePolicyBizAttachmentChange} >

) : null} {policyBizModalMode === 'cancel' ? ( <> {renderFilterField('退保时间', ( setPolicyBizForm((p) => ({ ...p, cancelTime: ds || '' }))} /> ))} {renderFilterField('退还保费', ( setPolicyBizForm((p) => ({ ...p, refundPremium: e.target.value }))} placeholder="元" /> ))} ) : null}

) : null} { setPolicyOpHistoryOpen(false); setPolicyOpHistoryRecord(null); }} > 关闭 )} onCancel={() => { setPolicyOpHistoryOpen(false); setPolicyOpHistoryRecord(null); }} >

{val || '—'}, }, { title: '操作人', dataIndex: 'operator', width: 96, ellipsis: true, }, { title: '操作类型', dataIndex: 'type', width: 88, render: (val) => INSURANCE_OPERATION_TYPE_LABEL[val] || val || '—', }, { title: '备注', dataIndex: 'remark', ellipsis: true, render: (val) => ( {val || '—'} ), }, ]} /> setPrdOpen(false)} >

一、业务对象说明

车辆档案：以车牌或 VIN 唯一标识一辆车；允许「暂无车牌、仅有 VIN」的库存车。
保单台账：每辆车下分五类险种（交强、商业、超赔、货物、驾意）分别建档，记录保单号、保司、生效/到期日、保费等。
比价单：一次保险采购批次，含创建信息、备注、附件，以及多条「购买记录」。
购买记录：比价单内的一行，表示「某辆车 + 某种险种」的待购事项，含报价、最晚付费日、采购状态等。

二、保单管理 · 险种状态判定

针对每一类险种，按以下优先级判断当前状态（自上而下命中即停止）：

已办理退保 → 视为「已退保」，等同未有效保障
无保单号 → 「未购买」
有保单号但无到期日，且处于停保状态 → 「已停保」（预警）
有保单号但无到期日 → 「未购买」
到期日 ≤ 今天 → 「已到期」
到期日在未来 30 天内 → 「临期」（仍在有效期内）
其余 → 「正常」

三、保单管理 · 交车联动规则

车辆整体保险状态仅由交强险 + 商业险决定，与车辆管理模块保持一致：

交强、商业均为「正常」或「临期」→ 车辆保险状态为「正常」或「临期」，允许交车（临期仍有效，但需尽快续保）
交强或商业任一为「未购买」或「已到期」→ 车辆保险状态为「异常」，禁止交车
超赔、货物、驾意险只影响首页「险种临期预警」统计，不参与交车判定

四、保单管理 · 录入与变更流转

4.1 新保 / 续保录入

渠道：逐条新增、批量识别（上传保单附件）、批量导入 Excel（仅新保/续保）
必填：车牌或 VIN（至少一项）、险种、保险公司、保单号、生效日期、到期日期、保险费合计
选填：承保险种明细、保险金额、免赔额、分项保费等
导入时自动跳过停保、停租、复驶、退保类业务行

4.2 停保 / 复驶 / 退保

在车辆「管理」弹窗中，针对当前有效记录办理（历史归档记录不可操作）
新保、续保记录 → 可停保、可退保
停租记录 → 可复驶、可退保
退保记录 → 仅可复驶
全周期时间轴：左侧展示新保/续保，右侧展示停保/复驶/退保，便于追溯

五、比价单 · 完整业务流转

创建比价单：手动新建、编辑历史批次，或由临期/逾期预警一键生成购买记录
维护购买记录：选择车辆与险种，系统自动带出客户、品牌、交强/商业到期日等；用户确认投保方式（新保/续保）
录入报价：每行可录多家保险公司报价，须选定一条为「最终比价结果」
填写最晚付费日：为每行指定付款截止日期，用于临期/超期提醒
保存比价单：填写备注、上传附件（均必填），持久化整单数据
勾选提交采购：选择需采购的行发起审批；提交后该行进入「审批中」
审批办理：在审批中心通过、驳回或撤回；结果回写至购买记录的采购状态
后续处理：驳回或撤回后可重新勾选提交；审批通过后该行不可再次提交

六、比价单 · 购买记录规则

每行须关联一辆车（车牌或 VIN 至少填一项）
选车后，客户、品牌、车型、年检有效期、交强/商业到期日等自动带出，不可手改
用户可修改：投保方式、保险类型、最晚付费日期
若台账中该车已有交强或商业到期日，默认投保方式为「续保」，否则为「新保」
修改保险类型时，该行已有报价全部清空，需重新报价
删除已设为「最终比价结果」的报价时，最终比价结果一并取消

七、比价单 · 报价业务规则

「报价情况」为提交采购前的必填项：每行至少录入一条报价（保险公司 + 保险费金额）
同一行可有多家报价，但提交前必须且只能确定一条「最终比价结果」
金额汇总仅统计已确定最终比价结果的行；未确定的行不计入合计
底部左侧「当前保单总金额」= 本单全部已确认报价之和；右侧「已选保单总金额」= 当前勾选且已确认报价之和

八、比价单 · 保存与提交的业务校验

业务动作	须满足的条件
保存比价单	至少有一条购买记录每条记录均已选择车辆（车牌或 VIN）整单备注已填写整单已上传至少 1 个附件
提交采购申请针对勾选的行	至少勾选一条购买记录勾选行均已录入报价，且已设为最终比价结果勾选行均已填写最晚付费日期勾选行采购状态为「未提交」「撤回」或「审批驳回」（审批中、审批通过不可再提交）整单备注、附件要求同「保存比价单」若比价单尚未保存，系统先提示保存再提交

九、比价单 · 采购审批状态流转

状态	含义	可否再次勾选提交	产生方式
未提交	尚未发起采购审批	可以	新建购买记录默认状态
审批中	已提交，流程进行中	不可以	本页点击「提交采购申请」
审批通过	审批流程已完结且通过	不可以	审批中心末节点通过后回写
撤回	流程被申请人或审批人撤回	可以	审批中心办理后回写
审批驳回	审批未通过	可以	审批中心办理后回写

本页仅展示采购状态与「当前审批人」，不提供审批、撤回、驳回操作（在审批中心办理）
「当前审批人」由审批流自动回写，允许暂时为空，展示为「—」
审批中、审批通过状态的行，列表多选框禁用，防止重复提交

十、预警与一键生成规则

10.1 台账险种预警（首页 KPI）

险种临期预警：任一类险种到期日在未来 30 天内（含五类险种）
核心险种逾期：交强险或商业险已过期
预警列表中，若某车某险种已有比价采购记录，展示「审批中 / 驳回 / 撤回 / 审批完成」标签；一键生成时自动跳过审批中、审批完成记录

10.2 比价单最晚付费预警（比价单管理看板）

临期：距最晚付费日 ≤ 3 天（含当天）
超期：最晚付费日已过
购买记录列表中对最晚付费日展示对应标签（剩余天数 / 临期 / 超期）

10.3 一键生成比价单

从临期或逾期预警中勾选险种，批量带入对应车辆与险种作为购买记录
自动填写备注说明来源，但附件须用户手动补传后方可保存
带入后仍需逐行完成报价、确定最终比价结果、填写最晚付费日，再走保存与提交流程

十一、比价单列表统计口径

总车辆：本单购买记录中，按车牌或 VIN 去重后的车辆数
保险数量：购买记录总行数（一车多险种计为多行）
已提交采购数量：采购状态为「审批中」或「审批通过」的行数
审批通过数量：采购状态为「审批通过」的行数

十二、两条业务线的关系

比价单引用车辆档案与台账到期日作为只读参考，但不自动回写台账
审批通过后，运营人员须在「保单管理」中另行录入或导入正式保单
同一辆车同一险种，若已在比价流程中（审批中或已通过），临期预警不再重复生成该条购买记录

), }, { key: 'manual', label: '操作手册', children: (

提交前自查（勾选行须全部满足）

已设最终比价结果
已填最晚付费日期
采购状态为「未提交 / 撤回 / 审批驳回」（审批中、审批通过不可选）
比价单已填备注并上传附件

金额栏

左：当前保单总金额 — 全单已确认报价合计
右：已选保单总金额 — 勾选待提交行合计

常见情况

一键生成后须补报价、附件，再保存提交。
撤回/驳回后：重新勾选该行 → 再次提交采购申请。
比价单管理列表可筛创建时间/车牌，查看临期/超期看板。

), }, ]} /> setCompareMgmtOpen(false)} >

{renderFilterField('创建时间', ( setCompareMgmtFilters((prev) => ({ ...prev, createdRange: range }))} placeholder={['开始日期', '结束日期']} allowClear /> ))} {renderFilterField('车牌号', ( setCompareMgmtFilters((prev) => ({ ...prev, plateNo: e.target.value }))} onPressEnter={handleCompareMgmtQuery} style={{ borderRadius: 8 }} /> ))}

最晚付费临期

距最晚付费日 ≤ {LATEST_PAY_WARN_DAYS} 天

{compareMgmtPayAlerts.warning}

最晚付费超期

已超过最晚付费日

{compareMgmtPayAlerts.overdue}

共 {filteredCompareSheets.length} 条比价单

`共 ${t} 条` }} scroll={{ x: 1040 }} locale={{ emptyText: '暂无比价单，请点击「新建比价单」' }} columns={[ { title: '创建日期', dataIndex: 'createdAt', key: 'createdAt', width: 168, render: (val) => {val || '—'}, }, { title: '创建人', dataIndex: 'createdBy', key: 'createdBy', width: 96, render: (val) => val || '—', }, { title: '总车辆', dataIndex: 'totalVehicles', key: 'totalVehicles', width: 88, align: 'center', render: (val) => {val ?? 0}, }, { title: '保险数量', dataIndex: 'insuranceCount', key: 'insuranceCount', width: 96, align: 'center', render: (val) => {val ?? 0}, }, { title: '附件', key: 'attachments', width: 72, align: 'center', render: (_, record) => { const n = record.attachments?.length || 0; return n > 0 ? ( a.name).join('、')}> {n} ) : ( — ); }, }, { title: '已提交采购数量', dataIndex: 'submittedProcurementCount', key: 'submittedProcurementCount', width: 128, align: 'center', render: (val) => ( 0 ? 'processing' : 'default'} style={{ margin: 0, fontWeight: 600 }}> {val ?? 0} ), }, { title: '审批通过数量', dataIndex: 'approvedCount', key: 'approvedCount', width: 120, align: 'center', render: (val) => ( 0 ? 'success' : 'default'} style={{ margin: 0, fontWeight: 600 }}> {val ?? 0} ), }, { title: '操作', key: 'action', width: 120, fixed: 'right', render: (_, record) => ( ), }, ]} /> { setCompareModalOpen(false); setEditingCompareSheetId(null); }} footer={(

勾选购买记录后可提交采购申请；须新增报价、设为最终比价结果并填写最晚付费日期

)} >

{renderFilterField('车辆', (

支持多辆车车牌号、车辆识别代码，每行一条；可从 Excel 等批量复制粘贴，点击「收起」后列表展示全部命中记录。

setCompareVehicleFilterDraft(e.target.value)} placeholder={'沪A03561F\n粤B58888F\nLB9A32A21R0LS1478'} autoSize={{ minRows: 5, maxRows: 10 }} style={{ borderRadius: 8, fontFamily: 'monospace', fontSize: 13 }} />

)} > setCompareVehicleFilterOpen(true)} onClear={(e) => { e.stopPropagation(); handleCompareVehicleFilterClear(); }} style={{ borderRadius: 8 }} suffix={( )} /> ))}

setCompareEditorFilters((prev) => ({ ...prev, latestPayWithin3Days: e.target.checked }))} > 仅显示最晚付费日期 {LATEST_PAY_WARN_DAYS} 天内的记录

setCompareEditorFilters((prev) => ({ ...prev, insuranceType: '' }))} onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); setCompareEditorFilters((prev) => ({ ...prev, insuranceType: '' })); } }} > {compareRows.length} 全部

{QUOTE_INSURANCE_TYPES.map((typeLabel) => (

setCompareEditorFilters((prev) => ({ ...prev, insuranceType: typeLabel, }))} onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); setCompareEditorFilters((prev) => ({ ...prev, insuranceType: typeLabel })); } }} > {compareEditorTypeCounts[typeLabel] ?? 0} {typeLabel}

))}

{selectedCompareKeys.length ? ( ) : null} {isCompareEditorFiltered ? ( <>筛选显示 {displayCompareRows.length} / {compareRows.length} 条购买记录 ) : ( <>共 {compareRows.length} 条购买记录 )}

({ disabled: isCompareProcurementSelectionDisabled(record.procurementStatus), }), }} locale={{ emptyText: '暂无购买记录，请点击「新增一行」或「批量新增」' }} />

备注 setCompareRemark(e.target.value)} placeholder="请填写比价说明、采购要求等" maxLength={500} showCount style={{ borderRadius: 8 }} />

附件必填，不限制文件格式与上传数量；保存比价单时一并存储附件信息（原型仅存元数据） false} onChange={handleCompareAttachmentChange} itemRender={(originNode, file) => ( {originNode} )} >

当前保单总金额 {compareSheetSummary.total.toFixed(2)} 元全单已确认 {compareSheetSummary.count} 项

已选保单总金额 {selectedProcurementSummary.total.toFixed(2)} 元已勾选 {selectedCompareKeys.length} 条 · 可提交 {selectedProcurementSummary.count} 项确认报价

{ setCompareBatchAddOpen(false); setCompareBatchAddDraft(''); }} onOk={handleConfirmBatchAddCompareRows} >

每行输入一个车牌号或车辆识别代码（VIN），确认后按行数生成购买记录并自动带出车辆信息。 {compareEditorFilters.insuranceType ? ( 当前已选险种筛选「{compareEditorFilters.insuranceType}」，新增记录将默认使用该险种。 ) : null}

setCompareBatchAddDraft(e.target.value)} placeholder={'沪A03561F\n粤B58888F\nLMRKH9AC0R1004086'} style={{ borderRadius: 8, fontFamily: 'ui-monospace, monospace', fontSize: 13 }} />

已输入 {parseBatchVehicleLines(compareBatchAddDraft).length} 条

setPolicyRecognTasksOpen(false)} >

{renderFilterField('创建时间', ( setPolicyRecognTasksFilters((prev) => ({ ...prev, createdRange: range }))} placeholder={['开始日期', '结束日期']} allowClear /> ))} {renderFilterField('业务类型', (

`共 ${t} 条` }} scroll={{ x: 1080 }} locale={{ emptyText: '暂无识别任务，请发起「保单批量识别」' }} columns={[ { title: '创建时间', dataIndex: 'createdAt', width: 168, render: (val) => {val || '—'}, }, { title: '操作人', dataIndex: 'creator', width: 96, ellipsis: true, }, { title: '业务类型', dataIndex: 'modeLabel', width: 96, render: (val) => val || '—', }, { title: '识别成功数', dataIndex: 'recognSuccessCount', width: 96, align: 'center', render: (val) => ( {val ?? 0} ), }, { title: '识别失败数', dataIndex: 'recognFailCount', width: 96, align: 'center', render: (val) => ( 0 ? '#dc2626' : '#64748b', fontWeight: 600 }}> {val ?? 0} ), }, { title: '识别进度', key: 'recognProgress', width: 132, render: (_, record) => { const total = record.totalFileCount || record.fileCount || 0; const done = record.recognDoneCount ?? (isPolicyRecognTaskRecognizing(record) ? 0 : total); const recognizing = isPolicyRecognTaskRecognizing(record); const percent = total > 0 ? Math.round((done / total) * 100) : 0; return (

{total > 0 ? `${done}/${total}` : '—'}

); }, }, { title: '确认进度', key: 'confirmProgress', width: 96, align: 'center', render: (_, record) => ( {record.confirmedCount}/{record.recognSuccessCount || 0} ), }, { title: '操作', key: 'action', width: 120, fixed: 'right', render: (_, record) => { const recognizing = isPolicyRecognTaskRecognizing(record); const noSuccess = !(record.recognSuccessCount > 0); const disabled = recognizing || noSuccess; const btn = ( ); if (recognizing) { return ( {btn} ); } return btn; }, }, ]} /> {policyRecognPhase === 'upload' ? ( <> {policyRecognEntry === 'ocr' ? ( <>

业务类型

setPolicyRecognMode(e.target.value)} style={{ display: 'flex', flexDirection: 'column', gap: 8 }} > {POLICY_OCR_MODES.map((m) => ( {m.label} {m.desc} ))}

{policyRecognMode === 'policy' ? (

{renderFilterField('保险类型', (

5 ? { pageSize: 5, showSizeChanger: false } : false} scroll={{ x: 560 }} columns={policyRecognPickerColumns} onRow={(record) => ({ onClick: () => selectPolicyRecognResult(record.id), className: [ record.id === policyRecognActiveResultId ? 'lc-policy-recogn-picker-row--active' : '', record.confirmed ? 'lc-policy-recogn-picker-row--confirmed' : '', ].filter(Boolean).join(' '), })} />

保单预览 · {policyPreview?.fileName || '—'}

{policyPreview?.isImage && policyPreview.url ? ( {policyPreview.fileName}

) : (

PDF

{policyPreview?.fileName || '暂无预览'}

{policyPreview?.hint}

)}

确认识别内容

{policyRecognActiveResultId ? ( renderPolicyDetailForm(policyRecognConfirmDraft, setPolicyRecognConfirmDraft, { showBizType: false, recognConfirmMode: true, onPlateChange: handleRecognConfirmPlateChange, }) ) : (

请从上方列表选择一条识别记录

)}

{!policyRecognViewOnly ? ( ) : null} {!policyRecognViewOnly ? ( ) : null} {!policyRecognViewOnly ? ( ) : null}

) : null} { setVehicleInsHistoryEditOpen(false); setVehicleInsHistoryEditRecord(null); }} onOk={saveVehicleInsHistoryEdit} okText="保存" cancelText="取消" > {renderPolicyDetailForm(vehicleInsHistoryEditDraft, setVehicleInsHistoryEditDraft)} { setPolicyAddOpen(false); setPolicyAddAttachmentFileList([]); }} onOk={handlePolicyAddSubmit} okText="保存" cancelText="取消" > {renderPolicyDetailForm(policyAddDraft, setPolicyAddDraft, { showBizType: false, policyEntryMode: true })}

保单附件支持 PDF、图片格式，可上传多份；保存时一并存入保单档案（原型仅存元数据） false} onChange={handlePolicyAddAttachmentChange} itemRender={(originNode, file) => ( {originNode} )} >

默认按商业险到期日期降序；点击表头可切换各险种升序/降序 )} onCancel={() => setInsuranceAlertOpen(false)} >

{insuranceAlertMode === 'coreExpired' ? '逾期险种筛选（交强险、商业险）' : '临期险种筛选（默认全选 5 类）'}

CORE_INSURANCE_KEYS.includes(item.key)) : INSURANCE_TYPE_ITEMS ).map((item) => ({ label: item.fullLabel, value: item.key }))} value={insuranceAlertTypeFilter} onChange={(vals) => setInsuranceAlertTypeFilter(vals)} />

{insuranceAlertMode === 'coreExpired' ? ( <> 共 {insuranceAlertSortedList.length} 辆核心险种逾期（交强险或商业险已到期，禁止交车） ) : ( <> 共 {insuranceAlertSortedList.length} 辆存在临期记录（含临期 ≤ {INSURANCE_WARN_DAYS} 天及已到期） )}

getVehicleLedgerKey(record)} size="small" bordered pagination={{ pageSize: 10, showSizeChanger: true, pageSizeOptions: ['10', '20', '50'] }} scroll={{ x: 940 }} dataSource={insuranceAlertSortedList} columns={insuranceAlertColumns} onChange={handleInsuranceAlertTableChange} locale={{ emptyText: insuranceAlertMode === 'coreExpired' ? '当前筛选条件下暂无核心险种逾期记录' : '当前筛选条件下暂无临期记录', }} /> setBatchCompareTypesOpen(false)} onOk={handleConfirmBatchCompareSheets} >

选择要生成的保险类型

INSURANCE_KEY_TO_LABEL[k]) : QUOTE_INSURANCE_TYPES ).map((t) => ({ label: t, value: t }))} value={batchCompareTypesDraft} onChange={(vals) => setBatchCompareTypesDraft(vals)} /> ); }; export default Component;