gc/snp-batch-validation
7
0
포크 0
코드 이슈 8 풀 리퀘스트 Actions 위키 활동

fix(ui): 실패 건 수동 재수집 시 414 Request-URI Too Long 오류 수정 #72

병합
HYOJIN bugfix/ISSUE-71-fix-retry-uri-too-long 에서 develop 로 2 commits 를 머지했습니다 2026-03-20 18:31:10 +09:00
대화 0 커밋 2 파일 변경됨 4 +14 -15
3개의 변경된 파일과 14개의 추가작업 그리고 15개의 파일을 삭제
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit a3f62f3090 - Show all commits

7
frontend/src/api/batchApi.ts
파일 보기

@ -363,13 +363,12 @@ export const batchApi = {
`${BASE}/jobs/${jobName}/execute${qs}`);
},
retryFailedRecords: (jobName: string, recordKeys: string[], stepExecutionId: number) => {
retryFailedRecords: (jobName: string, failedCount: number, jobExecutionId: number) => {
const qs = new URLSearchParams({
retryRecordKeys: recordKeys.join(','),
sourceStepExecutionId: String(stepExecutionId),
sourceJobExecutionId: String(jobExecutionId),
executionMode: 'RECOLLECT',
executor: 'MANUAL_RETRY',
reason: `실패 건 수동 재수집 (${recordKeys.length}건)`,
reason: `실패 건 수동 재수집 (${failedCount}건)`,
});
return postJson<{ success: boolean; message: string; executionId?: number }>(
`${BASE}/jobs/${jobName}/execute?${qs.toString()}`);

11
frontend/src/pages/ExecutionDetail.tsx
파일 보기

@ -40,9 +40,10 @@ const EXECUTION_DETAIL_GUIDE = [
interface StepCardProps {
step: StepExecutionDto;
jobName: string;
jobExecutionId: number;
}
function StepCard({ step, jobName }: StepCardProps) {
function StepCard({ step, jobName, jobExecutionId }: StepCardProps) {
const stats = [
{ label: '읽기', value: step.readCount },
{ label: '쓰기', value: step.writeCount },
@ -158,7 +159,7 @@ function StepCard({ step, jobName }: StepCardProps) {
{/* 호출 실패 데이터 토글 */}
{step.failedRecords && step.failedRecords.length > 0 && (
<FailedRecordsToggle records={step.failedRecords} jobName={jobName} stepExecutionId={step.stepExecutionId} />
<FailedRecordsToggle records={step.failedRecords} jobName={jobName} jobExecutionId={jobExecutionId} />
)}
{step.exitMessage && (
@ -364,6 +365,7 @@ export default function ExecutionDetail() {
key={step.stepExecutionId}
step={step}
jobName={detail.jobName}
jobExecutionId={executionId}
/>
))}
</div>
@ -382,7 +384,7 @@ export default function ExecutionDetail() {
const FAILED_PAGE_SIZE = 10;
function FailedRecordsToggle({ records, jobName, stepExecutionId }: { records: FailedRecordDto[]; jobName: string; stepExecutionId: number }) {
function FailedRecordsToggle({ records, jobName, jobExecutionId }: { records: FailedRecordDto[]; jobName: string; jobExecutionId: number }) {
const [open, setOpen] = useState(false);
const [showConfirm, setShowConfirm] = useState(false);
const [showResolveConfirm, setShowResolveConfirm] = useState(false);
@ -419,8 +421,7 @@ function FailedRecordsToggle({ records, jobName, stepExecutionId }: { records: F
const handleRetry = async () => {
setRetrying(true);
try {
const keys = failedRecords.map((r) => r.recordKey);
const result = await batchApi.retryFailedRecords(jobName, keys, stepExecutionId);
const result = await batchApi.retryFailedRecords(jobName, failedRecords.length, jobExecutionId);
if (result.success) {
setShowConfirm(false);
if (result.executionId) {

11
frontend/src/pages/RecollectDetail.tsx
파일 보기

@ -20,7 +20,7 @@ import GuideModal, { HelpButton } from '../components/GuideModal';
const POLLING_INTERVAL_MS = 10_000;
function StepCard({ step, jobName }: { step: StepExecutionDto; jobName: string }) {
function StepCard({ step, jobName, jobExecutionId }: { step: StepExecutionDto; jobName: string; jobExecutionId: number }) {
const stats = [
{ label: '읽기', value: step.readCount },
{ label: '쓰기', value: step.writeCount },
@ -114,7 +114,7 @@ function StepCard({ step, jobName }: { step: StepExecutionDto; jobName: string }
{/* 호출 실패 데이터 토글 */}
{step.failedRecords && step.failedRecords.length > 0 && (
<FailedRecordsToggle records={step.failedRecords} jobName={jobName} stepExecutionId={step.stepExecutionId} />
<FailedRecordsToggle records={step.failedRecords} jobName={jobName} jobExecutionId={jobExecutionId} />
)}
{step.exitMessage && (
@ -434,7 +434,7 @@ export default function RecollectDetail() {
) : (
<div className="space-y-4">
{stepExecutions.map((step) => (
<StepCard key={step.stepExecutionId} step={step} jobName={history.jobName} />
<StepCard key={step.stepExecutionId} step={step} jobName={history.jobName} jobExecutionId={history.jobExecutionId ?? 0} />
))}
</div>
)}
@ -452,7 +452,7 @@ export default function RecollectDetail() {
const FAILED_PAGE_SIZE = 10;
function FailedRecordsToggle({ records, jobName, stepExecutionId }: { records: FailedRecordDto[]; jobName: string; stepExecutionId: number }) {
function FailedRecordsToggle({ records, jobName, jobExecutionId }: { records: FailedRecordDto[]; jobName: string; jobExecutionId: number }) {
const [open, setOpen] = useState(false);
const [showConfirm, setShowConfirm] = useState(false);
const [showResolveConfirm, setShowResolveConfirm] = useState(false);
@ -489,8 +489,7 @@ function FailedRecordsToggle({ records, jobName, stepExecutionId }: { records: F
const handleRetry = async () => {
setRetrying(true);
try {
const keys = failedRecords.map((r) => r.recordKey);
const result = await batchApi.retryFailedRecords(jobName, keys, stepExecutionId);
const result = await batchApi.retryFailedRecords(jobName, failedRecords.length, jobExecutionId);
if (result.success) {
setShowConfirm(false);
if (result.executionId) {