Merge branch 'feature/master_api'
This commit is contained in:
byeongcheolryu
@@ -1,7 +1,29 @@
|
||||
'use client';
|
||||
/**
|
||||
* 악성채권 추심관리 목록 페이지
|
||||
*
|
||||
* 경로: /accounting/bad-debt-collection
|
||||
* API:
|
||||
* - GET /api/v1/bad-debts - 악성채권 목록
|
||||
* - GET /api/v1/bad-debts/summary - 통계 정보
|
||||
*/
|
||||
|
||||
import { BadDebtCollection } from '@/components/accounting/BadDebtCollection';
|
||||
import { getBadDebts, getBadDebtSummary } from '@/components/accounting/BadDebtCollection/actions';
|
||||
|
||||
export default function BadDebtCollectionPage() {
|
||||
return <BadDebtCollection />;
|
||||
}
|
||||
export default async function BadDebtCollectionPage() {
|
||||
// 서버에서 데이터 병렬 조회
|
||||
const [badDebts, summary] = await Promise.all([
|
||||
getBadDebts({ size: 100 }),
|
||||
getBadDebtSummary(),
|
||||
]);
|
||||
|
||||
console.log('[BadDebtPage] Data count:', badDebts.length);
|
||||
console.log('[BadDebtPage] Summary:', summary);
|
||||
|
||||
return (
|
||||
<BadDebtCollection
|
||||
initialData={badDebts}
|
||||
initialSummary={summary}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,12 +1,113 @@
|
||||
'use client';
|
||||
import { cookies } from 'next/headers';
|
||||
import { BillManagementClient } from '@/components/accounting/BillManagement/BillManagementClient';
|
||||
import type { BillRecord, BillApiData } from '@/components/accounting/BillManagement/types';
|
||||
import { transformApiToFrontend } from '@/components/accounting/BillManagement/types';
|
||||
|
||||
import { useSearchParams } from 'next/navigation';
|
||||
import { BillManagement } from '@/components/accounting/BillManagement';
|
||||
|
||||
export default function BillsPage() {
|
||||
const searchParams = useSearchParams();
|
||||
const vendorId = searchParams.get('vendorId') || undefined;
|
||||
const billType = searchParams.get('type') || undefined;
|
||||
|
||||
return <BillManagement initialVendorId={vendorId} initialBillType={billType} />;
|
||||
interface BillsPageProps {
|
||||
searchParams: Promise<{
|
||||
vendorId?: string;
|
||||
type?: string;
|
||||
page?: string;
|
||||
}>;
|
||||
}
|
||||
|
||||
async function getApiHeaders(): Promise<HeadersInit> {
|
||||
const cookieStore = await cookies();
|
||||
const token = cookieStore.get('access_token')?.value;
|
||||
|
||||
return {
|
||||
'Accept': 'application/json',
|
||||
'Authorization': token ? `Bearer ${token}` : '',
|
||||
'X-API-KEY': process.env.API_KEY || '',
|
||||
};
|
||||
}
|
||||
|
||||
async function getBills(params: {
|
||||
billType?: string;
|
||||
page?: number;
|
||||
}): Promise<{
|
||||
data: BillRecord[];
|
||||
pagination: {
|
||||
currentPage: number;
|
||||
lastPage: number;
|
||||
perPage: number;
|
||||
total: number;
|
||||
};
|
||||
}> {
|
||||
try {
|
||||
const headers = await getApiHeaders();
|
||||
const queryParams = new URLSearchParams();
|
||||
|
||||
if (params.billType && params.billType !== 'all') {
|
||||
queryParams.append('bill_type', params.billType);
|
||||
}
|
||||
if (params.page) {
|
||||
queryParams.append('page', String(params.page));
|
||||
}
|
||||
queryParams.append('per_page', '20');
|
||||
|
||||
const response = await fetch(
|
||||
`${process.env.NEXT_PUBLIC_API_URL}/api/v1/bills?${queryParams.toString()}`,
|
||||
{ method: 'GET', headers, cache: 'no-store' }
|
||||
);
|
||||
|
||||
if (!response.ok) {
|
||||
console.error('[BillsPage] Fetch error:', response.status);
|
||||
return {
|
||||
data: [],
|
||||
pagination: { currentPage: 1, lastPage: 1, perPage: 20, total: 0 },
|
||||
};
|
||||
}
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
if (!result.success) {
|
||||
return {
|
||||
data: [],
|
||||
pagination: { currentPage: 1, lastPage: 1, perPage: 20, total: 0 },
|
||||
};
|
||||
}
|
||||
|
||||
const paginatedData = result.data as {
|
||||
data: BillApiData[];
|
||||
current_page: number;
|
||||
last_page: number;
|
||||
per_page: number;
|
||||
total: number;
|
||||
};
|
||||
|
||||
return {
|
||||
data: paginatedData.data.map(transformApiToFrontend),
|
||||
pagination: {
|
||||
currentPage: paginatedData.current_page,
|
||||
lastPage: paginatedData.last_page,
|
||||
perPage: paginatedData.per_page,
|
||||
total: paginatedData.total,
|
||||
},
|
||||
};
|
||||
} catch (error) {
|
||||
console.error('[BillsPage] Fetch error:', error);
|
||||
return {
|
||||
data: [],
|
||||
pagination: { currentPage: 1, lastPage: 1, perPage: 20, total: 0 },
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
export default async function BillsPage({ searchParams }: BillsPageProps) {
|
||||
const params = await searchParams;
|
||||
const vendorId = params.vendorId;
|
||||
const billType = params.type || 'received';
|
||||
const page = params.page ? parseInt(params.page) : 1;
|
||||
|
||||
const { data, pagination } = await getBills({ billType, page });
|
||||
|
||||
return (
|
||||
<BillManagementClient
|
||||
initialData={data}
|
||||
initialPagination={pagination}
|
||||
initialVendorId={vendorId}
|
||||
initialBillType={billType}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,8 +1,10 @@
|
||||
/**
|
||||
* 단가 등록 페이지
|
||||
*
|
||||
* 경로: /sales/pricing-management/create?itemId=xxx&itemTypeCode=MATERIAL|PRODUCT
|
||||
* 경로: /sales/pricing-management/create?itemId=xxx
|
||||
* API: POST /api/v1/pricing
|
||||
*
|
||||
* item_type_code는 품목 정보에서 자동으로 가져옴 (FG, PT, SM, RM, CS 등)
|
||||
*/
|
||||
|
||||
import { PricingFormClient } from '@/components/pricing';
|
||||
@@ -13,14 +15,12 @@ interface CreatePricingPageProps {
|
||||
searchParams: Promise<{
|
||||
itemId?: string;
|
||||
itemCode?: string;
|
||||
itemTypeCode?: 'PRODUCT' | 'MATERIAL'; // PRODUCT 또는 MATERIAL (API 등록 시 필요)
|
||||
}>;
|
||||
}
|
||||
|
||||
export default async function CreatePricingPage({ searchParams }: CreatePricingPageProps) {
|
||||
const params = await searchParams;
|
||||
const itemId = params.itemId || '';
|
||||
const itemTypeCode = params.itemTypeCode || 'MATERIAL';
|
||||
|
||||
// 품목 정보 조회
|
||||
const itemInfo = itemId ? await getItemInfo(itemId) : null;
|
||||
@@ -53,10 +53,11 @@ export default async function CreatePricingPage({ searchParams }: CreatePricingP
|
||||
}
|
||||
|
||||
// 서버 액션: 단가 등록
|
||||
// item_type_code는 data.itemType에서 자동으로 가져옴
|
||||
async function handleSave(data: PricingData) {
|
||||
'use server';
|
||||
|
||||
const result = await createPricing(data, itemTypeCode);
|
||||
const result = await createPricing(data);
|
||||
|
||||
if (!result.success) {
|
||||
throw new Error(result.error || '단가 등록에 실패했습니다.');
|
||||
|
||||
@@ -46,7 +46,7 @@ interface ItemsApiResponse {
|
||||
interface PriceApiItem {
|
||||
id: number;
|
||||
tenant_id: number;
|
||||
item_type_code: 'PRODUCT' | 'MATERIAL';
|
||||
item_type_code: string; // FG, PT, SM, RM, CS (items.item_type과 동일)
|
||||
item_id: number;
|
||||
client_group_id: number | null;
|
||||
purchase_price: string | null;
|
||||
@@ -113,7 +113,7 @@ async function getApiHeaders(): Promise<HeadersInit> {
|
||||
return {
|
||||
'Accept': 'application/json',
|
||||
'Authorization': token ? `Bearer ${token}` : '',
|
||||
'X-API-KEY': process.env.API_KEY || '',
|
||||
'X-API-KEY': process.env.NEXT_PUBLIC_API_KEY || '',
|
||||
};
|
||||
}
|
||||
|
||||
@@ -140,12 +140,6 @@ function mapStatus(apiStatus: string, isFinal: boolean): PricingStatus | 'not_re
|
||||
}
|
||||
}
|
||||
|
||||
// 품목 유형 → API item_type_code 매핑 (백엔드 pricing API용)
|
||||
function mapItemTypeCode(itemType?: string): 'PRODUCT' | 'MATERIAL' {
|
||||
// FG(제품)만 PRODUCT, 나머지는 모두 MATERIAL
|
||||
return itemType === 'FG' ? 'PRODUCT' : 'MATERIAL';
|
||||
}
|
||||
|
||||
// ============================================
|
||||
// API 호출 함수
|
||||
// ============================================
|
||||
@@ -225,7 +219,7 @@ async function getPricingList(): Promise<PriceApiItem[]> {
|
||||
* 품목 목록 + 단가 목록 병합
|
||||
*
|
||||
* - 품목 목록을 기준으로 순회
|
||||
* - 각 품목에 해당하는 단가 정보를 매핑
|
||||
* - 각 품목에 해당하는 단가 정보를 매핑 (item_type + item_id로 매칭)
|
||||
* - 단가 미등록 품목은 'not_registered' 상태로 표시
|
||||
*/
|
||||
function mergeItemsWithPricing(
|
||||
@@ -233,7 +227,7 @@ function mergeItemsWithPricing(
|
||||
pricings: PriceApiItem[]
|
||||
): PricingListItem[] {
|
||||
// 단가 정보를 빠르게 찾기 위한 Map 생성
|
||||
// key: "PRODUCT_123" 또는 "MATERIAL_456"
|
||||
// key: "{item_type}_{item_id}" (예: "FG_123", "PT_456")
|
||||
const pricingMap = new Map<string, PriceApiItem>();
|
||||
|
||||
for (const pricing of pricings) {
|
||||
@@ -267,7 +261,7 @@ function mergeItemsWithPricing(
|
||||
status: mapStatus(pricing.status, pricing.is_final),
|
||||
currentRevision: 0,
|
||||
isFinal: pricing.is_final,
|
||||
itemTypeCode: item.item_type as 'PRODUCT' | 'MATERIAL' | undefined, // PRODUCT 또는 MATERIAL (등록 시 필요)
|
||||
itemTypeCode: item.item_type, // FG, PT, SM, RM, CS (단가 등록 시 필요)
|
||||
};
|
||||
} else {
|
||||
// 단가 미등록 품목
|
||||
@@ -287,7 +281,7 @@ function mergeItemsWithPricing(
|
||||
status: 'not_registered' as const,
|
||||
currentRevision: 0,
|
||||
isFinal: false,
|
||||
itemTypeCode: item.item_type as 'PRODUCT' | 'MATERIAL' | undefined, // PRODUCT 또는 MATERIAL (등록 시 필요)
|
||||
itemTypeCode: item.item_type, // FG, PT, SM, RM, CS (단가 등록 시 필요)
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
541
src/components/accounting/BadDebtCollection/actions.ts
Normal file
541
src/components/accounting/BadDebtCollection/actions.ts
Normal file
@@ -0,0 +1,541 @@
|
||||
/**
|
||||
* 악성채권 추심관리 서버 액션
|
||||
*
|
||||
* API Endpoints:
|
||||
* - GET /api/v1/bad-debts - 목록 조회
|
||||
* - GET /api/v1/bad-debts/{id} - 상세 조회
|
||||
* - POST /api/v1/bad-debts - 등록
|
||||
* - PUT /api/v1/bad-debts/{id} - 수정
|
||||
* - DELETE /api/v1/bad-debts/{id} - 삭제
|
||||
* - PATCH /api/v1/bad-debts/{id}/toggle - 활성화 토글
|
||||
* - GET /api/v1/bad-debts/summary - 통계 조회
|
||||
*/
|
||||
|
||||
'use server';
|
||||
|
||||
import { cookies } from 'next/headers';
|
||||
import { revalidatePath } from 'next/cache';
|
||||
import type { BadDebtRecord, CollectionStatus } from './types';
|
||||
|
||||
// ============================================
|
||||
// API 응답 타입 정의
|
||||
// ============================================
|
||||
|
||||
interface ApiResponse<T> {
|
||||
success: boolean;
|
||||
data: T;
|
||||
message: string;
|
||||
}
|
||||
|
||||
interface PaginatedResponse<T> {
|
||||
current_page: number;
|
||||
data: T[];
|
||||
total: number;
|
||||
per_page: number;
|
||||
last_page: number;
|
||||
}
|
||||
|
||||
// API 악성채권 데이터 타입
|
||||
interface BadDebtApiData {
|
||||
id: number;
|
||||
tenant_id: number;
|
||||
client_id: number;
|
||||
debt_amount: string;
|
||||
status: 'collecting' | 'legal_action' | 'recovered' | 'bad_debt';
|
||||
overdue_days: number;
|
||||
occurred_at: string;
|
||||
closed_at: string | null;
|
||||
assigned_manager_id: number | null;
|
||||
is_active: boolean;
|
||||
note: string | null;
|
||||
created_at: string;
|
||||
updated_at: string;
|
||||
deleted_at: string | null;
|
||||
client?: {
|
||||
id: number;
|
||||
code: string;
|
||||
name: string;
|
||||
business_number: string | null;
|
||||
representative_name: string | null;
|
||||
client_type: string | null;
|
||||
business_type: string | null;
|
||||
business_category: string | null;
|
||||
zip_code: string | null;
|
||||
address1: string | null;
|
||||
address2: string | null;
|
||||
phone: string | null;
|
||||
mobile: string | null;
|
||||
fax: string | null;
|
||||
email: string | null;
|
||||
contact_name: string | null;
|
||||
contact_phone: string | null;
|
||||
};
|
||||
assigned_manager?: {
|
||||
id: number;
|
||||
name: string;
|
||||
department?: {
|
||||
id: number;
|
||||
name: string;
|
||||
};
|
||||
position: string | null;
|
||||
phone: string | null;
|
||||
};
|
||||
documents?: Array<{
|
||||
id: number;
|
||||
file_name: string;
|
||||
file_path: string;
|
||||
file_size: number;
|
||||
mime_type: string;
|
||||
created_at: string;
|
||||
}>;
|
||||
memos?: Array<{
|
||||
id: number;
|
||||
content: string;
|
||||
created_at: string;
|
||||
created_by: number;
|
||||
created_by_user?: {
|
||||
id: number;
|
||||
name: string;
|
||||
};
|
||||
}>;
|
||||
}
|
||||
|
||||
// 통계 API 응답 타입
|
||||
interface BadDebtSummaryApiData {
|
||||
total_amount: number;
|
||||
collecting_amount: number;
|
||||
legal_action_amount: number;
|
||||
recovered_amount: number;
|
||||
bad_debt_amount: number;
|
||||
total_count: number;
|
||||
collecting_count: number;
|
||||
legal_action_count: number;
|
||||
recovered_count: number;
|
||||
bad_debt_count: number;
|
||||
}
|
||||
|
||||
// ============================================
|
||||
// 헬퍼 함수
|
||||
// ============================================
|
||||
|
||||
/**
|
||||
* API 헤더 생성
|
||||
*/
|
||||
async function getApiHeaders(): Promise<HeadersInit> {
|
||||
const cookieStore = await cookies();
|
||||
const token = cookieStore.get('access_token')?.value;
|
||||
|
||||
return {
|
||||
'Accept': 'application/json',
|
||||
'Content-Type': 'application/json',
|
||||
'Authorization': token ? `Bearer ${token}` : '',
|
||||
'X-API-KEY': process.env.API_KEY || '',
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* API 상태 → 프론트엔드 상태 변환
|
||||
* API: legal_action, bad_debt (snake_case)
|
||||
* Frontend: legalAction, badDebt (camelCase)
|
||||
*/
|
||||
function mapApiStatusToFrontend(apiStatus: string): CollectionStatus {
|
||||
switch (apiStatus) {
|
||||
case 'collecting': return 'collecting';
|
||||
case 'legal_action': return 'legalAction';
|
||||
case 'recovered': return 'recovered';
|
||||
case 'bad_debt': return 'badDebt';
|
||||
default: return 'collecting';
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 프론트엔드 상태 → API 상태 변환
|
||||
*/
|
||||
function mapFrontendStatusToApi(status: CollectionStatus): string {
|
||||
switch (status) {
|
||||
case 'collecting': return 'collecting';
|
||||
case 'legalAction': return 'legal_action';
|
||||
case 'recovered': return 'recovered';
|
||||
case 'badDebt': return 'bad_debt';
|
||||
default: return 'collecting';
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* API client_type → 프론트엔드 vendorType 변환
|
||||
*/
|
||||
function mapClientTypeToVendorType(clientType?: string | null): 'sales' | 'purchase' | 'both' {
|
||||
switch (clientType) {
|
||||
case 'customer':
|
||||
case 'sales':
|
||||
return 'sales';
|
||||
case 'supplier':
|
||||
case 'purchase':
|
||||
return 'purchase';
|
||||
default:
|
||||
return 'both';
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* API 데이터 → 프론트엔드 타입 변환
|
||||
*/
|
||||
function transformApiToFrontend(apiData: BadDebtApiData): BadDebtRecord {
|
||||
const client = apiData.client;
|
||||
const manager = apiData.assigned_manager;
|
||||
|
||||
return {
|
||||
id: String(apiData.id),
|
||||
vendorId: String(apiData.client_id),
|
||||
vendorCode: client?.code || '',
|
||||
vendorName: client?.name || '거래처 없음',
|
||||
businessNumber: client?.business_number || '',
|
||||
representativeName: client?.representative_name || '',
|
||||
vendorType: mapClientTypeToVendorType(client?.client_type),
|
||||
businessType: client?.business_type || '',
|
||||
businessCategory: client?.business_category || '',
|
||||
zipCode: client?.zip_code || '',
|
||||
address1: client?.address1 || '',
|
||||
address2: client?.address2 || '',
|
||||
phone: client?.phone || '',
|
||||
mobile: client?.mobile || '',
|
||||
fax: client?.fax || '',
|
||||
email: client?.email || '',
|
||||
contactName: client?.contact_name || '',
|
||||
contactPhone: client?.contact_phone || '',
|
||||
systemManager: '',
|
||||
debtAmount: parseFloat(apiData.debt_amount) || 0,
|
||||
status: mapApiStatusToFrontend(apiData.status),
|
||||
overdueDays: apiData.overdue_days || 0,
|
||||
overdueToggle: apiData.is_active,
|
||||
occurrenceDate: apiData.occurred_at,
|
||||
endDate: apiData.closed_at,
|
||||
assignedManagerId: apiData.assigned_manager_id ? String(apiData.assigned_manager_id) : null,
|
||||
assignedManager: manager ? {
|
||||
id: String(manager.id),
|
||||
departmentName: manager.department?.name || '',
|
||||
name: manager.name,
|
||||
position: manager.position || '',
|
||||
phone: manager.phone || '',
|
||||
} : null,
|
||||
settingToggle: apiData.is_active,
|
||||
files: apiData.documents?.map(doc => ({
|
||||
id: String(doc.id),
|
||||
name: doc.file_name,
|
||||
url: doc.file_path,
|
||||
type: 'additional' as const,
|
||||
})) || [],
|
||||
memos: apiData.memos?.map(memo => ({
|
||||
id: String(memo.id),
|
||||
content: memo.content,
|
||||
createdAt: memo.created_at,
|
||||
createdBy: memo.created_by_user?.name || `User ${memo.created_by}`,
|
||||
})) || [],
|
||||
createdAt: apiData.created_at,
|
||||
updatedAt: apiData.updated_at,
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* 프론트엔드 데이터 → API 요청 형식 변환
|
||||
*/
|
||||
function transformFrontendToApi(data: Partial<BadDebtRecord>): Record<string, unknown> {
|
||||
return {
|
||||
client_id: data.vendorId ? parseInt(data.vendorId) : null,
|
||||
debt_amount: data.debtAmount || 0,
|
||||
status: data.status ? mapFrontendStatusToApi(data.status) : 'collecting',
|
||||
overdue_days: data.overdueDays || 0,
|
||||
occurred_at: data.occurrenceDate || null,
|
||||
closed_at: data.endDate || null,
|
||||
assigned_manager_id: data.assignedManagerId ? parseInt(data.assignedManagerId) : null,
|
||||
is_active: data.settingToggle ?? true,
|
||||
note: null,
|
||||
};
|
||||
}
|
||||
|
||||
// ============================================
|
||||
// API 호출 함수
|
||||
// ============================================
|
||||
|
||||
/**
|
||||
* 악성채권 목록 조회
|
||||
*/
|
||||
export async function getBadDebts(params?: {
|
||||
page?: number;
|
||||
size?: number;
|
||||
status?: string;
|
||||
client_id?: string;
|
||||
}): Promise<BadDebtRecord[]> {
|
||||
try {
|
||||
const headers = await getApiHeaders();
|
||||
const searchParams = new URLSearchParams();
|
||||
|
||||
if (params?.page) searchParams.set('page', String(params.page));
|
||||
if (params?.size) searchParams.set('size', String(params.size));
|
||||
if (params?.status && params.status !== 'all') {
|
||||
searchParams.set('status', mapFrontendStatusToApi(params.status as CollectionStatus));
|
||||
}
|
||||
if (params?.client_id && params.client_id !== 'all') {
|
||||
searchParams.set('client_id', params.client_id);
|
||||
}
|
||||
|
||||
const url = `${process.env.NEXT_PUBLIC_API_URL}/api/v1/bad-debts?${searchParams.toString()}`;
|
||||
|
||||
const response = await fetch(url, {
|
||||
method: 'GET',
|
||||
headers,
|
||||
cache: 'no-store',
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
console.error('[BadDebtActions] GET list error:', response.status);
|
||||
return [];
|
||||
}
|
||||
|
||||
const result: ApiResponse<PaginatedResponse<BadDebtApiData>> = await response.json();
|
||||
|
||||
if (!result.success || !result.data?.data) {
|
||||
console.warn('[BadDebtActions] No data in response');
|
||||
return [];
|
||||
}
|
||||
|
||||
return result.data.data.map(transformApiToFrontend);
|
||||
} catch (error) {
|
||||
console.error('[BadDebtActions] getBadDebts error:', error);
|
||||
return [];
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 악성채권 상세 조회
|
||||
*/
|
||||
export async function getBadDebtById(id: string): Promise<BadDebtRecord | null> {
|
||||
try {
|
||||
const headers = await getApiHeaders();
|
||||
|
||||
const response = await fetch(
|
||||
`${process.env.NEXT_PUBLIC_API_URL}/api/v1/bad-debts/${id}`,
|
||||
{
|
||||
method: 'GET',
|
||||
headers,
|
||||
cache: 'no-store',
|
||||
}
|
||||
);
|
||||
|
||||
if (!response.ok) {
|
||||
console.error('[BadDebtActions] GET detail error:', response.status);
|
||||
return null;
|
||||
}
|
||||
|
||||
const result: ApiResponse<BadDebtApiData> = await response.json();
|
||||
|
||||
if (!result.success || !result.data) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return transformApiToFrontend(result.data);
|
||||
} catch (error) {
|
||||
console.error('[BadDebtActions] getBadDebtById error:', error);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 악성채권 통계 조회
|
||||
*/
|
||||
export async function getBadDebtSummary(): Promise<BadDebtSummaryApiData | null> {
|
||||
try {
|
||||
const headers = await getApiHeaders();
|
||||
|
||||
const response = await fetch(
|
||||
`${process.env.NEXT_PUBLIC_API_URL}/api/v1/bad-debts/summary`,
|
||||
{
|
||||
method: 'GET',
|
||||
headers,
|
||||
cache: 'no-store',
|
||||
}
|
||||
);
|
||||
|
||||
if (!response.ok) {
|
||||
console.error('[BadDebtActions] GET summary error:', response.status);
|
||||
return null;
|
||||
}
|
||||
|
||||
const result: ApiResponse<BadDebtSummaryApiData> = await response.json();
|
||||
|
||||
if (!result.success || !result.data) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return result.data;
|
||||
} catch (error) {
|
||||
console.error('[BadDebtActions] getBadDebtSummary error:', error);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 악성채권 등록
|
||||
*/
|
||||
export async function createBadDebt(
|
||||
data: Partial<BadDebtRecord>
|
||||
): Promise<{ success: boolean; data?: BadDebtRecord; error?: string }> {
|
||||
try {
|
||||
const headers = await getApiHeaders();
|
||||
const apiData = transformFrontendToApi(data);
|
||||
|
||||
console.log('[BadDebtActions] POST request:', apiData);
|
||||
|
||||
const response = await fetch(
|
||||
`${process.env.NEXT_PUBLIC_API_URL}/api/v1/bad-debts`,
|
||||
{
|
||||
method: 'POST',
|
||||
headers,
|
||||
body: JSON.stringify(apiData),
|
||||
}
|
||||
);
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
if (!response.ok || !result.success) {
|
||||
return {
|
||||
success: false,
|
||||
error: result.message || '악성채권 등록에 실패했습니다.',
|
||||
};
|
||||
}
|
||||
|
||||
revalidatePath('/accounting/bad-debt-collection');
|
||||
|
||||
return {
|
||||
success: true,
|
||||
data: transformApiToFrontend(result.data),
|
||||
};
|
||||
} catch (error) {
|
||||
console.error('[BadDebtActions] createBadDebt error:', error);
|
||||
return {
|
||||
success: false,
|
||||
error: '서버 오류가 발생했습니다.',
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 악성채권 수정
|
||||
*/
|
||||
export async function updateBadDebt(
|
||||
id: string,
|
||||
data: Partial<BadDebtRecord>
|
||||
): Promise<{ success: boolean; data?: BadDebtRecord; error?: string }> {
|
||||
try {
|
||||
const headers = await getApiHeaders();
|
||||
const apiData = transformFrontendToApi(data);
|
||||
|
||||
console.log('[BadDebtActions] PUT request:', apiData);
|
||||
|
||||
const response = await fetch(
|
||||
`${process.env.NEXT_PUBLIC_API_URL}/api/v1/bad-debts/${id}`,
|
||||
{
|
||||
method: 'PUT',
|
||||
headers,
|
||||
body: JSON.stringify(apiData),
|
||||
}
|
||||
);
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
if (!response.ok || !result.success) {
|
||||
return {
|
||||
success: false,
|
||||
error: result.message || '악성채권 수정에 실패했습니다.',
|
||||
};
|
||||
}
|
||||
|
||||
revalidatePath('/accounting/bad-debt-collection');
|
||||
|
||||
return {
|
||||
success: true,
|
||||
data: transformApiToFrontend(result.data),
|
||||
};
|
||||
} catch (error) {
|
||||
console.error('[BadDebtActions] updateBadDebt error:', error);
|
||||
return {
|
||||
success: false,
|
||||
error: '서버 오류가 발생했습니다.',
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 악성채권 삭제
|
||||
*/
|
||||
export async function deleteBadDebt(id: string): Promise<{ success: boolean; error?: string }> {
|
||||
try {
|
||||
const headers = await getApiHeaders();
|
||||
|
||||
const response = await fetch(
|
||||
`${process.env.NEXT_PUBLIC_API_URL}/api/v1/bad-debts/${id}`,
|
||||
{
|
||||
method: 'DELETE',
|
||||
headers,
|
||||
}
|
||||
);
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
if (!response.ok || !result.success) {
|
||||
return {
|
||||
success: false,
|
||||
error: result.message || '악성채권 삭제에 실패했습니다.',
|
||||
};
|
||||
}
|
||||
|
||||
revalidatePath('/accounting/bad-debt-collection');
|
||||
|
||||
return { success: true };
|
||||
} catch (error) {
|
||||
console.error('[BadDebtActions] deleteBadDebt error:', error);
|
||||
return {
|
||||
success: false,
|
||||
error: '서버 오류가 발생했습니다.',
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 악성채권 활성화 토글
|
||||
*/
|
||||
export async function toggleBadDebt(id: string): Promise<{ success: boolean; data?: BadDebtRecord; error?: string }> {
|
||||
try {
|
||||
const headers = await getApiHeaders();
|
||||
|
||||
const response = await fetch(
|
||||
`${process.env.NEXT_PUBLIC_API_URL}/api/v1/bad-debts/${id}/toggle`,
|
||||
{
|
||||
method: 'PATCH',
|
||||
headers,
|
||||
}
|
||||
);
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
if (!response.ok || !result.success) {
|
||||
return {
|
||||
success: false,
|
||||
error: result.message || '상태 변경에 실패했습니다.',
|
||||
};
|
||||
}
|
||||
|
||||
revalidatePath('/accounting/bad-debt-collection');
|
||||
|
||||
return {
|
||||
success: true,
|
||||
data: transformApiToFrontend(result.data),
|
||||
};
|
||||
} catch (error) {
|
||||
console.error('[BadDebtActions] toggleBadDebt error:', error);
|
||||
return {
|
||||
success: false,
|
||||
error: '서버 오류가 발생했습니다.',
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -1,8 +1,7 @@
|
||||
'use client';
|
||||
|
||||
import { useState, useMemo, useCallback } from 'react';
|
||||
import { useState, useMemo, useCallback, useTransition } from 'react';
|
||||
import { useRouter } from 'next/navigation';
|
||||
import { format } from 'date-fns';
|
||||
import {
|
||||
AlertTriangle,
|
||||
Pencil,
|
||||
@@ -39,7 +38,6 @@ import {
|
||||
import { ListMobileCard, InfoField } from '@/components/organisms/ListMobileCard';
|
||||
import type {
|
||||
BadDebtRecord,
|
||||
CollectionStatus,
|
||||
SortOption,
|
||||
} from './types';
|
||||
import {
|
||||
@@ -48,76 +46,19 @@ import {
|
||||
STATUS_BADGE_STYLES,
|
||||
SORT_OPTIONS,
|
||||
} from './types';
|
||||
import { deleteBadDebt, toggleBadDebt } from './actions';
|
||||
|
||||
// ===== Mock 데이터 생성 =====
|
||||
const generateMockData = (): BadDebtRecord[] => {
|
||||
const statuses: CollectionStatus[] = ['collecting', 'legalAction', 'recovered', 'badDebt'];
|
||||
const vendors = [
|
||||
{ id: 'v1', code: 'V0001', name: '(주)삼성전자', bizNum: '123-45-67890' },
|
||||
{ id: 'v2', code: 'V0002', name: '현대자동차', bizNum: '234-56-78901' },
|
||||
{ id: 'v3', code: 'V0003', name: 'LG전자', bizNum: '345-67-89012' },
|
||||
{ id: 'v4', code: 'V0004', name: 'SK하이닉스', bizNum: '456-78-90123' },
|
||||
{ id: 'v5', code: 'V0005', name: '네이버', bizNum: '567-89-01234' },
|
||||
{ id: 'v6', code: 'V0006', name: '카카오', bizNum: '678-90-12345' },
|
||||
{ id: 'v7', code: 'V0007', name: '쿠팡', bizNum: '789-01-23456' },
|
||||
];
|
||||
const managers = ['홍길동', '김철수', '이영희', '박민수', '최지현'];
|
||||
const amounts = [10000000, 25000000, 5000000, 30000000, 15000000, 8000000, 40000000];
|
||||
|
||||
return Array.from({ length: 20 }, (_, i) => {
|
||||
const vendor = vendors[i % vendors.length];
|
||||
const occurrenceDate = new Date(2025, 10 - (i % 3), 1 + (i * 2) % 28);
|
||||
const overdueDays = Math.floor((new Date().getTime() - occurrenceDate.getTime()) / (1000 * 60 * 60 * 24));
|
||||
|
||||
return {
|
||||
id: `bad-debt-${i + 1}`,
|
||||
vendorId: vendor.id,
|
||||
vendorCode: vendor.code,
|
||||
vendorName: vendor.name,
|
||||
businessNumber: vendor.bizNum,
|
||||
representativeName: `대표자${i + 1}`,
|
||||
vendorType: 'both',
|
||||
businessType: '제조업',
|
||||
businessCategory: '전자제품',
|
||||
zipCode: '06234',
|
||||
address1: '서울특별시 서초구 서초대로 123',
|
||||
address2: '대한건물 12층 1201호',
|
||||
phone: '02-1234-1234',
|
||||
mobile: '010-1234-1234',
|
||||
fax: '02-1234-1235',
|
||||
email: 'abc@email.com',
|
||||
contactName: '담당자명',
|
||||
contactPhone: '010-1234-1234',
|
||||
systemManager: '관리자명',
|
||||
debtAmount: amounts[i % amounts.length],
|
||||
status: statuses[i % statuses.length],
|
||||
overdueDays: overdueDays > 0 ? overdueDays : 100 + (i * 10),
|
||||
overdueToggle: i % 2 === 0,
|
||||
occurrenceDate: format(occurrenceDate, 'yyyy-MM-dd'),
|
||||
endDate: statuses[i % statuses.length] === 'recovered' ? format(new Date(), 'yyyy-MM-dd') : null,
|
||||
assignedManagerId: `manager-${i % 5}`,
|
||||
assignedManager: {
|
||||
id: `manager-${i % 5}`,
|
||||
departmentName: '경영지원팀',
|
||||
name: managers[i % managers.length],
|
||||
position: '과장',
|
||||
phone: '010-1234-1234',
|
||||
},
|
||||
settingToggle: true,
|
||||
files: [],
|
||||
memos: [
|
||||
{
|
||||
id: `memo-${i}-1`,
|
||||
content: '2025-12-12 12:21 [홍길동] 메모 내용',
|
||||
createdAt: '2025-12-12T12:21:00.000Z',
|
||||
createdBy: '홍길동',
|
||||
},
|
||||
],
|
||||
createdAt: '2025-12-01T00:00:00.000Z',
|
||||
updatedAt: '2025-12-18T00:00:00.000Z',
|
||||
};
|
||||
});
|
||||
};
|
||||
// ===== Props 타입 정의 =====
|
||||
interface BadDebtCollectionProps {
|
||||
initialData: BadDebtRecord[];
|
||||
initialSummary?: {
|
||||
total_amount: number;
|
||||
collecting_amount: number;
|
||||
legal_action_amount: number;
|
||||
recovered_amount: number;
|
||||
bad_debt_amount: number;
|
||||
} | null;
|
||||
}
|
||||
|
||||
// 거래처 목록 추출 (필터용)
|
||||
const getVendorOptions = (data: BadDebtRecord[]) => {
|
||||
@@ -134,8 +75,9 @@ const getVendorOptions = (data: BadDebtRecord[]) => {
|
||||
];
|
||||
};
|
||||
|
||||
export function BadDebtCollection() {
|
||||
export function BadDebtCollection({ initialData, initialSummary }: BadDebtCollectionProps) {
|
||||
const router = useRouter();
|
||||
const [isPending, startTransition] = useTransition();
|
||||
|
||||
// ===== 상태 관리 =====
|
||||
const [searchQuery, setSearchQuery] = useState('');
|
||||
@@ -150,8 +92,8 @@ export function BadDebtCollection() {
|
||||
const [showDeleteDialog, setShowDeleteDialog] = useState(false);
|
||||
const [deleteTargetId, setDeleteTargetId] = useState<string | null>(null);
|
||||
|
||||
// Mock 데이터
|
||||
const [data, setData] = useState<BadDebtRecord[]>(generateMockData);
|
||||
// 데이터 (서버에서 받은 초기 데이터 사용)
|
||||
const [data, setData] = useState<BadDebtRecord[]>(initialData);
|
||||
|
||||
// 거래처 옵션
|
||||
const vendorOptions = useMemo(() => getVendorOptions(data), [data]);
|
||||
@@ -229,26 +171,56 @@ export function BadDebtCollection() {
|
||||
|
||||
const handleConfirmDelete = useCallback(() => {
|
||||
if (deleteTargetId) {
|
||||
setData(prev => prev.filter(item => item.id !== deleteTargetId));
|
||||
setSelectedItems(prev => {
|
||||
const newSet = new Set(prev);
|
||||
newSet.delete(deleteTargetId);
|
||||
return newSet;
|
||||
startTransition(async () => {
|
||||
const result = await deleteBadDebt(deleteTargetId);
|
||||
if (result.success) {
|
||||
setData(prev => prev.filter(item => item.id !== deleteTargetId));
|
||||
setSelectedItems(prev => {
|
||||
const newSet = new Set(prev);
|
||||
newSet.delete(deleteTargetId);
|
||||
return newSet;
|
||||
});
|
||||
} else {
|
||||
console.error('[BadDebtCollection] Delete failed:', result.error);
|
||||
}
|
||||
});
|
||||
}
|
||||
setShowDeleteDialog(false);
|
||||
setDeleteTargetId(null);
|
||||
}, [deleteTargetId]);
|
||||
|
||||
// 설정 토글 핸들러
|
||||
// 설정 토글 핸들러 (API 호출)
|
||||
const handleSettingToggle = useCallback((id: string, checked: boolean) => {
|
||||
// Optimistic update
|
||||
setData(prev => prev.map(item =>
|
||||
item.id === id ? { ...item, settingToggle: checked } : item
|
||||
));
|
||||
|
||||
startTransition(async () => {
|
||||
const result = await toggleBadDebt(id);
|
||||
if (!result.success) {
|
||||
// Rollback on error
|
||||
setData(prev => prev.map(item =>
|
||||
item.id === id ? { ...item, settingToggle: !checked } : item
|
||||
));
|
||||
console.error('[BadDebtCollection] Toggle failed:', result.error);
|
||||
}
|
||||
});
|
||||
}, []);
|
||||
|
||||
// ===== 통계 카드 =====
|
||||
// ===== 통계 카드 (API 통계 또는 로컬 계산) =====
|
||||
const statCards: StatCard[] = useMemo(() => {
|
||||
if (initialSummary) {
|
||||
// API 통계 데이터 사용
|
||||
return [
|
||||
{ label: '총 악성채권', value: `${initialSummary.total_amount.toLocaleString()}원`, icon: AlertTriangle, iconColor: 'text-red-500' },
|
||||
{ label: '추심중', value: `${initialSummary.collecting_amount.toLocaleString()}원`, icon: AlertTriangle, iconColor: 'text-orange-500' },
|
||||
{ label: '법적조치', value: `${initialSummary.legal_action_amount.toLocaleString()}원`, icon: AlertTriangle, iconColor: 'text-red-600' },
|
||||
{ label: '회수완료', value: `${initialSummary.recovered_amount.toLocaleString()}원`, icon: AlertTriangle, iconColor: 'text-green-500' },
|
||||
];
|
||||
}
|
||||
|
||||
// 로컬 데이터로 계산 (fallback)
|
||||
const totalAmount = data.reduce((sum, d) => sum + d.debtAmount, 0);
|
||||
const collectingAmount = data.filter(d => d.status === 'collecting').reduce((sum, d) => sum + d.debtAmount, 0);
|
||||
const legalActionAmount = data.filter(d => d.status === 'legalAction').reduce((sum, d) => sum + d.debtAmount, 0);
|
||||
@@ -260,7 +232,7 @@ export function BadDebtCollection() {
|
||||
{ label: '법적조치', value: `${legalActionAmount.toLocaleString()}원`, icon: AlertTriangle, iconColor: 'text-red-600' },
|
||||
{ label: '회수완료', value: `${recoveredAmount.toLocaleString()}원`, icon: AlertTriangle, iconColor: 'text-green-500' },
|
||||
];
|
||||
}, [data]);
|
||||
}, [data, initialSummary]);
|
||||
|
||||
// ===== 테이블 컬럼 =====
|
||||
const tableColumns: TableColumn[] = useMemo(() => [
|
||||
@@ -313,6 +285,7 @@ export function BadDebtCollection() {
|
||||
<Switch
|
||||
checked={item.settingToggle}
|
||||
onCheckedChange={(checked) => handleSettingToggle(item.id, checked)}
|
||||
disabled={isPending}
|
||||
/>
|
||||
</TableCell>
|
||||
{/* 작업 */}
|
||||
@@ -340,7 +313,7 @@ export function BadDebtCollection() {
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
);
|
||||
}, [selectedItems, toggleSelection, handleRowClick, handleEdit, handleDeleteClick, handleSettingToggle]);
|
||||
}, [selectedItems, toggleSelection, handleRowClick, handleEdit, handleDeleteClick, handleSettingToggle, isPending]);
|
||||
|
||||
// ===== 모바일 카드 렌더링 =====
|
||||
const renderMobileCard = useCallback((
|
||||
@@ -484,12 +457,13 @@ export function BadDebtCollection() {
|
||||
<AlertDialogAction
|
||||
onClick={handleConfirmDelete}
|
||||
className="bg-red-600 hover:bg-red-700"
|
||||
disabled={isPending}
|
||||
>
|
||||
삭제
|
||||
{isPending ? '삭제 중...' : '삭제'}
|
||||
</AlertDialogAction>
|
||||
</AlertDialogFooter>
|
||||
</AlertDialogContent>
|
||||
</AlertDialog>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -6,6 +6,7 @@ import {
|
||||
FileText,
|
||||
Plus,
|
||||
X,
|
||||
Loader2,
|
||||
} from 'lucide-react';
|
||||
import { Button } from '@/components/ui/button';
|
||||
import { Input } from '@/components/ui/input';
|
||||
@@ -38,11 +39,13 @@ import {
|
||||
} from '@/components/ui/table';
|
||||
import { PageLayout } from '@/components/organisms/PageLayout';
|
||||
import { PageHeader } from '@/components/organisms/PageHeader';
|
||||
import type { BillRecord, BillType, BillStatus, InstallmentRecord, Vendor } from './types';
|
||||
import { toast } from 'sonner';
|
||||
import type { BillRecord, BillType, BillStatus, InstallmentRecord } from './types';
|
||||
import {
|
||||
BILL_TYPE_OPTIONS,
|
||||
getBillStatusOptions,
|
||||
} from './types';
|
||||
import { getBill, createBill, updateBill, deleteBill, getClients } from './actions';
|
||||
|
||||
// ===== Props =====
|
||||
interface BillDetailProps {
|
||||
@@ -50,43 +53,25 @@ interface BillDetailProps {
|
||||
mode: 'view' | 'edit' | 'new';
|
||||
}
|
||||
|
||||
// ===== Mock 거래처 데이터 =====
|
||||
const MOCK_VENDORS: Vendor[] = [
|
||||
{ id: 'v1', name: '(주)삼성전자', email: 'samsung@example.com' },
|
||||
{ id: 'v2', name: '현대자동차', email: 'hyundai@example.com' },
|
||||
{ id: 'v3', name: 'LG전자', email: 'lg@example.com' },
|
||||
{ id: 'v4', name: 'SK하이닉스', email: 'skhynix@example.com' },
|
||||
{ id: 'v5', name: '네이버', email: 'naver@example.com' },
|
||||
];
|
||||
|
||||
// ===== Mock 상세 데이터 조회 =====
|
||||
const fetchBillDetail = (id: string): BillRecord | null => {
|
||||
return {
|
||||
id,
|
||||
billNumber: '2025000001',
|
||||
billType: 'received',
|
||||
vendorId: 'v1',
|
||||
vendorName: '(주)삼성전자',
|
||||
amount: 100000000,
|
||||
issueDate: '2025-12-12',
|
||||
maturityDate: '2025-12-30',
|
||||
status: 'stored',
|
||||
reason: '거래 대금',
|
||||
installmentCount: 2,
|
||||
note: '',
|
||||
installments: [
|
||||
{ id: 'inst-1', date: '2025-12-20', amount: 50000000, note: '1차 상환' },
|
||||
],
|
||||
createdAt: new Date().toISOString(),
|
||||
updatedAt: new Date().toISOString(),
|
||||
};
|
||||
};
|
||||
// ===== 거래처 타입 =====
|
||||
interface ClientOption {
|
||||
id: string;
|
||||
name: string;
|
||||
}
|
||||
|
||||
export function BillDetail({ billId, mode }: BillDetailProps) {
|
||||
const router = useRouter();
|
||||
const isViewMode = mode === 'view';
|
||||
const isNewMode = mode === 'new';
|
||||
|
||||
// ===== 로딩 상태 =====
|
||||
const [isLoading, setIsLoading] = useState(false);
|
||||
const [isSaving, setIsSaving] = useState(false);
|
||||
const [isDeleting, setIsDeleting] = useState(false);
|
||||
|
||||
// ===== 거래처 목록 =====
|
||||
const [clients, setClients] = useState<ClientOption[]>([]);
|
||||
|
||||
// ===== 폼 상태 =====
|
||||
const [billNumber, setBillNumber] = useState('');
|
||||
const [billType, setBillType] = useState<BillType>('received');
|
||||
@@ -99,11 +84,28 @@ export function BillDetail({ billId, mode }: BillDetailProps) {
|
||||
const [installments, setInstallments] = useState<InstallmentRecord[]>([]);
|
||||
const [showDeleteDialog, setShowDeleteDialog] = useState(false);
|
||||
|
||||
// ===== 거래처 목록 로드 =====
|
||||
useEffect(() => {
|
||||
async function loadClients() {
|
||||
const result = await getClients();
|
||||
if (result.success && result.data) {
|
||||
setClients(result.data.map(c => ({ id: String(c.id), name: c.name })));
|
||||
}
|
||||
}
|
||||
loadClients();
|
||||
}, []);
|
||||
|
||||
// ===== 데이터 로드 =====
|
||||
useEffect(() => {
|
||||
if (billId && billId !== 'new') {
|
||||
const data = fetchBillDetail(billId);
|
||||
if (data) {
|
||||
async function loadBill() {
|
||||
if (!billId || billId === 'new') return;
|
||||
|
||||
setIsLoading(true);
|
||||
const result = await getBill(billId);
|
||||
setIsLoading(false);
|
||||
|
||||
if (result.success && result.data) {
|
||||
const data = result.data;
|
||||
setBillNumber(data.billNumber);
|
||||
setBillType(data.billType);
|
||||
setVendorId(data.vendorId);
|
||||
@@ -113,30 +115,79 @@ export function BillDetail({ billId, mode }: BillDetailProps) {
|
||||
setStatus(data.status);
|
||||
setNote(data.note);
|
||||
setInstallments(data.installments);
|
||||
} else {
|
||||
toast.error(result.error || '어음 정보를 불러올 수 없습니다.');
|
||||
router.push('/ko/accounting/bills');
|
||||
}
|
||||
}
|
||||
}, [billId]);
|
||||
|
||||
loadBill();
|
||||
}, [billId, router]);
|
||||
|
||||
// ===== 저장 핸들러 =====
|
||||
const handleSave = useCallback(() => {
|
||||
console.log('저장:', {
|
||||
billId,
|
||||
const handleSave = useCallback(async () => {
|
||||
// 유효성 검사
|
||||
if (!billNumber.trim()) {
|
||||
toast.error('어음번호를 입력해주세요.');
|
||||
return;
|
||||
}
|
||||
if (!vendorId) {
|
||||
toast.error('거래처를 선택해주세요.');
|
||||
return;
|
||||
}
|
||||
if (amount <= 0) {
|
||||
toast.error('금액을 입력해주세요.');
|
||||
return;
|
||||
}
|
||||
|
||||
// 차수 유효성 검사
|
||||
for (let i = 0; i < installments.length; i++) {
|
||||
const inst = installments[i];
|
||||
if (!inst.date) {
|
||||
toast.error(`차수 ${i + 1}번의 일자를 입력해주세요.`);
|
||||
return;
|
||||
}
|
||||
if (inst.amount <= 0) {
|
||||
toast.error(`차수 ${i + 1}번의 금액을 입력해주세요.`);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
setIsSaving(true);
|
||||
|
||||
const billData: Partial<BillRecord> = {
|
||||
billNumber,
|
||||
billType,
|
||||
vendorId,
|
||||
vendorName: clients.find(c => c.id === vendorId)?.name || '',
|
||||
amount,
|
||||
issueDate,
|
||||
maturityDate,
|
||||
status,
|
||||
note,
|
||||
installments,
|
||||
});
|
||||
};
|
||||
|
||||
let result;
|
||||
if (isNewMode) {
|
||||
router.push('/ko/accounting/bills');
|
||||
result = await createBill(billData);
|
||||
} else {
|
||||
router.push(`/ko/accounting/bills/${billId}`);
|
||||
result = await updateBill(billId, billData);
|
||||
}
|
||||
}, [billId, billNumber, billType, vendorId, amount, issueDate, maturityDate, status, note, installments, router, isNewMode]);
|
||||
|
||||
setIsSaving(false);
|
||||
|
||||
if (result.success) {
|
||||
toast.success(isNewMode ? '어음이 등록되었습니다.' : '어음이 수정되었습니다.');
|
||||
if (isNewMode) {
|
||||
router.push('/ko/accounting/bills');
|
||||
} else {
|
||||
router.push(`/ko/accounting/bills/${billId}`);
|
||||
}
|
||||
} else {
|
||||
toast.error(result.error || '저장에 실패했습니다.');
|
||||
}
|
||||
}, [billId, billNumber, billType, vendorId, amount, issueDate, maturityDate, status, note, installments, router, isNewMode, clients]);
|
||||
|
||||
// ===== 취소 핸들러 =====
|
||||
const handleCancel = useCallback(() => {
|
||||
@@ -158,10 +209,18 @@ export function BillDetail({ billId, mode }: BillDetailProps) {
|
||||
}, [router, billId]);
|
||||
|
||||
// ===== 삭제 핸들러 =====
|
||||
const handleDelete = useCallback(() => {
|
||||
console.log('삭제:', billId);
|
||||
const handleDelete = useCallback(async () => {
|
||||
setIsDeleting(true);
|
||||
const result = await deleteBill(billId);
|
||||
setIsDeleting(false);
|
||||
setShowDeleteDialog(false);
|
||||
router.push('/ko/accounting/bills');
|
||||
|
||||
if (result.success) {
|
||||
toast.success('어음이 삭제되었습니다.');
|
||||
router.push('/ko/accounting/bills');
|
||||
} else {
|
||||
toast.error(result.error || '삭제에 실패했습니다.');
|
||||
}
|
||||
}, [billId, router]);
|
||||
|
||||
// ===== 차수 추가 =====
|
||||
@@ -190,6 +249,17 @@ export function BillDetail({ billId, mode }: BillDetailProps) {
|
||||
// ===== 상태 옵션 (구분에 따라 변경) =====
|
||||
const statusOptions = getBillStatusOptions(billType);
|
||||
|
||||
// ===== 로딩 중 =====
|
||||
if (isLoading) {
|
||||
return (
|
||||
<PageLayout>
|
||||
<div className="flex items-center justify-center h-64">
|
||||
<Loader2 className="h-8 w-8 animate-spin text-gray-400" />
|
||||
</div>
|
||||
</PageLayout>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<PageLayout>
|
||||
{/* 페이지 헤더 */}
|
||||
@@ -219,10 +289,15 @@ export function BillDetail({ billId, mode }: BillDetailProps) {
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<Button variant="outline" onClick={handleCancel}>
|
||||
<Button variant="outline" onClick={handleCancel} disabled={isSaving}>
|
||||
취소
|
||||
</Button>
|
||||
<Button onClick={handleSave} className="bg-orange-500 hover:bg-orange-600">
|
||||
<Button
|
||||
onClick={handleSave}
|
||||
disabled={isSaving}
|
||||
className="bg-orange-500 hover:bg-orange-600"
|
||||
>
|
||||
{isSaving && <Loader2 className="h-4 w-4 mr-2 animate-spin" />}
|
||||
{isNewMode ? '등록' : '저장'}
|
||||
</Button>
|
||||
</>
|
||||
@@ -279,9 +354,9 @@ export function BillDetail({ billId, mode }: BillDetailProps) {
|
||||
<SelectValue placeholder="선택 ▼" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
{MOCK_VENDORS.map((vendor) => (
|
||||
<SelectItem key={vendor.id} value={vendor.id}>
|
||||
{vendor.name}
|
||||
{clients.map((client) => (
|
||||
<SelectItem key={client.id} value={client.id}>
|
||||
{client.name}
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
@@ -457,11 +532,13 @@ export function BillDetail({ billId, mode }: BillDetailProps) {
|
||||
</AlertDialogDescription>
|
||||
</AlertDialogHeader>
|
||||
<AlertDialogFooter>
|
||||
<AlertDialogCancel>취소</AlertDialogCancel>
|
||||
<AlertDialogCancel disabled={isDeleting}>취소</AlertDialogCancel>
|
||||
<AlertDialogAction
|
||||
onClick={handleDelete}
|
||||
disabled={isDeleting}
|
||||
className="bg-red-500 hover:bg-red-600"
|
||||
>
|
||||
{isDeleting && <Loader2 className="h-4 w-4 mr-2 animate-spin" />}
|
||||
삭제
|
||||
</AlertDialogAction>
|
||||
</AlertDialogFooter>
|
||||
@@ -469,4 +546,4 @@ export function BillDetail({ billId, mode }: BillDetailProps) {
|
||||
</AlertDialog>
|
||||
</PageLayout>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,499 @@
|
||||
'use client';
|
||||
|
||||
import { useState, useMemo, useCallback } from 'react';
|
||||
import { useRouter } from 'next/navigation';
|
||||
import {
|
||||
FileText,
|
||||
Plus,
|
||||
Pencil,
|
||||
Trash2,
|
||||
Save,
|
||||
} from 'lucide-react';
|
||||
import { Button } from '@/components/ui/button';
|
||||
import { Checkbox } from '@/components/ui/checkbox';
|
||||
import { Badge } from '@/components/ui/badge';
|
||||
import {
|
||||
AlertDialog,
|
||||
AlertDialogAction,
|
||||
AlertDialogCancel,
|
||||
AlertDialogContent,
|
||||
AlertDialogDescription,
|
||||
AlertDialogFooter,
|
||||
AlertDialogHeader,
|
||||
AlertDialogTitle,
|
||||
} from '@/components/ui/alert-dialog';
|
||||
import { TableRow, TableCell } from '@/components/ui/table';
|
||||
import {
|
||||
Select,
|
||||
SelectContent,
|
||||
SelectItem,
|
||||
SelectTrigger,
|
||||
SelectValue,
|
||||
} from '@/components/ui/select';
|
||||
import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group';
|
||||
import { Label } from '@/components/ui/label';
|
||||
import {
|
||||
IntegratedListTemplateV2,
|
||||
type TableColumn,
|
||||
} from '@/components/templates/IntegratedListTemplateV2';
|
||||
import { DateRangeSelector } from '@/components/molecules/DateRangeSelector';
|
||||
import { ListMobileCard, InfoField } from '@/components/organisms/ListMobileCard';
|
||||
import { toast } from 'sonner';
|
||||
import type {
|
||||
BillRecord,
|
||||
BillType,
|
||||
BillStatus,
|
||||
SortOption,
|
||||
} from './types';
|
||||
import {
|
||||
BILL_TYPE_LABELS,
|
||||
BILL_TYPE_FILTER_OPTIONS,
|
||||
BILL_STATUS_COLORS,
|
||||
BILL_STATUS_FILTER_OPTIONS,
|
||||
getBillStatusLabel,
|
||||
} from './types';
|
||||
import { getBills, deleteBill, updateBillStatus } from './actions';
|
||||
|
||||
interface BillManagementClientProps {
|
||||
initialData: BillRecord[];
|
||||
initialPagination: {
|
||||
currentPage: number;
|
||||
lastPage: number;
|
||||
perPage: number;
|
||||
total: number;
|
||||
};
|
||||
initialVendorId?: string;
|
||||
initialBillType?: string;
|
||||
}
|
||||
|
||||
export function BillManagementClient({
|
||||
initialData,
|
||||
initialPagination,
|
||||
initialVendorId,
|
||||
initialBillType,
|
||||
}: BillManagementClientProps) {
|
||||
const router = useRouter();
|
||||
|
||||
// ===== 상태 관리 =====
|
||||
const [data, setData] = useState<BillRecord[]>(initialData);
|
||||
const [pagination, setPagination] = useState(initialPagination);
|
||||
const [isLoading, setIsLoading] = useState(false);
|
||||
const [searchQuery, setSearchQuery] = useState('');
|
||||
const [sortOption, setSortOption] = useState<SortOption>('latest');
|
||||
const [billTypeFilter, setBillTypeFilter] = useState<string>(initialBillType || 'received');
|
||||
const [vendorFilter, setVendorFilter] = useState<string>(initialVendorId || 'all');
|
||||
const [statusFilter, setStatusFilter] = useState<string>('all');
|
||||
const [selectedItems, setSelectedItems] = useState<Set<string>>(new Set());
|
||||
const [currentPage, setCurrentPage] = useState(initialPagination.currentPage);
|
||||
const itemsPerPage = initialPagination.perPage;
|
||||
|
||||
// 삭제 다이얼로그
|
||||
const [showDeleteDialog, setShowDeleteDialog] = useState(false);
|
||||
const [deleteTargetId, setDeleteTargetId] = useState<string | null>(null);
|
||||
|
||||
// 날짜 범위 상태
|
||||
const [startDate, setStartDate] = useState('2025-09-01');
|
||||
const [endDate, setEndDate] = useState('2025-09-03');
|
||||
|
||||
// ===== API 데이터 로드 =====
|
||||
const loadData = useCallback(async (page: number = 1) => {
|
||||
setIsLoading(true);
|
||||
try {
|
||||
const result = await getBills({
|
||||
search: searchQuery || undefined,
|
||||
billType: billTypeFilter !== 'all' ? billTypeFilter : undefined,
|
||||
status: statusFilter !== 'all' ? statusFilter : undefined,
|
||||
clientId: vendorFilter !== 'all' ? vendorFilter : undefined,
|
||||
issueStartDate: startDate,
|
||||
issueEndDate: endDate,
|
||||
sortBy: sortOption === 'latest' || sortOption === 'oldest' ? 'issue_date' : sortOption === 'amountHigh' || sortOption === 'amountLow' ? 'amount' : 'maturity_date',
|
||||
sortDir: sortOption === 'oldest' || sortOption === 'amountLow' ? 'asc' : 'desc',
|
||||
perPage: itemsPerPage,
|
||||
page,
|
||||
});
|
||||
|
||||
if (result.success) {
|
||||
setData(result.data);
|
||||
setPagination(result.pagination);
|
||||
setCurrentPage(result.pagination.currentPage);
|
||||
} else {
|
||||
toast.error(result.error || '데이터를 불러오는데 실패했습니다.');
|
||||
}
|
||||
} catch {
|
||||
toast.error('데이터를 불러오는데 실패했습니다.');
|
||||
} finally {
|
||||
setIsLoading(false);
|
||||
}
|
||||
}, [searchQuery, billTypeFilter, statusFilter, vendorFilter, startDate, endDate, sortOption, itemsPerPage]);
|
||||
|
||||
// ===== 체크박스 핸들러 =====
|
||||
const toggleSelection = useCallback((id: string) => {
|
||||
setSelectedItems(prev => {
|
||||
const newSet = new Set(prev);
|
||||
if (newSet.has(id)) newSet.delete(id);
|
||||
else newSet.add(id);
|
||||
return newSet;
|
||||
});
|
||||
}, []);
|
||||
|
||||
// ===== 전체 선택 핸들러 =====
|
||||
const toggleSelectAll = useCallback(() => {
|
||||
if (selectedItems.size === data.length && data.length > 0) {
|
||||
setSelectedItems(new Set());
|
||||
} else {
|
||||
setSelectedItems(new Set(data.map(item => item.id)));
|
||||
}
|
||||
}, [selectedItems.size, data]);
|
||||
|
||||
// ===== 액션 핸들러 =====
|
||||
const handleRowClick = useCallback((item: BillRecord) => {
|
||||
router.push(`/ko/accounting/bills/${item.id}`);
|
||||
}, [router]);
|
||||
|
||||
const handleDeleteClick = useCallback((id: string) => {
|
||||
setDeleteTargetId(id);
|
||||
setShowDeleteDialog(true);
|
||||
}, []);
|
||||
|
||||
const handleConfirmDelete = useCallback(async () => {
|
||||
if (deleteTargetId) {
|
||||
setIsLoading(true);
|
||||
const result = await deleteBill(deleteTargetId);
|
||||
|
||||
if (result.success) {
|
||||
setData(prev => prev.filter(item => item.id !== deleteTargetId));
|
||||
setSelectedItems(prev => {
|
||||
const newSet = new Set(prev);
|
||||
newSet.delete(deleteTargetId);
|
||||
return newSet;
|
||||
});
|
||||
toast.success('삭제되었습니다.');
|
||||
} else {
|
||||
toast.error(result.error || '삭제에 실패했습니다.');
|
||||
}
|
||||
setIsLoading(false);
|
||||
}
|
||||
setShowDeleteDialog(false);
|
||||
setDeleteTargetId(null);
|
||||
}, [deleteTargetId]);
|
||||
|
||||
// ===== 페이지 변경 =====
|
||||
const handlePageChange = useCallback((page: number) => {
|
||||
loadData(page);
|
||||
}, [loadData]);
|
||||
|
||||
// ===== 테이블 컬럼 =====
|
||||
const tableColumns: TableColumn[] = useMemo(() => [
|
||||
{ key: 'no', label: '번호', className: 'text-center w-[60px]' },
|
||||
{ key: 'billNumber', label: '어음번호' },
|
||||
{ key: 'billType', label: '구분', className: 'text-center' },
|
||||
{ key: 'vendorName', label: '거래처' },
|
||||
{ key: 'amount', label: '금액', className: 'text-right' },
|
||||
{ key: 'issueDate', label: '발행일' },
|
||||
{ key: 'maturityDate', label: '만기일' },
|
||||
{ key: 'installmentCount', label: '차수', className: 'text-center' },
|
||||
{ key: 'status', label: '상태', className: 'text-center' },
|
||||
{ key: 'actions', label: '작업', className: 'text-center w-[80px]' },
|
||||
], []);
|
||||
|
||||
// ===== 테이블 행 렌더링 =====
|
||||
const renderTableRow = useCallback((item: BillRecord, index: number, globalIndex: number) => {
|
||||
const isSelected = selectedItems.has(item.id);
|
||||
|
||||
return (
|
||||
<TableRow
|
||||
key={item.id}
|
||||
className="hover:bg-muted/50 cursor-pointer"
|
||||
onClick={() => handleRowClick(item)}
|
||||
>
|
||||
<TableCell className="text-center" onClick={(e) => e.stopPropagation()}>
|
||||
<Checkbox checked={isSelected} onCheckedChange={() => toggleSelection(item.id)} />
|
||||
</TableCell>
|
||||
<TableCell className="text-center">{globalIndex}</TableCell>
|
||||
<TableCell>{item.billNumber}</TableCell>
|
||||
<TableCell className="text-center">
|
||||
<Badge variant="outline" className={item.billType === 'received' ? 'border-blue-300 text-blue-600' : 'border-green-300 text-green-600'}>
|
||||
{BILL_TYPE_LABELS[item.billType]}
|
||||
</Badge>
|
||||
</TableCell>
|
||||
<TableCell>{item.vendorName}</TableCell>
|
||||
<TableCell className="text-right font-medium">{item.amount.toLocaleString()}</TableCell>
|
||||
<TableCell>{item.issueDate}</TableCell>
|
||||
<TableCell>{item.maturityDate}</TableCell>
|
||||
<TableCell className="text-center">{item.installmentCount || '-'}</TableCell>
|
||||
<TableCell className="text-center">
|
||||
<Badge className={BILL_STATUS_COLORS[item.status]}>
|
||||
{getBillStatusLabel(item.billType, item.status)}
|
||||
</Badge>
|
||||
</TableCell>
|
||||
<TableCell className="text-center" onClick={(e) => e.stopPropagation()}>
|
||||
{isSelected && (
|
||||
<div className="flex items-center justify-center gap-1">
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="icon"
|
||||
className="h-8 w-8 text-gray-600 hover:text-gray-700 hover:bg-gray-50"
|
||||
onClick={() => router.push(`/ko/accounting/bills/${item.id}?mode=edit`)}
|
||||
>
|
||||
<Pencil className="h-4 w-4" />
|
||||
</Button>
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="icon"
|
||||
className="h-8 w-8 text-red-500 hover:text-red-600 hover:bg-red-50"
|
||||
onClick={() => handleDeleteClick(item.id)}
|
||||
>
|
||||
<Trash2 className="h-4 w-4" />
|
||||
</Button>
|
||||
</div>
|
||||
)}
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
);
|
||||
}, [selectedItems, toggleSelection, handleRowClick, handleDeleteClick, router]);
|
||||
|
||||
// ===== 모바일 카드 렌더링 =====
|
||||
const renderMobileCard = useCallback((
|
||||
item: BillRecord,
|
||||
index: number,
|
||||
globalIndex: number,
|
||||
isSelected: boolean,
|
||||
onToggle: () => void
|
||||
) => {
|
||||
return (
|
||||
<ListMobileCard
|
||||
id={item.id}
|
||||
title={item.billNumber}
|
||||
headerBadges={
|
||||
<>
|
||||
<Badge variant="outline" className={item.billType === 'received' ? 'border-blue-300 text-blue-600' : 'border-green-300 text-green-600'}>
|
||||
{BILL_TYPE_LABELS[item.billType]}
|
||||
</Badge>
|
||||
<Badge className={BILL_STATUS_COLORS[item.status]}>
|
||||
{getBillStatusLabel(item.billType, item.status)}
|
||||
</Badge>
|
||||
</>
|
||||
}
|
||||
isSelected={isSelected}
|
||||
onToggleSelection={onToggle}
|
||||
infoGrid={
|
||||
<div className="grid grid-cols-2 gap-3">
|
||||
<InfoField label="거래처" value={item.vendorName} />
|
||||
<InfoField label="금액" value={`${item.amount.toLocaleString()}원`} />
|
||||
<InfoField label="발행일" value={item.issueDate} />
|
||||
<InfoField label="만기일" value={item.maturityDate} />
|
||||
</div>
|
||||
}
|
||||
actions={
|
||||
isSelected ? (
|
||||
<div className="flex gap-2 w-full">
|
||||
<Button variant="outline" className="flex-1" onClick={() => router.push(`/ko/accounting/bills/${item.id}?mode=edit`)}>
|
||||
<Pencil className="w-4 h-4 mr-2" /> 수정
|
||||
</Button>
|
||||
<Button
|
||||
variant="outline"
|
||||
className="flex-1 text-red-500 border-red-200 hover:bg-red-50 hover:text-red-600"
|
||||
onClick={() => handleDeleteClick(item.id)}
|
||||
>
|
||||
<Trash2 className="w-4 h-4 mr-2" /> 삭제
|
||||
</Button>
|
||||
</div>
|
||||
) : undefined
|
||||
}
|
||||
onCardClick={() => handleRowClick(item)}
|
||||
/>
|
||||
);
|
||||
}, [handleRowClick, handleDeleteClick, router]);
|
||||
|
||||
// ===== 헤더 액션 =====
|
||||
const headerActions = (
|
||||
<DateRangeSelector
|
||||
startDate={startDate}
|
||||
endDate={endDate}
|
||||
onStartDateChange={setStartDate}
|
||||
onEndDateChange={setEndDate}
|
||||
extraActions={
|
||||
<Button onClick={() => router.push('/ko/accounting/bills/new')}>
|
||||
<Plus className="h-4 w-4 mr-2" />
|
||||
어음 등록
|
||||
</Button>
|
||||
}
|
||||
/>
|
||||
);
|
||||
|
||||
// ===== 거래처 목록 (필터용) =====
|
||||
const vendorOptions = useMemo(() => {
|
||||
const uniqueVendors = [...new Set(data.map(d => d.vendorName).filter(v => v))];
|
||||
return [
|
||||
{ value: 'all', label: '전체' },
|
||||
...uniqueVendors.map(v => ({ value: v, label: v }))
|
||||
];
|
||||
}, [data]);
|
||||
|
||||
// ===== 테이블 헤더 액션 =====
|
||||
const tableHeaderActions = (
|
||||
<div className="flex items-center gap-2 flex-wrap">
|
||||
<Select value={vendorFilter} onValueChange={setVendorFilter}>
|
||||
<SelectTrigger className="w-[120px]">
|
||||
<SelectValue placeholder="거래처명" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
{vendorOptions.map((option) => (
|
||||
<SelectItem key={option.value} value={option.value}>
|
||||
{option.label}
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
|
||||
<Select value={billTypeFilter} onValueChange={(value) => { setBillTypeFilter(value); loadData(1); }}>
|
||||
<SelectTrigger className="w-[100px]">
|
||||
<SelectValue placeholder="구분" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
{BILL_TYPE_FILTER_OPTIONS.map((option) => (
|
||||
<SelectItem key={option.value} value={option.value}>
|
||||
{option.label}
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
|
||||
<Select value={statusFilter} onValueChange={(value) => { setStatusFilter(value); loadData(1); }}>
|
||||
<SelectTrigger className="w-[110px]">
|
||||
<SelectValue placeholder="보관중" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
{BILL_STATUS_FILTER_OPTIONS.map((option) => (
|
||||
<SelectItem key={option.value} value={option.value}>
|
||||
{option.label}
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</div>
|
||||
);
|
||||
|
||||
// ===== 저장 핸들러 =====
|
||||
const handleSave = useCallback(async () => {
|
||||
if (selectedItems.size === 0) {
|
||||
toast.warning('선택된 항목이 없습니다.');
|
||||
return;
|
||||
}
|
||||
|
||||
if (statusFilter === 'all') {
|
||||
toast.warning('상태를 선택해주세요.');
|
||||
return;
|
||||
}
|
||||
|
||||
setIsLoading(true);
|
||||
let successCount = 0;
|
||||
|
||||
for (const id of selectedItems) {
|
||||
const result = await updateBillStatus(id, statusFilter as BillStatus);
|
||||
if (result.success) {
|
||||
successCount++;
|
||||
}
|
||||
}
|
||||
|
||||
if (successCount > 0) {
|
||||
toast.success(`${successCount}건이 저장되었습니다.`);
|
||||
loadData(currentPage);
|
||||
setSelectedItems(new Set());
|
||||
} else {
|
||||
toast.error('저장에 실패했습니다.');
|
||||
}
|
||||
setIsLoading(false);
|
||||
}, [selectedItems, statusFilter, loadData, currentPage]);
|
||||
|
||||
// ===== beforeTableContent =====
|
||||
const billStatusSelector = (
|
||||
<div className="flex items-center gap-4">
|
||||
<Select value={statusFilter} onValueChange={setStatusFilter}>
|
||||
<SelectTrigger className="w-[110px]">
|
||||
<SelectValue placeholder="보관중" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
{BILL_STATUS_FILTER_OPTIONS.map((option) => (
|
||||
<SelectItem key={option.value} value={option.value}>
|
||||
{option.label}
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
|
||||
<Button onClick={handleSave} className="bg-orange-500 hover:bg-orange-600" disabled={isLoading}>
|
||||
<Save className="h-4 w-4 mr-2" />
|
||||
저장
|
||||
</Button>
|
||||
|
||||
<RadioGroup
|
||||
value={billTypeFilter}
|
||||
onValueChange={(value) => { setBillTypeFilter(value); loadData(1); }}
|
||||
className="flex items-center gap-4"
|
||||
>
|
||||
<div className="flex items-center space-x-2">
|
||||
<RadioGroupItem value="received" id="received" />
|
||||
<Label htmlFor="received" className="cursor-pointer">수취</Label>
|
||||
</div>
|
||||
<div className="flex items-center space-x-2">
|
||||
<RadioGroupItem value="issued" id="issued" />
|
||||
<Label htmlFor="issued" className="cursor-pointer">발행</Label>
|
||||
</div>
|
||||
</RadioGroup>
|
||||
</div>
|
||||
);
|
||||
|
||||
return (
|
||||
<>
|
||||
<IntegratedListTemplateV2
|
||||
title="어음관리"
|
||||
description="어음 및 수취이음 상세 현황을 관리합니다"
|
||||
icon={FileText}
|
||||
headerActions={headerActions}
|
||||
searchValue={searchQuery}
|
||||
onSearchChange={setSearchQuery}
|
||||
searchPlaceholder="어음번호, 거래처, 메모 검색..."
|
||||
beforeTableContent={billStatusSelector}
|
||||
tableHeaderActions={tableHeaderActions}
|
||||
tableColumns={tableColumns}
|
||||
data={data}
|
||||
totalCount={pagination.total}
|
||||
allData={data}
|
||||
selectedItems={selectedItems}
|
||||
onToggleSelection={toggleSelection}
|
||||
onToggleSelectAll={toggleSelectAll}
|
||||
getItemId={(item: BillRecord) => item.id}
|
||||
renderTableRow={renderTableRow}
|
||||
renderMobileCard={renderMobileCard}
|
||||
pagination={{
|
||||
currentPage: pagination.currentPage,
|
||||
totalPages: pagination.lastPage,
|
||||
totalItems: pagination.total,
|
||||
itemsPerPage: pagination.perPage,
|
||||
onPageChange: handlePageChange,
|
||||
}}
|
||||
/>
|
||||
|
||||
<AlertDialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>
|
||||
<AlertDialogContent>
|
||||
<AlertDialogHeader>
|
||||
<AlertDialogTitle>어음 삭제</AlertDialogTitle>
|
||||
<AlertDialogDescription>
|
||||
이 어음을 삭제하시겠습니까? 이 작업은 취소할 수 없습니다.
|
||||
</AlertDialogDescription>
|
||||
</AlertDialogHeader>
|
||||
<AlertDialogFooter>
|
||||
<AlertDialogCancel>취소</AlertDialogCancel>
|
||||
<AlertDialogAction
|
||||
onClick={handleConfirmDelete}
|
||||
className="bg-red-600 hover:bg-red-700"
|
||||
>
|
||||
삭제
|
||||
</AlertDialogAction>
|
||||
</AlertDialogFooter>
|
||||
</AlertDialogContent>
|
||||
</AlertDialog>
|
||||
</>
|
||||
);
|
||||
}
|
||||
367
src/components/accounting/BillManagement/actions.ts
Normal file
367
src/components/accounting/BillManagement/actions.ts
Normal file
@@ -0,0 +1,367 @@
|
||||
'use server';
|
||||
|
||||
import { cookies } from 'next/headers';
|
||||
import type { BillRecord, BillApiData, BillStatus } from './types';
|
||||
import { transformApiToFrontend, transformFrontendToApi } from './types';
|
||||
|
||||
const API_URL = process.env.NEXT_PUBLIC_API_URL;
|
||||
|
||||
async function getApiHeaders(): Promise<HeadersInit> {
|
||||
const cookieStore = await cookies();
|
||||
const token = cookieStore.get('access_token')?.value;
|
||||
|
||||
return {
|
||||
'Accept': 'application/json',
|
||||
'Content-Type': 'application/json',
|
||||
'Authorization': token ? `Bearer ${token}` : '',
|
||||
'X-API-KEY': process.env.API_KEY || '',
|
||||
};
|
||||
}
|
||||
|
||||
// ===== 어음 목록 조회 =====
|
||||
export async function getBills(params: {
|
||||
search?: string;
|
||||
billType?: string;
|
||||
status?: string;
|
||||
clientId?: string;
|
||||
isElectronic?: boolean;
|
||||
issueStartDate?: string;
|
||||
issueEndDate?: string;
|
||||
maturityStartDate?: string;
|
||||
maturityEndDate?: string;
|
||||
sortBy?: string;
|
||||
sortDir?: string;
|
||||
perPage?: number;
|
||||
page?: number;
|
||||
}): Promise<{
|
||||
success: boolean;
|
||||
data: BillRecord[];
|
||||
pagination: {
|
||||
currentPage: number;
|
||||
lastPage: number;
|
||||
perPage: number;
|
||||
total: number;
|
||||
};
|
||||
error?: string;
|
||||
}> {
|
||||
try {
|
||||
const headers = await getApiHeaders();
|
||||
const queryParams = new URLSearchParams();
|
||||
|
||||
if (params.search) queryParams.append('search', params.search);
|
||||
if (params.billType && params.billType !== 'all') queryParams.append('bill_type', params.billType);
|
||||
if (params.status && params.status !== 'all') queryParams.append('status', params.status);
|
||||
if (params.clientId) queryParams.append('client_id', params.clientId);
|
||||
if (params.isElectronic !== undefined) queryParams.append('is_electronic', String(params.isElectronic));
|
||||
if (params.issueStartDate) queryParams.append('issue_start_date', params.issueStartDate);
|
||||
if (params.issueEndDate) queryParams.append('issue_end_date', params.issueEndDate);
|
||||
if (params.maturityStartDate) queryParams.append('maturity_start_date', params.maturityStartDate);
|
||||
if (params.maturityEndDate) queryParams.append('maturity_end_date', params.maturityEndDate);
|
||||
if (params.sortBy) queryParams.append('sort_by', params.sortBy);
|
||||
if (params.sortDir) queryParams.append('sort_dir', params.sortDir);
|
||||
if (params.perPage) queryParams.append('per_page', String(params.perPage));
|
||||
if (params.page) queryParams.append('page', String(params.page));
|
||||
|
||||
const response = await fetch(
|
||||
`${API_URL}/api/v1/bills?${queryParams.toString()}`,
|
||||
{ method: 'GET', headers, cache: 'no-store' }
|
||||
);
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
if (!response.ok || !result.success) {
|
||||
return {
|
||||
success: false,
|
||||
data: [],
|
||||
pagination: { currentPage: 1, lastPage: 1, perPage: 20, total: 0 },
|
||||
error: result.message || 'Failed to fetch bills',
|
||||
};
|
||||
}
|
||||
|
||||
const paginatedData = result.data as {
|
||||
data: BillApiData[];
|
||||
current_page: number;
|
||||
last_page: number;
|
||||
per_page: number;
|
||||
total: number;
|
||||
};
|
||||
|
||||
return {
|
||||
success: true,
|
||||
data: paginatedData.data.map(transformApiToFrontend),
|
||||
pagination: {
|
||||
currentPage: paginatedData.current_page,
|
||||
lastPage: paginatedData.last_page,
|
||||
perPage: paginatedData.per_page,
|
||||
total: paginatedData.total,
|
||||
},
|
||||
};
|
||||
} catch (error) {
|
||||
console.error('[getBills] Error:', error);
|
||||
return {
|
||||
success: false,
|
||||
data: [],
|
||||
pagination: { currentPage: 1, lastPage: 1, perPage: 20, total: 0 },
|
||||
error: 'Server error',
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
// ===== 어음 상세 조회 =====
|
||||
export async function getBill(id: string): Promise<{
|
||||
success: boolean;
|
||||
data?: BillRecord;
|
||||
error?: string;
|
||||
}> {
|
||||
try {
|
||||
const headers = await getApiHeaders();
|
||||
|
||||
const response = await fetch(
|
||||
`${API_URL}/api/v1/bills/${id}`,
|
||||
{ method: 'GET', headers, cache: 'no-store' }
|
||||
);
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
if (!response.ok || !result.success) {
|
||||
return { success: false, error: result.message || 'Failed to fetch bill' };
|
||||
}
|
||||
|
||||
return {
|
||||
success: true,
|
||||
data: transformApiToFrontend(result.data as BillApiData),
|
||||
};
|
||||
} catch (error) {
|
||||
console.error('[getBill] Error:', error);
|
||||
return { success: false, error: 'Server error' };
|
||||
}
|
||||
}
|
||||
|
||||
// ===== 어음 등록 =====
|
||||
export async function createBill(
|
||||
data: Partial<BillRecord>
|
||||
): Promise<{ success: boolean; data?: BillRecord; error?: string }> {
|
||||
try {
|
||||
const headers = await getApiHeaders();
|
||||
const apiData = transformFrontendToApi(data);
|
||||
|
||||
console.log('[createBill] Sending data:', JSON.stringify(apiData, null, 2));
|
||||
|
||||
const response = await fetch(
|
||||
`${API_URL}/api/v1/bills`,
|
||||
{
|
||||
method: 'POST',
|
||||
headers,
|
||||
body: JSON.stringify(apiData),
|
||||
}
|
||||
);
|
||||
|
||||
const result = await response.json();
|
||||
console.log('[createBill] Response:', result);
|
||||
|
||||
if (!response.ok || !result.success) {
|
||||
// 유효성 검사 에러 처리
|
||||
if (result.errors) {
|
||||
const errorMessages = Object.values(result.errors).flat().join(', ');
|
||||
return { success: false, error: errorMessages || result.message || 'Failed to create bill' };
|
||||
}
|
||||
return { success: false, error: result.message || 'Failed to create bill' };
|
||||
}
|
||||
|
||||
return {
|
||||
success: true,
|
||||
data: transformApiToFrontend(result.data as BillApiData),
|
||||
};
|
||||
} catch (error) {
|
||||
console.error('[createBill] Error:', error);
|
||||
return { success: false, error: 'Server error' };
|
||||
}
|
||||
}
|
||||
|
||||
// ===== 어음 수정 =====
|
||||
export async function updateBill(
|
||||
id: string,
|
||||
data: Partial<BillRecord>
|
||||
): Promise<{ success: boolean; data?: BillRecord; error?: string }> {
|
||||
try {
|
||||
const headers = await getApiHeaders();
|
||||
const apiData = transformFrontendToApi(data);
|
||||
|
||||
console.log('[updateBill] Sending data:', JSON.stringify(apiData, null, 2));
|
||||
|
||||
const response = await fetch(
|
||||
`${API_URL}/api/v1/bills/${id}`,
|
||||
{
|
||||
method: 'PUT',
|
||||
headers,
|
||||
body: JSON.stringify(apiData),
|
||||
}
|
||||
);
|
||||
|
||||
const result = await response.json();
|
||||
console.log('[updateBill] Response:', result);
|
||||
|
||||
if (!response.ok || !result.success) {
|
||||
// 유효성 검사 에러 처리
|
||||
if (result.errors) {
|
||||
const errorMessages = Object.values(result.errors).flat().join(', ');
|
||||
return { success: false, error: errorMessages || result.message || 'Failed to update bill' };
|
||||
}
|
||||
return { success: false, error: result.message || 'Failed to update bill' };
|
||||
}
|
||||
|
||||
return {
|
||||
success: true,
|
||||
data: transformApiToFrontend(result.data as BillApiData),
|
||||
};
|
||||
} catch (error) {
|
||||
console.error('[updateBill] Error:', error);
|
||||
return { success: false, error: 'Server error' };
|
||||
}
|
||||
}
|
||||
|
||||
// ===== 어음 삭제 =====
|
||||
export async function deleteBill(id: string): Promise<{ success: boolean; error?: string }> {
|
||||
try {
|
||||
const headers = await getApiHeaders();
|
||||
|
||||
const response = await fetch(
|
||||
`${API_URL}/api/v1/bills/${id}`,
|
||||
{ method: 'DELETE', headers }
|
||||
);
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
if (!response.ok || !result.success) {
|
||||
return { success: false, error: result.message || 'Failed to delete bill' };
|
||||
}
|
||||
|
||||
return { success: true };
|
||||
} catch (error) {
|
||||
console.error('[deleteBill] Error:', error);
|
||||
return { success: false, error: 'Server error' };
|
||||
}
|
||||
}
|
||||
|
||||
// ===== 어음 상태 변경 =====
|
||||
export async function updateBillStatus(
|
||||
id: string,
|
||||
status: BillStatus
|
||||
): Promise<{ success: boolean; data?: BillRecord; error?: string }> {
|
||||
try {
|
||||
const headers = await getApiHeaders();
|
||||
|
||||
const response = await fetch(
|
||||
`${API_URL}/api/v1/bills/${id}/status`,
|
||||
{
|
||||
method: 'PATCH',
|
||||
headers,
|
||||
body: JSON.stringify({ status }),
|
||||
}
|
||||
);
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
if (!response.ok || !result.success) {
|
||||
return { success: false, error: result.message || 'Failed to update bill status' };
|
||||
}
|
||||
|
||||
return {
|
||||
success: true,
|
||||
data: transformApiToFrontend(result.data as BillApiData),
|
||||
};
|
||||
} catch (error) {
|
||||
console.error('[updateBillStatus] Error:', error);
|
||||
return { success: false, error: 'Server error' };
|
||||
}
|
||||
}
|
||||
|
||||
// ===== 어음 요약 조회 =====
|
||||
export async function getBillSummary(params: {
|
||||
billType?: string;
|
||||
issueStartDate?: string;
|
||||
issueEndDate?: string;
|
||||
maturityStartDate?: string;
|
||||
maturityEndDate?: string;
|
||||
}): Promise<{
|
||||
success: boolean;
|
||||
data?: {
|
||||
totalAmount: number;
|
||||
totalCount: number;
|
||||
byType: Record<string, { total: number; count: number }>;
|
||||
byStatus: Record<string, { total: number; count: number }>;
|
||||
maturityAlertAmount: number;
|
||||
};
|
||||
error?: string;
|
||||
}> {
|
||||
try {
|
||||
const headers = await getApiHeaders();
|
||||
const queryParams = new URLSearchParams();
|
||||
|
||||
if (params.billType && params.billType !== 'all') queryParams.append('bill_type', params.billType);
|
||||
if (params.issueStartDate) queryParams.append('issue_start_date', params.issueStartDate);
|
||||
if (params.issueEndDate) queryParams.append('issue_end_date', params.issueEndDate);
|
||||
if (params.maturityStartDate) queryParams.append('maturity_start_date', params.maturityStartDate);
|
||||
if (params.maturityEndDate) queryParams.append('maturity_end_date', params.maturityEndDate);
|
||||
|
||||
const response = await fetch(
|
||||
`${API_URL}/api/v1/bills/summary?${queryParams.toString()}`,
|
||||
{ method: 'GET', headers, cache: 'no-store' }
|
||||
);
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
if (!response.ok || !result.success) {
|
||||
return { success: false, error: result.message || 'Failed to fetch summary' };
|
||||
}
|
||||
|
||||
return {
|
||||
success: true,
|
||||
data: {
|
||||
totalAmount: result.data.total_amount,
|
||||
totalCount: result.data.total_count,
|
||||
byType: result.data.by_type,
|
||||
byStatus: result.data.by_status,
|
||||
maturityAlertAmount: result.data.maturity_alert_amount,
|
||||
},
|
||||
};
|
||||
} catch (error) {
|
||||
console.error('[getBillSummary] Error:', error);
|
||||
return { success: false, error: 'Server error' };
|
||||
}
|
||||
}
|
||||
|
||||
// ===== 거래처 목록 조회 =====
|
||||
export async function getClients(): Promise<{
|
||||
success: boolean;
|
||||
data?: { id: number; name: string }[];
|
||||
error?: string;
|
||||
}> {
|
||||
try {
|
||||
const headers = await getApiHeaders();
|
||||
|
||||
const response = await fetch(
|
||||
`${API_URL}/api/v1/clients?per_page=100`,
|
||||
{ method: 'GET', headers, cache: 'no-store' }
|
||||
);
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
if (!response.ok || !result.success) {
|
||||
return { success: false, error: result.message || 'Failed to fetch clients' };
|
||||
}
|
||||
|
||||
const clients = result.data?.data || result.data || [];
|
||||
|
||||
return {
|
||||
success: true,
|
||||
data: clients.map((c: { id: number; name: string }) => ({
|
||||
id: c.id,
|
||||
name: c.name,
|
||||
})),
|
||||
};
|
||||
} catch (error) {
|
||||
console.error('[getClients] Error:', error);
|
||||
return { success: false, error: 'Server error' };
|
||||
}
|
||||
}
|
||||
@@ -168,4 +168,111 @@ export function getBillStatusOptions(billType: BillType) {
|
||||
return RECEIVED_BILL_STATUS_OPTIONS;
|
||||
}
|
||||
return ISSUED_BILL_STATUS_OPTIONS;
|
||||
}
|
||||
|
||||
// ===== API 응답 타입 =====
|
||||
export interface BillApiInstallment {
|
||||
id: number;
|
||||
bill_id: number;
|
||||
installment_date: string;
|
||||
amount: string;
|
||||
note: string | null;
|
||||
created_at: string;
|
||||
updated_at: string;
|
||||
}
|
||||
|
||||
export interface BillApiData {
|
||||
id: number;
|
||||
tenant_id: number;
|
||||
bill_number: string;
|
||||
bill_type: BillType;
|
||||
client_id: number | null;
|
||||
client_name: string | null;
|
||||
amount: string;
|
||||
issue_date: string;
|
||||
maturity_date: string;
|
||||
status: BillStatus;
|
||||
reason: string | null;
|
||||
installment_count: number;
|
||||
note: string | null;
|
||||
is_electronic: boolean;
|
||||
bank_account_id: number | null;
|
||||
created_by: number | null;
|
||||
updated_by: number | null;
|
||||
created_at: string;
|
||||
updated_at: string;
|
||||
client?: {
|
||||
id: number;
|
||||
name: string;
|
||||
} | null;
|
||||
bank_account?: {
|
||||
id: number;
|
||||
bank_name: string;
|
||||
account_name: string;
|
||||
} | null;
|
||||
installments?: BillApiInstallment[];
|
||||
}
|
||||
|
||||
export interface BillApiResponse {
|
||||
success: boolean;
|
||||
message: string;
|
||||
data: BillApiData | BillApiData[] | {
|
||||
data: BillApiData[];
|
||||
current_page: number;
|
||||
last_page: number;
|
||||
per_page: number;
|
||||
total: number;
|
||||
};
|
||||
}
|
||||
|
||||
// ===== API → Frontend 변환 함수 =====
|
||||
export function transformApiToFrontend(apiData: BillApiData): BillRecord {
|
||||
return {
|
||||
id: String(apiData.id),
|
||||
billNumber: apiData.bill_number,
|
||||
billType: apiData.bill_type,
|
||||
vendorId: apiData.client_id ? String(apiData.client_id) : '',
|
||||
vendorName: apiData.client?.name || apiData.client_name || '',
|
||||
amount: parseFloat(apiData.amount),
|
||||
issueDate: apiData.issue_date,
|
||||
maturityDate: apiData.maturity_date,
|
||||
status: apiData.status,
|
||||
reason: apiData.reason || '',
|
||||
installmentCount: apiData.installment_count,
|
||||
note: apiData.note || '',
|
||||
installments: (apiData.installments || []).map((inst) => ({
|
||||
id: String(inst.id),
|
||||
date: inst.installment_date,
|
||||
amount: parseFloat(inst.amount),
|
||||
note: inst.note || '',
|
||||
})),
|
||||
createdAt: apiData.created_at,
|
||||
updatedAt: apiData.updated_at,
|
||||
};
|
||||
}
|
||||
|
||||
// ===== Frontend → API 변환 함수 =====
|
||||
export function transformFrontendToApi(data: Partial<BillRecord>): Record<string, unknown> {
|
||||
const result: Record<string, unknown> = {};
|
||||
|
||||
if (data.billNumber !== undefined) result.bill_number = data.billNumber;
|
||||
if (data.billType !== undefined) result.bill_type = data.billType;
|
||||
if (data.vendorId !== undefined) result.client_id = data.vendorId ? parseInt(data.vendorId) : null;
|
||||
if (data.vendorName !== undefined) result.client_name = data.vendorName || null;
|
||||
if (data.amount !== undefined) result.amount = data.amount;
|
||||
if (data.issueDate !== undefined) result.issue_date = data.issueDate;
|
||||
if (data.maturityDate !== undefined) result.maturity_date = data.maturityDate;
|
||||
if (data.status !== undefined) result.status = data.status;
|
||||
if (data.reason !== undefined) result.reason = data.reason || null;
|
||||
if (data.note !== undefined) result.note = data.note || null;
|
||||
|
||||
if (data.installments !== undefined) {
|
||||
result.installments = data.installments.map((inst) => ({
|
||||
date: inst.date,
|
||||
amount: inst.amount,
|
||||
note: inst.note || null,
|
||||
}));
|
||||
}
|
||||
|
||||
return result;
|
||||
}
|
||||
@@ -153,9 +153,8 @@ export function PricingListClient({
|
||||
|
||||
// 네비게이션 핸들러
|
||||
const handleRegister = (item: PricingListItem) => {
|
||||
// itemTypeCode를 URL 파라미터에 포함 (PRODUCT 또는 MATERIAL)
|
||||
const itemTypeCode = item.itemTypeCode || 'MATERIAL';
|
||||
router.push(`/sales/pricing-management/create?itemId=${item.itemId}&itemCode=${item.itemCode}&itemTypeCode=${itemTypeCode}`);
|
||||
// item_type_code는 품목 정보에서 자동으로 가져오므로 URL에 포함하지 않음
|
||||
router.push(`/sales/pricing-management/create?itemId=${item.itemId}&itemCode=${item.itemCode}`);
|
||||
};
|
||||
|
||||
const handleEdit = (item: PricingListItem) => {
|
||||
|
||||
@@ -27,7 +27,7 @@ interface ApiResponse<T> {
|
||||
interface PriceApiData {
|
||||
id: number;
|
||||
tenant_id: number;
|
||||
item_type_code: 'PRODUCT' | 'MATERIAL';
|
||||
item_type_code: string; // FG, PT, SM, RM, CS (items.item_type과 동일)
|
||||
item_id: number;
|
||||
client_group_id: number | null;
|
||||
purchase_price: string | null;
|
||||
@@ -152,10 +152,11 @@ function transformApiToFrontend(apiData: PriceApiData): PricingData {
|
||||
|
||||
/**
|
||||
* 프론트엔드 데이터 → API 요청 형식 변환
|
||||
* item_type_code는 품목 정보(data.itemType)에서 가져옴 (FG, PT, SM, RM, CS 등)
|
||||
*/
|
||||
function transformFrontendToApi(data: PricingData, itemTypeCode: 'PRODUCT' | 'MATERIAL' = 'MATERIAL'): Record<string, unknown> {
|
||||
function transformFrontendToApi(data: PricingData): Record<string, unknown> {
|
||||
return {
|
||||
item_type_code: itemTypeCode,
|
||||
item_type_code: data.itemType, // 품목에서 가져온 실제 item_type 값 사용
|
||||
item_id: parseInt(data.itemId),
|
||||
purchase_price: data.purchasePrice || null,
|
||||
processing_cost: data.processingCost || null,
|
||||
@@ -252,14 +253,14 @@ export async function getItemInfo(itemId: string): Promise<ItemInfo | null> {
|
||||
|
||||
/**
|
||||
* 단가 등록
|
||||
* item_type_code는 data.itemType에서 자동으로 가져옴
|
||||
*/
|
||||
export async function createPricing(
|
||||
data: PricingData,
|
||||
itemTypeCode: 'PRODUCT' | 'MATERIAL' = 'MATERIAL'
|
||||
data: PricingData
|
||||
): Promise<{ success: boolean; data?: PricingData; error?: string }> {
|
||||
try {
|
||||
const headers = await getApiHeaders();
|
||||
const apiData = transformFrontendToApi(data, itemTypeCode);
|
||||
const apiData = transformFrontendToApi(data);
|
||||
|
||||
console.log('[PricingActions] POST pricing request:', apiData);
|
||||
|
||||
@@ -308,7 +309,7 @@ export async function updatePricing(
|
||||
const apiData = {
|
||||
...transformFrontendToApi(data),
|
||||
change_reason: changeReason || null,
|
||||
};
|
||||
} as Record<string, unknown>;
|
||||
|
||||
console.log('[PricingActions] PUT pricing request:', apiData);
|
||||
|
||||
|
||||
@@ -111,7 +111,7 @@ export interface PricingListItem {
|
||||
itemId: string;
|
||||
itemCode: string;
|
||||
itemName: string;
|
||||
itemType: string;
|
||||
itemType: string; // FG, PT, SM, RM, CS 등 (API 등록 시 item_type_code로 사용)
|
||||
specification?: string;
|
||||
unit: string;
|
||||
purchasePrice?: number;
|
||||
@@ -122,7 +122,6 @@ export interface PricingListItem {
|
||||
status: PricingStatus | 'not_registered';
|
||||
currentRevision: number;
|
||||
isFinal: boolean;
|
||||
itemTypeCode?: 'PRODUCT' | 'MATERIAL'; // API 등록 시 필요 (PRODUCT 또는 MATERIAL)
|
||||
}
|
||||
|
||||
// ===== 유틸리티 타입 =====
|
||||
|
||||
Reference in New Issue
Block a user