kcg-ai-monitoring/frontend/src/stores/enforcementStore.ts
htlee 19b1613157 feat: 프론트 전수 mock 정리 + UTC→KST 통일 + i18n 수정 + stats hourly API
## 시간 표시 KST 통일
- shared/utils/dateFormat.ts 공통 유틸 신규 (formatDateTime/formatDate/formatTime/toDateParam)
- 14개 파일에서 인라인 toLocaleString → 공통 유틸 교체

## i18n 'group.parentInference' 사이드바 미번역 수정
- ko/en common.json의 'group' 키 중복 정의를 병합
  (95행 두번째 group 객체가 35행을 덮어써서 parentInference 누락)

## Dashboard/MonitoringDashboard/Statistics 더미→실 API
- 백엔드 GET /api/stats/hourly 신규 (PredictionStatsHourly 엔티티/리포지토리)
- Dashboard: HOURLY_DETECTION/VESSEL_TYPE/AREA_RISK 하드코딩 제거 →
  getHourlyStats(24) + getDailyStats(today) 결과로 useMemo 변환
- MonitoringDashboard: TREND Math.random() 제거 → getHourlyStats 기반
  위험도 가중평균 + 경보 카운트
- Statistics: KPI_DATA 하드코딩 제거 → getKpiMetrics() 결과를 표 행으로

## Store mock 의존성 제거
- eventStore.alerts/MOCK_ALERTS 제거 (MobileService는 events에서 직접 추출)
- enforcementStore.plans 제거 (EnforcementPlan은 이미 직접 API 호출)
- transferStore + MOCK_TRANSFERS 완전 제거
  (ChinaFishing/TransferDetection은 RealTransshipSuspects 컴포넌트 사용)
- mock/events.ts, mock/enforcement.ts, mock/transfers.ts 파일 삭제

## RiskMap 랜덤 격자 제거
- generateGrid() Math.random() 제거 → 빈 배열 + 'AI 분석 데이터 수집 중' 안내
- MTIS 외부 통계 5개 탭에 [MTIS 외부 통계] 배지 추가

## 12개 mock 화면에 '데모 데이터' 노란색 배지 추가
- patrol/PatrolRoute, FleetOptimization
- admin/AdminPanel, DataHub, NoticeManagement, SystemConfig
- ai-operations/AIModelManagement, MLOpsPage
- field-ops/ShipAgent
- statistics/ReportManagement, ExternalService
- surveillance/MapControl

## 백엔드 NUMERIC precision 동기화
- PredictionKpi.deltaPct: 5,2 → 12,2
- PredictionStatsDaily/Monthly.aiAccuracyPct: 5,2 → 12,2
- (V015 마이그레이션과 동기화)

44 files changed, +346 / -787

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-07 15:36:38 +09:00

54 lines
1.4 KiB
TypeScript

import { create } from 'zustand';
import {
getEnforcementRecords,
toLegacyRecord,
type EnforcementRecord,
type LegacyEnforcementRecord,
} from '@/services/enforcement';
interface EnforcementStore {
/** 원본 API 단속 기록 */
rawRecords: EnforcementRecord[];
/** 하위 호환용 레거시 형식 */
records: LegacyEnforcementRecord[];
/** 페이지네이션 */
totalElements: number;
totalPages: number;
/** 로딩/에러 */
loading: boolean;
error: string | null;
loaded: boolean;
/** API 호출 */
load: (params?: { violationType?: string; page?: number; size?: number }) => Promise<void>;
}
export const useEnforcementStore = create<EnforcementStore>((set, get) => ({
rawRecords: [],
records: [],
totalElements: 0,
totalPages: 0,
loading: false,
error: null,
loaded: false,
load: async (params) => {
// 중복 호출 방지 (파라미터 없는 기본 호출은 loaded 체크)
if (!params && get().loaded && !get().error) return;
set({ loading: true, error: null });
try {
const res = await getEnforcementRecords(params);
set({
rawRecords: res.content,
records: res.content.map(toLegacyRecord),
totalElements: res.totalElements,
totalPages: res.totalPages,
loaded: true,
loading: false,
});
} catch (err) {
set({ error: err instanceof Error ? err.message : String(err), loading: false });
}
},
}));