권혁성
92af11c787
- 수주 상세 페이지에서 수주확정 시 FCM 푸시 알림 발송 추가 - FCM 프리셋 함수 추가: 계약완료, 발주완료 알림 - 입금 등록 시 입금일, 입금계좌, 입금자명, 입금금액 입력 가능 - 견적 저장 시 토스트 메시지 정상 표시 수정 - ShipmentCreate SelectItem key prop 경고 수정 - DevToolbar 문법 오류 수정
128 lines
3.6 KiB
TypeScript
128 lines
3.6 KiB
TypeScript
import { Banknote } from 'lucide-react';
|
|
import type { DetailConfig, FieldDefinition } from '@/components/templates/IntegratedDetailTemplate/types';
|
|
import type { DepositRecord } from './types';
|
|
import { DEPOSIT_TYPE_SELECTOR_OPTIONS } from './types';
|
|
import { getVendors } from './actions';
|
|
|
|
// ===== 필드 정의 =====
|
|
const fields: FieldDefinition[] = [
|
|
// 입금일
|
|
{
|
|
key: 'depositDate',
|
|
label: '입금일',
|
|
type: 'date',
|
|
placeholder: '입금일을 선택해주세요',
|
|
disabled: (mode) => mode === 'view',
|
|
},
|
|
// 입금계좌
|
|
{
|
|
key: 'accountName',
|
|
label: '입금계좌',
|
|
type: 'text',
|
|
placeholder: '입금계좌를 입력해주세요',
|
|
disabled: (mode) => mode === 'view',
|
|
},
|
|
// 입금자명
|
|
{
|
|
key: 'depositorName',
|
|
label: '입금자명',
|
|
type: 'text',
|
|
placeholder: '입금자명을 입력해주세요',
|
|
disabled: (mode) => mode === 'view',
|
|
},
|
|
// 입금금액
|
|
{
|
|
key: 'depositAmount',
|
|
label: '입금금액',
|
|
type: 'number',
|
|
placeholder: '입금금액을 입력해주세요',
|
|
disabled: (mode) => mode === 'view',
|
|
},
|
|
// 적요 (editable)
|
|
{
|
|
key: 'note',
|
|
label: '적요',
|
|
type: 'text',
|
|
placeholder: '적요를 입력해주세요',
|
|
gridSpan: 2,
|
|
disabled: (mode) => mode === 'view',
|
|
},
|
|
// 거래처 (editable, required)
|
|
{
|
|
key: 'vendorId',
|
|
label: '거래처',
|
|
type: 'select',
|
|
required: true,
|
|
placeholder: '선택',
|
|
fetchOptions: async () => {
|
|
const result = await getVendors();
|
|
if (result.success) {
|
|
return result.data.map((v) => ({
|
|
value: v.id,
|
|
label: v.name,
|
|
}));
|
|
}
|
|
return [];
|
|
},
|
|
disabled: (mode) => mode === 'view',
|
|
},
|
|
// 입금 유형 (editable, required)
|
|
{
|
|
key: 'depositType',
|
|
label: '입금 유형',
|
|
type: 'select',
|
|
required: true,
|
|
placeholder: '선택',
|
|
options: DEPOSIT_TYPE_SELECTOR_OPTIONS.map((opt) => ({
|
|
value: opt.value,
|
|
label: opt.label,
|
|
})),
|
|
disabled: (mode) => mode === 'view',
|
|
},
|
|
];
|
|
|
|
// ===== Config 정의 =====
|
|
export const depositDetailConfig: DetailConfig = {
|
|
title: '입금',
|
|
description: '입금 상세 내역을 등록합니다',
|
|
icon: Banknote,
|
|
basePath: '/accounting/deposits',
|
|
fields,
|
|
gridColumns: 2,
|
|
actions: {
|
|
showBack: true,
|
|
showDelete: true,
|
|
showEdit: true,
|
|
backLabel: '목록',
|
|
deleteLabel: '삭제',
|
|
editLabel: '수정',
|
|
deleteConfirmMessage: {
|
|
title: '입금 삭제',
|
|
description: '이 입금 내역을 삭제하시겠습니까? 삭제된 데이터는 복구할 수 없습니다.',
|
|
},
|
|
},
|
|
transformInitialData: (data: Record<string, unknown>): Record<string, unknown> => {
|
|
const record = data as unknown as DepositRecord;
|
|
return {
|
|
depositDate: record.depositDate || '',
|
|
accountName: record.accountName || '',
|
|
depositorName: record.depositorName || '',
|
|
depositAmount: record.depositAmount || 0,
|
|
note: record.note || '',
|
|
vendorId: record.vendorId || '',
|
|
depositType: record.depositType || 'unset',
|
|
};
|
|
},
|
|
transformSubmitData: (formData: Record<string, unknown>): Partial<DepositRecord> => {
|
|
return {
|
|
depositDate: formData.depositDate as string,
|
|
accountName: formData.accountName as string,
|
|
depositorName: formData.depositorName as string,
|
|
depositAmount: formData.depositAmount ? Number(formData.depositAmount) : 0,
|
|
note: formData.note as string,
|
|
vendorId: formData.vendorId as string,
|
|
depositType: formData.depositType as DepositRecord['depositType'],
|
|
};
|
|
},
|
|
};
|