1.8 KiB
1.8 KiB
SFR-011-008 침수예측현황 확률강우량 FE 구현기록
구현 내용
- 확률강우량 팝업 컴포넌트는
PrbbtRnflDialog.tsx에 둔다. - 침수위험도 오른쪽에 확률강우량 열을 추가하고 대표 누적강우 지속시간
predcRainHr를N시간링크로 표시했다. - 링크는
GET /api/v1/fldng/predc/prst/prbbt-rnfl?sggCd=...를 호출한다. - 팝업 본문에 재현기간 행×지속시간 열의 확률강우량표를 표시한다.
- 선택 지속시간·초과빈도년도의 교차값 한 셀만 색으로 강조하고 표 헤더는 기존 스타일을 유지한다.
- 팝업 표가 로딩되면 목록에서 선택한 지속시간 열이 보이도록 표 내부 가로 스크롤을 자동으로 맞춘다.
- 선택 행의 초과빈도년도에 해당하는 재현기간 행은 년도와 강수량을 굵게 표시한다.
- 팝업 하단에 확률관측소코드·관측소명·면적비율 및 API 합계를 표시한다.
- 팝업 맨 아래에
시간은 강우가 지속된 시간입니다안내를 표시한다. - 링크 클릭 이벤트는 기존 행 선택의 지도 이동으로 전파하지 않는다.
- 침수예측현황 목록은 자동 표 레이아웃에서
widthPercent합계 100%를 CSS 너비로 전달한다. 분석시각·강우시작시각은 각각 13%를 적용해 말줄임 없이 분까지 표시하고, 최소 표 너비 112rem과 가로 스크롤을 유지한다.
검증
pnpm --filter sn run typecheck성공git diff --check성공- 빌드 중 개발 서버(3002)가 확인되어 에이전트가 시작한 빌드만 중단했다. 빌드 완료와 실화면 검증은 미확인이다.
수동 확인 필요
- 실제 로그인 화면에서 팝업 크기·가로 스크롤·강조 색상 및 지도 이동 회귀 확인