-수요처 정보 입력폼 공통컴포넌트 작업진행중(패스워드만 남음)

packages/common/business_components/src/ui/sdmInsertForm/form.tsx

@@ -21,6 +21,7 @@ interface FormSchema {
   telno: string;
   bznmTotNo?: string;
   rgtr?: string;
+  dmdAplyPswd?: string;
 }
 
 interface SdmRegFormProps {
@@ -40,7 +41,8 @@ export function SdmRegForm({ form, onCheckboxChange, selectSidoData, selectSigun
   const [sigunValue, setSigunValue] = useState<string>('');
   const [filteredSigunData, setFilteredSigunData] = useState<SelectDataType[]>([{ text: "전체", val: '0' }]);
   const [isBznmTotNoDisabled, setIsBznmTotNoDisabled] = useState(true);
-  
+  const [orgBznmNo, setOrgBznmNo] = useState<string>('');
+
   const initializeSigunData = useCallback((sidoCd: string) => {
     if (sidoCd === '0') {
       setSigunValue('0');
@@ -92,6 +94,8 @@ export function SdmRegForm({ form, onCheckboxChange, selectSidoData, selectSigun
     form.setValue('dmdInfoPk', rtnCompData?.dmdInfoPk.substring(0,10) || '');
     form.setValue('bznmTotNo', rtnCompData?.dmdInfoPk.substring(10,14)==='0000' ? '' : rtnCompData?.dmdInfoPk.substring(10,14));
     
+    // 수요처 불러온 후 사업자번호를 바꿀경우를 대비함
+    setOrgBznmNo(rtnCompData?.dmdInfoPk);
     const sidoCd = rtnCompData?.ctpvCd.trim() || '';
     setSidoValue(sidoCd);
     form.setValue('ctpvCd', sidoCd);
@@ -120,6 +124,29 @@ export function SdmRegForm({ form, onCheckboxChange, selectSidoData, selectSigun
     form.setValue('dmdCoNm', text);
   }, [form]);
 
+  const bznNoChange = useCallback((e: React.ChangeEvent<HTMLInputElement>, noType: string) => {
+    const value = e.target.value;
+    console.log('form value : '+form.getValues('dmdInfoPk'));
+    console.log('org value : '+orgBznmNo);
+    
+    if(noType === 'dmdInfoPk') {
+      if(orgBznmNo.substring(0,10) === value) {
+        setIsDuplicate(true);
+      } else {
+        setIsDuplicate(false);
+      }
+      form.setValue('dmdInfoPk', value);
+    } else {
+      if(orgBznmNo.substring(10,14) === value) {
+        setIsDuplicate(true);
+      } else {
+        setIsDuplicate(false);
+      }
+      form.setValue('bznmTotNo', value);
+    }
+
+  }, [form, orgBznmNo, setIsDuplicate]);
+
   const formFields: Array<{
     name: keyof FormSchema;
     label: string;
@@ -177,6 +204,7 @@ export function SdmRegForm({ form, onCheckboxChange, selectSidoData, selectSigun
           type="text"
           className="!text-xl text-gray-600"
           {...field}
+          onChange={(e) => bznNoChange(e, 'dmdInfoPk')}
         />
       )
     },
@@ -195,6 +223,7 @@ export function SdmRegForm({ form, onCheckboxChange, selectSidoData, selectSigun
             className="!mt-5 !text-xl text-gray-600"
             disabled={isBznmTotNoDisabled}
             {...field}
+            onChange={(e) => bznNoChange(e, 'bznmTotNo')}
           />
         </FormUi>
       )
@@ -222,6 +251,18 @@ export function SdmRegForm({ form, onCheckboxChange, selectSidoData, selectSigun
           {...field}
         />
       )
+    },
+    {
+      name: "dmdAplyPswd",
+      label: "패스워드",
+      component: (field) => (
+        <Input 
+          placeholder="패스워드를 입력하세요" 
+          type="password"
+          className="!text-xl text-gray-600"
+          {...field}
+        />
+      )
     }
   ];
 

packages/common/business_components/src/ui/sdmInsertForm/index.tsx

@@ -30,11 +30,12 @@ const createFormSchema = (isBznmTotNoDisabled: boolean, isDuplicate: boolean) =>
   dmdInfoPk: z.string()
     .min(1, "사업자등록번호를 입력해주세요")
     .regex(/^\d{10}$/, "사업자등록번호는 10자리 숫자만 입력 가능합니다")
-    .refine(() => !isDuplicate, "이미 등록된 사업자등록번호입니다"),
+    .refine(() => isBznmTotNoDisabled ? !isDuplicate : true, "이미 등록된 사업자등록번호입니다"),
   bznmTotNo: isBznmTotNoDisabled 
     ? z.string().optional()
     : z.string()
-      .length(4, "종사업자등록번호는 4자리 숫자만 입력 가능합니다"),
+      .length(4, "종사업자등록번호는 4자리 숫자만 입력 가능합니다")
+      .refine(() => !isDuplicate, "이미 등록된 사업자등록번호입니다"),
   daddr: z.string()
     .min(1, "주소를 입력해주세요")
     .min(6, "주소는 6자 이상 입력해주세요")
@@ -44,6 +45,10 @@ const createFormSchema = (isBznmTotNoDisabled: boolean, isDuplicate: boolean) =>
     .max(12, "전화번호는 12자 이내로 입력해주세요")
     .regex(/^[0-9-]+$/, "전화번호는 숫자와 하이픈(-)만 입력 가능합니다"),
   rgtr: z.string().optional(),
+  dmdAplyPswd	: z.string()
+    .min(1, "패스워드를 입력해주세요")
+    .min(8, "패스워드는 8자 이상 입력해주세요")
+    .max(16, "패스워드는 16자 이내로 입력해주세요"),
 });
 
 type FormSchema = ReturnType<typeof createFormSchema>;
@@ -58,8 +63,19 @@ const defaultValues: FormData = {
   daddr: '',
   telno: '',
   rgtr: "3fa85f64-5717-4562-b3fc-2c963f66afa6",
+  dmdAplyPswd	: '',
 };
 
+/**
+ * 수요처 등록 폼
+ * @param selectSidoData 시/도 데이터
+ * @param selectSigunData 시/군/구 데이터
+ * @param dataList 수요처 목록
+ * @param rtnValue 검색 결과(텍스트) 콜백
+ * @param rtnInputData 수요처 리스트 콜백
+ * @returns 
+ */
+
 export default function SdmInsertForm({selectSidoData, selectSigunData, dataList, rtnValue, rtnInputData}: thisProps) {
   /* const { insertSdmData } = useDmStore((state) => state);
   const router = useRouter(); */

packages/common/business_components/src/ui/sdmInsertForm/sdmNameBox.tsx

@@ -80,7 +80,17 @@ export const SdmSearchForm = ({label=undefined, initValue=undefined, rtnValue=()
                   }
                 }}
               >
-                {item.dmdInfoPk.substring(0,10)}&nbsp;<span className="float-right">{item.dmdCoNm}</span>
+                {item.dmdInfoPk.substring(10,14) !== '0000' ? (
+                  <>
+                    <span className="text-gray-500">사업자번호 : </span> {item.dmdInfoPk.substring(0,10)}&nbsp;
+                    <span className="text-gray-500">종사업자번호 : </span> {item.dmdInfoPk.substring(10,14)}&nbsp;
+                  </>
+                ) : (
+                  <>
+                    <span className="text-gray-500">사업자번호 : </span> {item.dmdInfoPk.substring(0,10)}&nbsp;
+                  </>
+                )}
+                <span className="float-right">{item.dmdCoNm}</span>
               </div>
             )) : (
               <div className="!text-xl w-full px-5 py-3 hover:bg-gray-100 cursor-pointer overflow-auto">