dm_new menu

2026-02-18 22:11:12 +09:00
parent f621f4dfa1
commit 7a91fcbd80
74 changed files with 9010 additions and 13 deletions
@@ -0,0 +1,103 @@
+import { useDmStore } from '@/app/store';
+import type { DemandCompType } from '@common/business_components/ui/sdmInsertForm/form';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+
+type thisProps = {
+  label: string | undefined;
+  initValue: string | undefined;
+  setValue : (dmdCoNm?: string) => void;
+  setRtnData : (rtnData: DemandCompType[]) => void;
+}
+
+export default function SearchInputText({label=undefined, initValue=undefined, setValue=()=>{}, setRtnData=()=>{}} :thisProps) {
+  
+  const { getDemandCompList, Sdm } = useDmStore((state) => state);
+
+  const { 
+    demandCompList 
+  } = Sdm;
+  
+  const [isOpen, setIsOpen] = useState(false);
+  const [textValue, setTextValue] = useState(initValue || '');
+  const wrapperRef = useRef<HTMLDivElement>(null);
+  const handleInputChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
+    const value = e.target.value;
+    setTextValue(value);
+    setValue(value);
+    if (value) {
+      setIsOpen(true);
+      getDemandCompList(value, 20);
+    } else {
+      setIsOpen(false);
+    }
+  }, [getDemandCompList, setValue]);
+
+  const handleSuggestionClick = useCallback((dmdCoNm: string) => {
+    setTextValue(dmdCoNm);
+    setValue(dmdCoNm);
+    setIsOpen(false);
+    setRtnData(demandCompList);
+  }, [demandCompList, setRtnData, setValue]);
+
+  useEffect(() => {
+    const handleClickOutside = (event: MouseEvent) => {
+      if (wrapperRef.current && !wrapperRef.current.contains(event.target as Node)) {
+        setIsOpen(false);
+      }
+    };
+
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, []);
+
+  return (
+    <div ref={wrapperRef}>
+      <input
+        type="text"
+        value={textValue}
+        onChange={handleInputChange}
+        /* onFocus={() => setIsOpen(true)} */
+        className="w-full h-[3.2rem] !text-xl pl-3 text-gray-600 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+        placeholder={`${label}을(를) 입력하세요`}
+      />
+      {isOpen && (
+        <div className=" z-1 w-full mt-2 bg-white border border-gray-300 rounded-md shadow-lg h-90 overflow-auto">
+          <div className="max-h-72">
+            {demandCompList && demandCompList.length > 0 ? demandCompList.map((item : DemandCompType, index : number) => (
+              <div
+                key={index}
+                className="!text-xl w-full text-left px-5 py-3 hover:bg-gray-100 cursor-pointer overflow-auto"
+                onClick={() => handleSuggestionClick(item.dmdCoNm)}
+                role="button"
+                tabIndex={0}
+                onKeyDown={(e) => {
+                  if (e.key === 'Enter' || e.key === ' ') {
+                    handleSuggestionClick(item.dmdCoNm);
+                  }
+                }}
+              >
+                {item.dmdInfoId.substring(10,14) !== '0000' ? (
+                  <>
+                    <span className="text-gray-500">사업자번호 : </span> {item.dmdInfoId.substring(0,10)}&nbsp;
+                    <span className="text-gray-500">종사업자번호 : </span> {item.dmdInfoId.substring(10,14)}&nbsp;
+                  </>
+                ) : (
+                  <>
+                    <span className="text-gray-500">사업자번호 : </span> {item.dmdInfoId.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">
+                검색 결과가 없습니다.
+              </div>
+            )}
+          </div>
+        </div>
+      )}
+    </div>
+  )
+}
@@ -0,0 +1,54 @@
+export const sanitizeInput = (val: string, allowDecimal = false) => {
+  if (val === "") return ""; // 빈 값 허용
+
+  // 소숫점 허용
+  if (allowDecimal) {
+    // 숫자와 점만 허용
+    let cleaned = val.replace(/[^0-9.]/g, "");
+    // 소숫점 여러 개일 경우 첫 번째만 유지
+    const parts = cleaned.split(".");
+    if (parts.length > 2) {
+      cleaned = parts[0] + "." + parts.slice(1).join("");
+    }
+    return cleaned;
+  }
+
+  // 정수만 허용
+  return val.replace(/[^0-9]/g, "");
+};
+
+
+
+// utils: format Date <-> "YYYY-MM-DD" without moment
+export const  formatDateToYMD=(value: Date): string => {
+  if (!value) return "";
+  // value can be Date | string ("YYYY-MM-DD")
+  if (typeof value === "string") {
+    // assume already in yyyy-mm-dd
+    if (/^\d{4}-\d{2}-\d{2}$/.test(value)) return value;
+    const d = new Date(value);
+    if (isNaN(d.getTime())) return "";
+    return toYMD(d);
+  }
+  if (value instanceof Date) {
+    if (isNaN(value.getTime())) return "";
+    return toYMD(value);
+  }
+  return "";
+}
+
+const  toYMD=(date: Date): string => {
+  // avoid timezone shift by normalizing to local date parts
+  const y = date.getFullYear();
+  const m = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  return `${y}-${m}-${day}`;
+}
+
+// const  parseYMDToDate=(ymd: string): Date | null => {
+//   if (!/^\d{4}-\d{2}-\d{2}$/.test(ymd)) return null;
+//   const [y, m, d] = ymd.split("-").map(Number);
+//   const date = new Date(y, (m - 1), d);
+//   // validate round-trip
+//   return (date.getFullYear() === y && date.getMonth() === m - 1 && date.getDate() === d) ? date : null;
+// }