Merge branch 'feature/screen-management' of http://39.117.244.52:3000/kjs/ERP-node into feature/screen-management

2025-11-27 12:08:33 +09:00
parent fb9de05b00 6ef4ff8e9b
commit 454f79caec
28 changed files with 220 additions and 532 deletions
--- a/frontend/lib/registry/DynamicComponentRenderer.tsx
+++ b/frontend/lib/registry/DynamicComponentRenderer.tsx
@@ -289,17 +289,8 @@ export const DynamicComponentRenderer: React.FC<DynamicComponentRendererProps> =
        // modal-repeater-table은 배열 데이터를 다루므로 빈 배열로 초기화
        let currentValue;
        if (componentType === "modal-repeater-table") {
-          // 🆕 EditModal에서 전달된 groupedData가 있으면 우선 사용
+          // EditModal에서 전달된 groupedData가 있으면 우선 사용
          currentValue = props.groupedData || formData?.[fieldName] || [];
-          
-          // 디버깅 로그
-          console.log("🔍 [DynamicComponentRenderer] ModalRepeaterTable value 설정:", {
-            hasGroupedData: !!props.groupedData,
-            groupedDataLength: props.groupedData?.length || 0,
-            fieldName,
-            formDataValue: formData?.[fieldName],
-            finalValueLength: Array.isArray(currentValue) ? currentValue.length : 0,
-          });
        } else {
          currentValue = formData?.[fieldName] || "";
        }
--- a/frontend/lib/registry/components/conditional-container/ConditionalContainerComponent.tsx
+++ b/frontend/lib/registry/components/conditional-container/ConditionalContainerComponent.tsx
@@ -13,8 +13,6 @@ import { ConditionalContainerProps, ConditionalSection } from "./types";
 import { ConditionalSectionViewer } from "./ConditionalSectionViewer";
 import { cn } from "@/lib/utils";

