refactor: SelectedItemsDetailInput 하드코딩 제거

- 중복 표시 제거: 품번/품명 하드코딩 삭제 (displayColumns로 이미 표시 중)
- 동적 텍스트: '입력된 품번' → '입력된 항목'으로 일반화
- 이제 어떤 필드 조합이든 동적으로 작동
This commit is contained in:
kjs 2025-11-20 12:21:48 +09:00
parent 348c040e20
commit 640351d812
1 changed files with 4 additions and 10 deletions

View File

@ -1535,7 +1535,7 @@ export const SelectedItemsDetailInputComponent: React.FC<SelectedItemsDetailInpu
{/* 🆕 이미 입력된 상세 항목들 표시 */}
{editingItem.details.length > 0 && (
<div className="space-y-2">
<div className="text-xs font-medium"> ({editingItem.details.length})</div>
<div className="text-xs font-medium"> ({editingItem.details.length})</div>
{editingItem.details.map((detail, idx) => (
<div key={detail.id} className="flex items-center justify-between border rounded p-2 text-xs bg-muted/30">
<span>{idx + 1}. {detail[componentConfig.additionalFields?.[0]?.name] || "입력됨"}</span>
@ -1889,7 +1889,7 @@ export const SelectedItemsDetailInputComponent: React.FC<SelectedItemsDetailInpu
{/* 🆕 이미 입력된 상세 항목들 표시 */}
{editingItem.details.length > 0 && (
<div className="space-y-2">
<div className="text-xs font-medium"> ({editingItem.details.length})</div>
<div className="text-xs font-medium"> ({editingItem.details.length})</div>
{editingItem.details.map((detail, idx) => (
<div key={detail.id} className="flex items-center justify-between border rounded p-2 text-xs bg-muted/30">
<span>{idx + 1}. {detail[componentConfig.additionalFields?.[0]?.name] || "입력됨"}</span>
@ -1957,15 +1957,9 @@ export const SelectedItemsDetailInputComponent: React.FC<SelectedItemsDetailInpu
{index + 1}. {item.originalData[componentConfig.displayColumns?.[0]?.name] || "항목"}
</div>
<div className="text-xs text-muted-foreground">
{componentConfig.displayColumns?.map((col) => item.originalData[col.name]).filter(Boolean).join(" | ")}
</div>
{/* 입력된 값 표시 */}
{item.additionalData && Object.keys(item.additionalData).length > 0 && (
<div className="text-xs text-primary mt-1">
: {item.additionalData.customer_item_name} / : {item.additionalData.customer_item_code}
</div>
)}
{componentConfig.displayColumns?.map((col) => item.originalData[col.name]).filter(Boolean).join(" | ")}
</div>
</div>
<div className="flex items-center gap-2">
<Button
type="button"