From 167740f33d7ffa97f85095d361e7661f7f2ededd Mon Sep 17 00:00:00 2001
From: ysCha <yscha@interplug.co.kr>
Date: Tue, 1 Apr 2025 17:12:02 +0900
Subject: [PATCH] =?UTF-8?q?955-=EA=B2=AC=EC=A0=81=EC=84=9C=20=EC=83=81?=
 =?UTF-8?q?=ED=92=88=EA=B2=80=EC=83=89=ED=95=A0=EB=95=8C=20=EC=9D=B4?=
 =?UTF-8?q?=EB=AF=B8=EC=A7=80=EB=AA=85(=ED=98=95=EB=AA=85)=EB=8F=84=20?=
 =?UTF-8?q?=EA=B0=99=EC=9D=B4=20=ED=91=9C=EC=8B=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/estimate/Estimate.jsx | 24 +++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/components/estimate/Estimate.jsx b/src/components/estimate/Estimate.jsx
index 83ce0860..a544ced7 100644
--- a/src/components/estimate/Estimate.jsx
+++ b/src/components/estimate/Estimate.jsx
@@ -13,7 +13,7 @@ import dayjs from 'dayjs'
 import { useCommonCode } from '@/hooks/common/useCommonCode'
 import { useEstimateController } from '@/hooks/floorPlan/estimate/useEstimateController'
 import { SessionContext } from '@/app/SessionProvider'
-import Select from 'react-select'
+import Select, {components} from 'react-select'
 import { convertNumberToPriceDecimal, convertNumberToPriceDecimalToFixed } from '@/util/common-utils'
 import ProductFeaturesPop from './popup/ProductFeaturesPop'
 import { v4 as uuidv4 } from 'uuid'
@@ -1883,8 +1883,17 @@ export default function Estimate({}) {
                                         }
                                       }}
                                       menuPlacement={'auto'}
-                                      getOptionLabel={(x) => x.itemName}
+                                      getOptionLabel={(x) => x.itemName + " (" + x.itemNo + ")"}
                                       getOptionValue={(x) => x.itemNo}
+                                      components={{
+                                        SingleValue:({children, ...props}) =>{
+                                          return (
+                                            <components.SingleValue{...props}>
+                                              {props.data.itemName}
+                                            </components.SingleValue>
+                                          )
+                                        }
+                                      }}
                                       isClearable={false}
                                       isDisabled={!!item?.paDispOrder}
                                       value={displayItemList.filter(function (option) {
@@ -1904,8 +1913,17 @@ export default function Estimate({}) {
                                       placeholder="Select"
                                       options={cableItemList}
                                       menuPlacement={'auto'}
-                                      getOptionLabel={(x) => x.clRefChr3}
+                                      getOptionLabel={(x) => x.clRefChr3 + " (" + x.clRefChr1 + ")"}
                                       getOptionValue={(x) => x.clRefChr1}
+                                      components={{
+                                        SingleValue:({children, ...props}) =>{
+                                          return (
+                                            <components.SingleValue{...props}>
+                                              {props.data.clRefChr3}
+                                            </components.SingleValue>
+                                          )
+                                        }
+                                      }}
                                       isClearable={false}
                                       isDisabled={true}
                                       value={cableItemList.filter(function (option) {