견적서 아이템 자동완성

src/components/estimate/Estimate.jsx

@@ -34,6 +34,9 @@ export default function Estimate({ params }) {
   //견적특이사항 접고 펼치기
   const [hidden, setHidden] = useState(false)
 
+  //아이템 자동완성 리스트
+  const [displayItemList, setDisplayItemList] = useState([])
+
   //공통코드
   const { findCommonCode } = useCommonCode()
   const [honorificCodeList, setHonorificCodeList] = useState([]) //경칭 공통코드
@@ -81,6 +84,17 @@ export default function Estimate({ params }) {
     if (code1 != null) {
       setHonorificCodeList(code1)
     }
+
+    //아이템 자동완성 목록 가져오기
+    const param = {
+      saleStoreId: session.storeId,
+    }
+    const apiUrl = `/api/display-item/item-list?${queryStringFormatter(param)}`
+    get({ url: apiUrl }).then((res) => {
+      if (res.length > 0) {
+        setDisplayItemList(res)
+      }
+    })
   }, [])
 
   useEffect(() => {
@@ -775,19 +789,19 @@ export default function Estimate({ params }) {
                             <div className="form-flex-wrap">
                               <div className="select-wrap mr5">
                                 <Select
-                                  id=""
-                                  instanceId=""
+                                  id="long-value-select1"
+                                  instanceId="long-value-select1"
                                   className="react-select-custom"
                                   classNamePrefix="custom"
                                   placeholder="Select"
-                                  options={[]}
-                                  // getOptionLabel={(x) => x.saleStoreName}
-                                  // getOptionValue={(x) => x.saleStoreId}
+                                  options={displayItemList}
+                                  getOptionLabel={(x) => x.itemName}
+                                  getOptionValue={(x) => x.itemId}
                                   isClearable={true}
                                   isDisabled={false}
-                                  // value={saleStoreList.filter(function (option) {
-                                  //   return option.saleStoreId === selOptions
-                                  // })}
+                                  value={displayItemList.filter(function (option) {
+                                    return option.itemId === item.itemId
+                                  })}
                                 />
                               </div>
                               {item?.itemChangeFlg === '1' && (