Merge pull request 'dev' (#799) from dev into prd-deploy

Reviewed-on: #799

src/components/estimate/popup/EstimateCopyPop.jsx

@@ -2,6 +2,8 @@
 import { useEffect, useState, useContext, useRef } from 'react'
 import { useMessage } from '@/hooks/useMessage'
 import { useAxios } from '@/hooks/useAxios'
+import { useRecoilValue } from 'recoil'
+import { globalLocaleStore } from '@/store/localeAtom'
 import Select from 'react-select'
 import { SessionContext } from '@/app/SessionProvider'
 import { isEmptyArray, isObjectNotEmpty } from '@/util/common-utils'
@@ -10,24 +12,35 @@ import { useEstimateController } from '@/hooks/floorPlan/estimate/useEstimateCon
 export default function EstimateCopyPop({ planNo, setEstimateCopyPopupOpen }) {
   const { getMessage } = useMessage()
   const { get } = useAxios()
-
+  const globalLocale = useRecoilValue(globalLocaleStore)
   const { handleEstimateCopy, estimateContextState } = useEstimateController(planNo, true)
 
   const { session } = useContext(SessionContext)
 
+  // storeLvl 기반 동적 라벨
+  const lvl = session?.storeLvl || '1'
+  const nextLvl = Number(lvl) + 1
+  const saleStoreLabel = globalLocale === 'ko'
+    ? `${lvl}차 판매점명 / ID`
+    : `${lvl}次販売店名/ID`
+  const otherSaleStoreLabel = globalLocale === 'ko'
+    ? `${nextLvl}차+하위 판매점명 / ID`
+    : `${nextLvl}次下位販売店名/ID`
+
   const [saleStoreList, setSaleStoreList] = useState([]) // 판매점 리스트
   const [favoriteStoreList, setFavoriteStoreList] = useState([]) //즐겨찾기한 판매점목록
   const [showSaleStoreList, setShowSaleStoreList] = useState([]) //보여줄 판매점목록
   const [otherSaleStoreList, setOtherSaleStoreList] = useState([])
   const [originOtherSaleStoreList, setOriginOtherSaleStoreList] = useState([])
 
-  const [saleStoreId, setSaleStoreId] = useState('') //선택한 1차점
-  const [otherSaleStoreId, setOtherSaleStoreId] = useState('') //선택한 1차점 이외
+  const [saleStoreId, setSaleStoreId] = useState('') //선택한 상위점
+  const [saleStoreName, setSaleStoreName] = useState('') //선택한 상위점명
+  const [otherSaleStoreId, setOtherSaleStoreId] = useState('') //선택한 하위점
 
   const [sendPlanNo, setSendPlanNo] = useState('1')
   const [copyReceiveUser, setCopyReceiveUser] = useState('')
 
-  const ref = useRef() //2차점 자동완성 초기화용
+  const ref = useRef() //하위점 자동완성 초기화용
 
   useEffect(() => {
     let url
@@ -40,8 +53,9 @@ export default function EstimateCopyPop({ planNo, setEstimateCopyPopupOpen }) {
       if (session.storeLvl === '1') {
         url = `/api/object/saleStore/${session?.storeId}/list?firstFlg=1&userId=${session?.userId}`
       } else {
-        //T01 or 1차점만 복사버튼 노출됨으로
-        // url = `/api/object/saleStore/${session?.storeId}/list?firstFlg=1&userId=${session?.userId}`
+        // 2차+ 판매점: 자기 자신이 상위점, 하위점 목록 조회
+        setSaleStoreId(session?.storeId)
+        url = `/api/object/saleStore/${session?.storeId}/childList?storeLvl=${session?.storeLvl}&userId=${session?.userId}`
       }
     }
 
@@ -91,7 +105,14 @@ export default function EstimateCopyPop({ planNo, setEstimateCopyPopupOpen }) {
 
             setOtherSaleStoreList(otherList)
           } else {
-            //T01 or 1차점만 복사버튼 노출됨으로
+            // 2차+ 판매점: 자기 자신은 상위점명으로, 나머지는 하위점 선택 목록으로 설정
+            const myself = res.find((row) => row.saleStoreId === session?.storeId)
+            if (myself) {
+              setSaleStoreName(myself.saleStoreName)
+            }
+            otherList = res.filter((row) => row.saleStoreId !== session?.storeId)
+            setOtherSaleStoreList(otherList)
+            setOriginOtherSaleStoreList(otherList)
           }
         }
       }
@@ -119,7 +140,7 @@ export default function EstimateCopyPop({ planNo, setEstimateCopyPopupOpen }) {
     }
   }
 
-  // 1차점 변경 이벤트
+  // 상위점 변경 이벤트
   const onSelectionChange = (key) => {
     if (isObjectNotEmpty(key)) {
       if (key.saleStoreId === saleStoreId) {
@@ -154,7 +175,7 @@ export default function EstimateCopyPop({ planNo, setEstimateCopyPopupOpen }) {
     }
   }
 
-  // 2차점 변경 이벤트
+  // 하위점 변경 이벤트
   const onSelectionChange2 = (key) => {
     if (isObjectNotEmpty(key)) {
       if (key.saleStoreId === otherSaleStoreId) {
@@ -169,7 +190,7 @@ export default function EstimateCopyPop({ planNo, setEstimateCopyPopupOpen }) {
     }
   }
 
-  //2차점 자동완성 초기화
+  //하위점 자동완성 초기화
   const handleClear = () => {
     if (ref.current) {
       ref.current.clearValue()
@@ -198,7 +219,7 @@ export default function EstimateCopyPop({ planNo, setEstimateCopyPopupOpen }) {
               <div className="estimate-copy-info-wrap">
                 <div className="estimate-copy-info-item">
                   <div className="estimate-copy-info-tit">
-                    {getMessage('estimate.detail.estimateCopyPopup.label.saleStoreId')} <span className="red">*</span>
+                    {saleStoreLabel} <span className="red">*</span>
                   </div>
                   {session.storeId === 'T01' && (
                     <div className="estimate-copy-info-box">
@@ -247,9 +268,17 @@ export default function EstimateCopyPop({ planNo, setEstimateCopyPopupOpen }) {
                       <div className="estimate-copy-id">{saleStoreId}</div>
                     </div>
                   )}
+                  {session.storeId !== 'T01' && session.storeLvl !== '1' && (
+                    <div className="estimate-copy-info-box">
+                      <div className="estimate-copy-sel">
+                        <input type="text" className="input-light" value={saleStoreName || ''} disabled />
+                      </div>
+                      <div className="estimate-copy-id">{saleStoreId}</div>
+                    </div>
+                  )}
                 </div>
                 <div className="estimate-copy-info-item">
-                  <div className="estimate-copy-info-tit">{getMessage('estimate.detail.estimateCopyPopup.label.otherSaleStoreId')}</div>
+                  <div className="estimate-copy-info-tit">{otherSaleStoreLabel}</div>
                   <div className="estimate-copy-info-box">
                     <div className="estimate-copy-sel">
                       <Select

src/components/floor-plan/CanvasMenu.jsx

@@ -455,6 +455,7 @@ export default function CanvasMenu(props) {
       if (createUser && tempFlg && lockFlg) {
         if (createUser === 'T01' && sessionState.storeId !== 'T01') {
           setAllButtonStyles('none')
+          setCopyButtonStyle('')
         } else {
           handleButtonStyles(tempFlg, lockFlg, docNo)
         }
@@ -516,6 +517,7 @@ export default function CanvasMenu(props) {
               if (createUser && tempFlg && lockFlg) {
                 if (createUser === 'T01' && sessionState.storeId !== 'T01') {
                   setAllButtonStyles('none')
+                  setCopyButtonStyle('')
                 } else {
                   setEstimateContextState({
                     tempFlg: estimateRecoilState.tempFlg,
@@ -693,7 +695,7 @@ export default function CanvasMenu(props) {
                   <span className="name">{getMessage('plan.menu.estimate.reset')}</span>
                 </button>
 
-                {estimateRecoilState?.docNo !== null && (sessionState.storeId === 'T01' || sessionState.storeLvl === '1') && (
+                {estimateRecoilState?.docNo !== null && (sessionState.storeId === 'T01' || sessionState.storeLvl) && (
                   <button
                     type="button"
                     style={{ display: copyButtonStyle }}