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

frontend/components/screen/InteractiveScreenViewerDynamic.tsx

@@ -81,6 +81,21 @@ export const InteractiveScreenViewerDynamic: React.FC<InteractiveScreenViewerPro
   // formData 결정 (외부에서 전달받은 것이 있으면 우선 사용)
   const formData = externalFormData || localFormData;
 
+  // formData 업데이트 함수
+  const updateFormData = useCallback(
+    (fieldName: string, value: any) => {
+      if (onFormDataChange) {
+        onFormDataChange(fieldName, value);
+      } else {
+        setLocalFormData((prev) => ({
+          ...prev,
+          [fieldName]: value,
+        }));
+      }
+    },
+    [onFormDataChange],
+  );
+
   // 자동값 생성 함수
   const generateAutoValue = useCallback(
     (autoValueType: string): string => {
@@ -105,6 +120,50 @@ export const InteractiveScreenViewerDynamic: React.FC<InteractiveScreenViewerPro
     [userName],
   );
 
+  // 🆕 autoFill 자동 입력 초기화
+  React.useEffect(() => {
+    const initAutoInputFields = async () => {
+      for (const comp of allComponents) {
+        // type: "component" 또는 type: "widget" 모두 처리
+        if (comp.type === 'widget' || comp.type === 'component') {
+          const widget = comp as any;
+          const fieldName = widget.columnName || widget.id;
+          
+          // autoFill 처리 (테이블 조회 기반 자동 입력)
+          if (widget.autoFill?.enabled || (comp as any).autoFill?.enabled) {
+            const autoFillConfig = widget.autoFill || (comp as any).autoFill;
+            const currentValue = formData[fieldName];
+            
+            if (currentValue === undefined || currentValue === '') {
+              const { sourceTable, filterColumn, userField, displayColumn } = autoFillConfig;
+              
+              // 사용자 정보에서 필터 값 가져오기
+              const userValue = user?.[userField];
+              
+              if (userValue && sourceTable && filterColumn && displayColumn) {
+                try {
+                  const { tableTypeApi } = await import("@/lib/api/screen");
+                  const result = await tableTypeApi.getTableRecord(
+                    sourceTable,
+                    filterColumn,
+                    userValue,
+                    displayColumn
+                  );
+                  
+                  updateFormData(fieldName, result.value);
+                } catch (error) {
+                  console.error(`autoFill 조회 실패: ${fieldName}`, error);
+                }
+              }
+            }
+          }
+        }
+      }
+    };
+
+    initAutoInputFields();
+  }, [allComponents, user]);
+
   // 팝업 화면 레이아웃 로드
   React.useEffect(() => {
     if (popupScreen?.screenId) {
@@ -142,15 +201,11 @@ export const InteractiveScreenViewerDynamic: React.FC<InteractiveScreenViewerPro
   };
 
   // 폼 데이터 변경 핸들러
-  const handleFormDataChange = (fieldName: string, value: any) => {
-    // console.log(`🎯 InteractiveScreenViewerDynamic handleFormDataChange 호출: ${fieldName} = "${value}"`);
-    // console.log(`📋 onFormDataChange 존재 여부:`, !!onFormDataChange);
-
+  const handleFormDataChange = (fieldName: string | any, value?: any) => {
+    // 일반 필드 변경
     if (onFormDataChange) {
-      // console.log(`📤 InteractiveScreenViewerDynamic -> onFormDataChange 호출: ${fieldName} = "${value}"`);
       onFormDataChange(fieldName, value);
     } else {
-      // console.log(`💾 InteractiveScreenViewerDynamic 로컬 상태 업데이트: ${fieldName} = "${value}"`);
       setLocalFormData((prev) => ({ ...prev, [fieldName]: value }));
     }
   };
@@ -190,6 +245,9 @@ export const InteractiveScreenViewerDynamic: React.FC<InteractiveScreenViewerPro
           onFormDataChange={handleFormDataChange}
           screenId={screenInfo?.id}
           tableName={screenInfo?.tableName}
+          userId={user?.userId} // ✅ 사용자 ID 전달
+          userName={user?.userName} // ✅ 사용자 이름 전달
+          companyCode={user?.companyCode} // ✅ 회사 코드 전달
           selectedRowsData={selectedRowsData}
           onSelectedRowsChange={(selectedRows, selectedData) => {
             console.log("🔍 테이블에서 선택된 행 데이터:", selectedData);