-console.log("🚀 ConditionalContainerComponent 모듈 로드됨!");
-
 /**
 * 조건부 컨테이너 컴포넌트
 * 상단 셀렉트박스 값에 따라 하단에 다른 UI를 표시
@@ -43,11 +41,6 @@ export function ConditionalContainerComponent({
  groupedData, // 🆕 그룹 데이터
  onSave, // 🆕 EditModal의 handleSave 콜백
 }: ConditionalContainerProps) {
-  console.log("🎯 ConditionalContainerComponent 렌더링!", {
-    isDesignMode,
-    hasOnHeightChange: !!onHeightChange,
-    componentId,
-  });
  
  // config prop 우선, 없으면 개별 prop 사용
  const controlField = config?.controlField || propControlField || "condition";
@@ -86,24 +79,8 @@ export function ConditionalContainerComponent({
  const containerRef = useRef<HTMLDivElement>(null);
  const previousHeightRef = useRef<number>(0);

-  // 🔍 디버그: props 확인
-  useEffect(() => {
-    console.log("🔍 ConditionalContainer props:", {
-      isDesignMode,
-      hasOnHeightChange: !!onHeightChange,
-      componentId,
-      selectedValue,
-    });
-  }, [isDesignMode, onHeightChange, componentId, selectedValue]);
-
  // 높이 변화 감지 및 콜백 호출
  useEffect(() => {
-    console.log("🔍 ResizeObserver 등록 조건:", {
-      hasContainer: !!containerRef.current,
-      isDesignMode,
-      hasOnHeightChange: !!onHeightChange,
-    });
-    
    if (!containerRef.current || isDesignMode || !onHeightChange) return;

    const resizeObserver = new ResizeObserver((entries) => {
--- a/frontend/lib/registry/components/modal-repeater-table/ModalRepeaterTableComponent.tsx
+++ b/frontend/lib/registry/components/modal-repeater-table/ModalRepeaterTableComponent.tsx
@@ -195,17 +195,57 @@ export function ModalRepeaterTableComponent({
  const columnName = component?.columnName;
  const value = (columnName && formData?.[columnName]) || componentConfig?.value || propValue || [];
  
-  // ✅ onChange 래퍼 (기존 onChange 콜백 + onFormDataChange 호출)
+  // ✅ onChange 래퍼 (기존 onChange 콜백 + onFormDataChange 호출 + 납기일 일괄 적용)
  const handleChange = (newData: any[]) => {
+    console.log("🔄 ModalRepeaterTableComponent.handleChange 호출:", {
+      dataLength: newData.length,
+      columnName,
+      hasExternalOnChange: !!(componentConfig?.onChange || propOnChange),
+      hasOnFormDataChange: !!(onFormDataChange && columnName),
+    });
+    
+    // 🆕 납기일 일괄 적용 로직 (납기일 필드가 있는 경우만)
+    let processedData = newData;
+    
+    // 납기일 필드 찾기 (item_due_date, delivery_date, due_date 등)
+    const dateField = columns.find(
+      (col) => 
+        col.field === "item_due_date" || 
+        col.field === "delivery_date" || 
+        col.field === "due_date"
+    );
+    
+    if (dateField && !isDeliveryDateApplied && newData.length > 0) {
+      // 현재 상태: 납기일이 있는 행과 없는 행 개수 체크
+      const itemsWithDate = newData.filter((item) => item[dateField.field]);
+      const itemsWithoutDate = newData.filter((item) => !item[dateField.field]);
+      
+      // 정확히 1개만 날짜가 있고, 나머지는 모두 비어있을 때 일괄 적용
+      if (itemsWithDate.length === 1 && itemsWithoutDate.length > 0) {
+        const selectedDate = itemsWithDate[0][dateField.field];
+        processedData = newData.map((item) => ({
+          ...item,
+          [dateField.field]: selectedDate, // 모든 행에 동일한 납기일 적용
+        }));
+        
+        setIsDeliveryDateApplied(true); // 플래그 활성화
+        
+        console.log("✅ 납기일 일괄 적용 완료:", selectedDate);
+        console.log(`  - 대상: ${itemsWithoutDate.length}개 행에 ${selectedDate} 적용`);
+      }
+    }
+    
    // 기존 onChange 콜백 호출 (호환성)
    const externalOnChange = componentConfig?.onChange || propOnChange;
    if (externalOnChange) {
-      externalOnChange(newData);
+      console.log("📤 외부 onChange 호출");
+      externalOnChange(processedData);
    }
    
    // 🆕 onFormDataChange 호출하여 EditModal의 groupData 업데이트
    if (onFormDataChange && columnName) {
-      onFormDataChange(columnName, newData);
+      console.log("📤 onFormDataChange 호출:", columnName);
+      onFormDataChange(columnName, processedData);
    }
  };
  
@@ -219,18 +259,19 @@ export function ModalRepeaterTableComponent({
  const companyCode = componentConfig?.companyCode || propCompanyCode;
  const [modalOpen, setModalOpen] = useState(false);

+  // 🆕 납기일 일괄 적용 플래그 (딱 한 번만 실행)
+  const [isDeliveryDateApplied, setIsDeliveryDateApplied] = useState(false);
+
  // columns가 비어있으면 sourceColumns로부터 자동 생성
  const columns = React.useMemo((): RepeaterColumnConfig[] => {
    const configuredColumns = componentConfig?.columns || propColumns || [];
    
    if (configuredColumns.length > 0) {
-      console.log("✅ 설정된 columns 사용:", configuredColumns);
      return configuredColumns;
    }

    // columns가 비어있으면 sourceColumns로부터 자동 생성
    if (sourceColumns.length > 0) {
-      console.log("🔄 sourceColumns로부터 자동 생성:", sourceColumns);
      const autoColumns: RepeaterColumnConfig[] = sourceColumns.map((field) => ({
        field: field,
        label: field, // 필드명을 라벨로 사용 (나중에 설정에서 변경 가능)
@@ -238,99 +279,72 @@ export function ModalRepeaterTableComponent({
        type: "text" as const,
        width: "150px",
      }));
-      console.log("📋 자동 생성된 columns:", autoColumns);
      return autoColumns;
    }

-    console.warn("⚠️ columns와 sourceColumns 모두 비어있음!");
+    console.warn("⚠️ [ModalRepeaterTable] columns와 sourceColumns 모두 비어있음!");
    return [];
  }, [componentConfig?.columns, propColumns, sourceColumns]);

-  // 초기 props 로깅
+  // 초기 props 검증
  useEffect(() => {
    if (rawSourceColumns.length !== sourceColumns.length) {
-      console.warn(`⚠️ sourceColumns 필터링: ${rawSourceColumns.length}개 → ${sourceColumns.length}개 (빈 문자열 제거)`);
+      console.warn(`⚠️ [ModalRepeaterTable] sourceColumns 필터링: ${rawSourceColumns.length}개 → ${sourceColumns.length}개`);
    }
    
    if (rawUniqueField !== uniqueField) {
-      console.warn(`⚠️ uniqueField 자동 보정: "${rawUniqueField}" → "${uniqueField}"`);
+      console.warn(`⚠️ [ModalRepeaterTable] uniqueField 자동 보정: "${rawUniqueField}" → "${uniqueField}"`);
    }
    
-    console.log("🎬 ModalRepeaterTableComponent 마운트:", {
-      columnsLength: columns.length,
-      sourceTable,
-      sourceColumns,
-      uniqueField,
-    });
-    
    if (columns.length === 0) {
-      console.error("❌ columns가 비어있습니다! sourceColumns:", sourceColumns);
-    } else {
-      console.log("✅ columns 설정 완료:", columns.map(c => c.label || c.field).join(", "));
+      console.error("❌ [ModalRepeaterTable] columns가 비어있습니다!", { sourceColumns });
    }
  }, []);

-  // value 변경 감지
-  useEffect(() => {
-    console.log("📦 ModalRepeaterTableComponent value 변경:", {
-      valueLength: value.length,
-    });
-  }, [value]);
-
  // 🆕 저장 요청 시에만 데이터 전달 (beforeFormSave 이벤트 리스너)
  useEffect(() => {
    const handleSaveRequest = async (event: Event) => {
      const componentKey = columnName || component?.id || "modal_repeater_data";
      
-      console.log("🔔 [ModalRepeaterTable] beforeFormSave 이벤트 수신!", {
-        componentKey,
-        itemsCount: value.length,
-        hasOnFormDataChange: !!onFormDataChange,
-        columnName,
-        componentId: component?.id,
-        targetTable,
-      });
-      
      if (value.length === 0) {
        console.warn("⚠️ [ModalRepeaterTable] 저장할 데이터 없음");
        return;
      }
      
-      // 🔥 sourceColumns에 포함된 컬럼 제외 (조인된 컬럼 제거)
-      console.log("🔍 [ModalRepeaterTable] 필터링 전 데이터:", {
-        sourceColumns,
-        sourceTable,
-        targetTable,
-        sampleItem: value[0],
-        itemKeys: value[0] ? Object.keys(value[0]) : [],
-      });
+      // sourceColumns에 포함된 컬럼 제외 (조인된 컬럼 제거)
+      // 단, columnMappings에 정의된 컬럼은 저장해야 하므로 제외하지 않음
+      const mappedFields = columns
+        .filter(col => col.mapping?.type === "source" && col.mapping?.sourceField)
+        .map(col => col.field);
      
      const filteredData = value.map((item: any) => {
        const filtered: Record<string, any> = {};
        
        Object.keys(item).forEach((key) => {
-          // sourceColumns에 포함된 컬럼은 제외 (item_info 테이블의 컬럼)
-          if (sourceColumns.includes(key)) {
-            console.log(`  ⛔ ${key} 제외 (sourceColumn)`);
-            return;
-          }
-          // 메타데이터 필드도 제외
+          // 메타데이터 필드 제외
          if (key.startsWith("_")) {
-            console.log(`  ⛔ ${key} 제외 (메타데이터)`);
            return;
          }
+          
+          // sourceColumns에 포함되어 있지만 columnMappings에도 정의된 경우 → 저장함
+          if (mappedFields.includes(key)) {
+            filtered[key] = item[key];
+            return;
+          }
+          
+          // sourceColumns에만 있고 매핑 안 된 경우 → 제외 (조인 전용)
+          if (sourceColumns.includes(key)) {
+            return;
+          }
+          
+          // 나머지는 모두 저장
          filtered[key] = item[key];
        });
        
        return filtered;
      });
      
-      console.log("✅ [ModalRepeaterTable] 필터링 후 데이터:", {
-        filteredItemKeys: filteredData[0] ? Object.keys(filteredData[0]) : [],
-        sampleFilteredItem: filteredData[0],
-      });
-      
-      // 🔥 targetTable 메타데이터를 배열 항목에 추가
+      // targetTable 메타데이터를 배열 항목에 추가
      const dataWithTargetTable = targetTable 
        ? filteredData.map((item: any) => ({
            ...item,
@@ -338,21 +352,19 @@ export function ModalRepeaterTableComponent({
          }))
        : filteredData;
      
-      // ✅ CustomEvent의 detail에 데이터 추가
+      // CustomEvent의 detail에 데이터 추가
      if (event instanceof CustomEvent && event.detail) {
        event.detail.formData[componentKey] = dataWithTargetTable;
-        console.log("✅ [ModalRepeaterTable] context.formData에 데이터 추가 완료:", {
+        console.log("✅ [ModalRepeaterTable] 저장 데이터 준비:", {
          key: componentKey,
          itemCount: dataWithTargetTable.length,
-          targetTable: targetTable || "미설정 (화면 설계에서 설정 필요)",
-          sampleItem: dataWithTargetTable[0],
+          targetTable: targetTable || "미설정",
        });
      }
      
      // 기존 onFormDataChange도 호출 (호환성)
      if (onFormDataChange) {
        onFormDataChange(componentKey, dataWithTargetTable);
-        console.log("✅ [ModalRepeaterTable] onFormDataChange 호출 완료");
      }
    };
    
--- a/frontend/lib/registry/components/table-list/TableListComponent.tsx
+++ b/frontend/lib/registry/components/table-list/TableListComponent.tsx
@@ -2404,18 +2404,9 @@ export const TableListComponent: React.FC<TableListComponentProps> = ({
                      </div>
                    </td>
                  </tr>
-                ) : (() => {
-                  console.log("🔍 [TableList] 렌더링 조건 체크", {
-                    groupByColumns: groupByColumns.length,
-                    groupedDataLength: groupedData.length,
-                    willRenderGrouped: groupByColumns.length > 0 && groupedData.length > 0,
-                    dataLength: data.length,
-                  });
-                  return groupByColumns.length > 0 && groupedData.length > 0;
-                })() ? (
+                ) : groupByColumns.length > 0 && groupedData.length > 0 ? (
                  // 그룹화된 렌더링
                  groupedData.map((group) => {
-                    console.log("📊 [TableList] 그룹 렌더링:", group.groupKey, group.count);
                    const isCollapsed = collapsedGroups.has(group.groupKey);
                    return (
                      <React.Fragment key={group.groupKey}>
@@ -2508,10 +2499,7 @@ export const TableListComponent: React.FC<TableListComponentProps> = ({
                  })
                ) : (
                  // 일반 렌더링 (그룹 없음)
-                  (() => {
-                    console.log("📋 [TableList] 일반 렌더링 시작:", data.length, "개 행");
-                    return data;
-                  })().map((row, index) => (
+                  data.map((row, index) => (
                    <tr
                      key={index}
                      className={cn(