+ {activeTab === 'past' && pastLoading ? (
+
+
+ 데이터를 불러오는 중...
+
+ ) : filteredItems.length === 0 ? (
- 표시할 이슈가 없습니다.
+ {activeTab === 'past'
+ ? `${formatDateDisplay(pastDate)}에 이슈가 없습니다.`
+ : '표시할 이슈가 없습니다.'}
) : (
filteredItems.map((item) => {
diff --git a/src/hooks/useCEODashboard.ts b/src/hooks/useCEODashboard.ts
index 2b35ae5d..0dc412e5 100644
--- a/src/hooks/useCEODashboard.ts
+++ b/src/hooks/useCEODashboard.ts
@@ -339,6 +339,44 @@ export function useTodayIssue(limit: number = 30) {
return { data, loading, error, refetch: fetchData };
}
+// ============================================
+// 7-1. PastIssue Hook (이전 이슈 - 날짜별 조회)
+// ============================================
+
+export function usePastIssue(date: string | null, limit: number = 30) {
+ const [data, setData] = useState
(null);
+ const [loading, setLoading] = useState(false);
+ const [error, setError] = useState(null);
+
+ const fetchData = useCallback(async () => {
+ if (!date) return;
+
+ try {
+ setLoading(true);
+ setError(null);
+
+ const apiData = await fetchApi(
+ `today-issues/summary?limit=${limit}&date=${date}`
+ );
+ const transformed = transformTodayIssueResponse(apiData);
+ setData(transformed);
+
+ } catch (err) {
+ const errorMessage = err instanceof Error ? err.message : '데이터 로딩 실패';
+ setError(errorMessage);
+ console.error('PastIssue API Error:', err);
+ } finally {
+ setLoading(false);
+ }
+ }, [date, limit]);
+
+ useEffect(() => {
+ fetchData();
+ }, [fetchData]);
+
+ return { data, loading, error, refetch: fetchData };
+}
+
// ============================================
// 8. Calendar Hook
// ============================================
diff --git a/src/lib/api/dashboard/transformers.ts b/src/lib/api/dashboard/transformers.ts
index 10c1a48c..24f418d1 100644
--- a/src/lib/api/dashboard/transformers.ts
+++ b/src/lib/api/dashboard/transformers.ts
@@ -424,6 +424,33 @@ function generateDebtCollectionCheckPoints(api: BadDebtApiResponse): CheckPoint[
return checkPoints;
}
+// TODO: 백엔드 per-card sub_label/count 제공 시 더미값 제거
+// 채권추심 카드별 더미 서브라벨 (회사명 + 건수)
+const DEBT_COLLECTION_FALLBACK_SUB_LABELS: Record = {
+ dc1: { company: '(주)부산화학 외', count: 5 },
+ dc2: { company: '(주)삼성테크 외', count: 3 },
+ dc3: { company: '(주)대한전자 외', count: 2 },
+ dc4: { company: '(주)한국정밀 외', count: 3 },
+};
+
+/**
+ * 채권추심 subLabel 생성 헬퍼
+ * dc1(누적)은 API client_count 사용, 나머지는 더미값
+ */
+function buildDebtSubLabel(cardId: string, clientCount?: number): string | undefined {
+ const fallback = DEBT_COLLECTION_FALLBACK_SUB_LABELS[cardId];
+ if (!fallback) return undefined;
+
+ const count = cardId === 'dc1' && clientCount !== undefined ? clientCount : fallback.count;
+ if (count <= 0) return undefined;
+
+ const remaining = count - 1;
+ if (remaining > 0) {
+ return `${fallback.company} ${remaining}건`;
+ }
+ return fallback.company.replace(/ 외$/, '');
+}
+
/**
* BadDebt API 응답 → Frontend 타입 변환
*/
@@ -434,21 +461,25 @@ export function transformDebtCollectionResponse(api: BadDebtApiResponse): DebtCo
id: 'dc1',
label: '누적 악성채권',
amount: api.total_amount,
+ subLabel: buildDebtSubLabel('dc1', api.client_count),
},
{
id: 'dc2',
label: '추심중',
amount: api.collecting_amount,
+ subLabel: buildDebtSubLabel('dc2'),
},
{
id: 'dc3',
label: '법적조치',
amount: api.legal_action_amount,
+ subLabel: buildDebtSubLabel('dc3'),
},
{
id: 'dc4',
label: '회수완료',
amount: api.recovered_amount,
+ subLabel: buildDebtSubLabel('dc4'),
},
],
checkPoints: generateDebtCollectionCheckPoints(api),
@@ -620,6 +651,43 @@ export function transformCardManagementResponse(
// 6. StatusBoard 변환
// ============================================
+// TODO: 백엔드 sub_label 필드 제공 시 더미값 제거
+// API id 기준: orders, bad_debts, safety_stock, tax_deadline, new_clients, leaves, purchases, approvals
+const STATUS_BOARD_FALLBACK_SUB_LABELS: Record = {
+ orders: '(주)삼성전자 외',
+ bad_debts: '주식회사 부산화학 외',
+ safety_stock: '',
+ tax_deadline: '',
+ new_clients: '대한철강 외',
+ leaves: '',
+ purchases: '(유)한국정밀 외',
+ approvals: '구매 결재 외',
+};
+
+/**
+ * 현황판 subLabel 생성 헬퍼
+ * API sub_label이 있으면 사용, 없으면 더미값 + 건수로 조합
+ */
+function buildStatusSubLabel(item: { id: string; count: number | string; sub_label?: string }): string | undefined {
+ // API에서 sub_label 제공 시 우선 사용
+ if (item.sub_label) return item.sub_label;
+
+ // 건수가 0이거나 문자열이면 subLabel 불필요
+ const count = typeof item.count === 'number' ? item.count : parseInt(String(item.count), 10);
+ if (isNaN(count) || count <= 0) return undefined;
+
+ const fallback = STATUS_BOARD_FALLBACK_SUB_LABELS[item.id];
+ if (!fallback) return undefined;
+
+ // "대한철강 외" + 나머지 건수
+ const remaining = count - 1;
+ if (remaining > 0) {
+ return `${fallback} ${remaining}건`;
+ }
+ // 1건이면 "외" 제거하고 이름만
+ return fallback.replace(/ 외$/, '');
+}
+
/**
* StatusBoard API 응답 → Frontend 타입 변환
* API 응답 형식이 TodayIssueItem과 거의 동일하므로 단순 매핑
@@ -629,6 +697,7 @@ export function transformStatusBoardResponse(api: StatusBoardApiResponse): Today
id: item.id,
label: item.label,
count: item.count,
+ subLabel: buildStatusSubLabel(item),
path: normalizePath(item.path, { addViewMode: true }),
isHighlighted: item.isHighlighted,
}));
@@ -821,8 +890,17 @@ export function transformVatResponse(api: VatApiResponse): VatData {
* 접대비 현황 데이터 변환
*/
export function transformEntertainmentResponse(api: EntertainmentApiResponse): EntertainmentData {
+ // 사용금액(et_used)을 잔여한도(et_remaining) 앞으로 재배치
+ const reordered = [...api.cards];
+ const usedIdx = reordered.findIndex((c) => c.id === 'et_used');
+ const remainIdx = reordered.findIndex((c) => c.id === 'et_remaining');
+ if (usedIdx > remainIdx && remainIdx >= 0) {
+ const [used] = reordered.splice(usedIdx, 1);
+ reordered.splice(remainIdx, 0, used);
+ }
+
return {
- cards: api.cards.map((card) => ({
+ cards: reordered.map((card) => ({
id: card.id,
label: card.label,
amount: card.amount,
@@ -850,8 +928,17 @@ export function transformEntertainmentResponse(api: EntertainmentApiResponse): E
* 복리후생비 현황 데이터 변환
*/
export function transformWelfareResponse(api: WelfareApiResponse): WelfareData {
+ // 사용금액(wf_used)을 잔여한도(wf_remaining) 앞으로 재배치
+ const reordered = [...api.cards];
+ const usedIdx = reordered.findIndex((c) => c.id === 'wf_used');
+ const remainIdx = reordered.findIndex((c) => c.id === 'wf_remaining');
+ if (usedIdx > remainIdx && remainIdx >= 0) {
+ const [used] = reordered.splice(usedIdx, 1);
+ reordered.splice(remainIdx, 0, used);
+ }
+
return {
- cards: api.cards.map((card) => ({
+ cards: reordered.map((card) => ({
id: card.id,
label: card.label,
amount: card.amount,
diff --git a/src/lib/api/dashboard/types.ts b/src/lib/api/dashboard/types.ts
index c3c03e48..ad3839da 100644
--- a/src/lib/api/dashboard/types.ts
+++ b/src/lib/api/dashboard/types.ts
@@ -70,6 +70,7 @@ export interface BadDebtApiResponse {
legal_action_amount: number; // 법적조치
recovered_amount: number; // 회수완료
bad_debt_amount: number; // 대손처리
+ client_count?: number; // 거래처 수
}
// ============================================
@@ -172,6 +173,7 @@ export interface StatusBoardItemApiResponse {
count: number | string; // 건수 또는 텍스트 (예: "부가세 신고 D-15")
path: string; // 이동 경로
isHighlighted: boolean; // 강조 표시 여부
+ sub_label?: string; // 최근 항목 요약 (예: "대한철강 외 7건")
}
/** GET /api/proxy/status-board/summary 응답 */