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

frontend/components/screen/InteractiveScreenViewer.tsx

@@ -36,7 +36,7 @@ import { InteractiveDataTable } from "./InteractiveDataTable";
 import { FileUpload } from "./widgets/FileUpload";
 import { dynamicFormApi, DynamicFormData } from "@/lib/api/dynamicForm";
 import { useParams } from "next/navigation";
-import { screenApi } from "@/lib/api/screen";
+import { screenApi, tableTypeApi } from "@/lib/api/screen";
 import { DynamicWebTypeRenderer } from "@/lib/registry/DynamicWebTypeRenderer";
 import { enhancedFormService } from "@/lib/services/enhancedFormService";
 import { FormValidationIndicator } from "@/components/common/FormValidationIndicator";
@@ -237,14 +237,46 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
   // 자동입력 필드들의 값을 formData에 초기 설정
   React.useEffect(() => {
     // console.log("🚀 자동입력 초기화 useEffect 실행 - allComponents 개수:", allComponents.length);
-    const initAutoInputFields = () => {
+    const initAutoInputFields = async () => {
       // console.log("🔧 initAutoInputFields 실행 시작");
-      allComponents.forEach(comp => {
-        if (comp.type === 'widget') {
+      for (const comp of allComponents) {
+        // 🆕 type: "component" 또는 type: "widget" 모두 처리
+        if (comp.type === 'widget' || comp.type === 'component') {
           const widget = comp as WidgetComponent;
           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 result = await tableTypeApi.getTableRecord(
+                    sourceTable,
+                    filterColumn,
+                    userValue,
+                    displayColumn
+                  );
+                  
+                  updateFormData(fieldName, result.value);
+                } catch (error) {
+                  console.error(`autoFill 조회 실패: ${fieldName}`, error);
+                }
+              }
+            }
+            continue; // autoFill이 활성화되면 일반 자동입력은 건너뜀
+          }
+          
+          // 기존 widget 타입 전용 로직은 widget인 경우만
+          if (comp.type !== 'widget') continue;
+          
+          // 텍스트 타입 위젯의 자동입력 처리 (기존 로직)
           if ((widget.widgetType === 'text' || widget.widgetType === 'email' || widget.widgetType === 'tel') && 
               widget.webTypeConfig) {
             const config = widget.webTypeConfig as TextTypeConfig;
@@ -278,12 +310,12 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
             }
           }
         }
-      });
+      }
     };
 
     // 초기 로드 시 자동입력 필드들 설정
     initAutoInputFields();
-  }, [allComponents, generateAutoValue]); // formData는 의존성에서 제외 (무한 루프 방지)
+  }, [allComponents, generateAutoValue, user]); // formData는 의존성에서 제외 (무한 루프 방지)
 
   // 날짜 값 업데이트
   const updateDateValue = (fieldName: string, date: Date | undefined) => {
@@ -1221,6 +1253,12 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
         const handleSaveAction = async () => {
           // console.log("💾 저장 시작");
 
+          // ✅ 사용자 정보가 로드되지 않았으면 저장 불가
+          if (!user?.userId) {
+            alert("사용자 정보를 불러오는 중입니다. 잠시 후 다시 시도해주세요.");
+            return;
+          }
+
           // 개선된 검증 시스템이 활성화된 경우
           if (enhancedValidation) {
             // console.log("🔍 개선된 검증 시스템 사용");
@@ -1357,19 +1395,26 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
                              allComponents.find(c => c.columnName)?.tableName ||
                              "dynamic_form_data"; // 기본값
 
-            // 🆕 자동으로 작성자 정보 추가
-            const writerValue = user?.userId || userName || "unknown";
+            // 🆕 자동으로 작성자 정보 추가 (user.userId가 확실히 있음)
+            const writerValue = user.userId;
+            const companyCodeValue = user.companyCode || "";
+            
             console.log("👤 현재 사용자 정보:", {
-              userId: user?.userId,
+              userId: user.userId,
               userName: userName,
-              writerValue: writerValue,
+              companyCode: user.companyCode, // ✅ 회사 코드
+              formDataWriter: mappedData.writer, // ✅ 폼에서 입력한 writer 값
+              formDataCompanyCode: mappedData.company_code, // ✅ 폼에서 입력한 company_code 값
+              defaultWriterValue: writerValue,
+              companyCodeValue, // ✅ 최종 회사 코드 값
             });
 
             const dataWithUserInfo = {
               ...mappedData,
-              writer: writerValue, // 테이블 생성 시 자동 생성되는 컬럼
-              created_by: writerValue,
-              updated_by: writerValue,
+              writer: mappedData.writer || writerValue, // ✅ 입력값 우선, 없으면 userId
+              created_by: writerValue, // created_by는 항상 로그인한 사람
+              updated_by: writerValue, // updated_by는 항상 로그인한 사람
+              company_code: mappedData.company_code || companyCodeValue, // ✅ 입력값 우선, 없으면 user.companyCode
             };
 
             const saveData: DynamicFormData = {