diff --git a/src/components/floor-plan/modal/circuitTrestle/step/StepUp.jsx b/src/components/floor-plan/modal/circuitTrestle/step/StepUp.jsx
index 19a701dc..721e6dff 100644
--- a/src/components/floor-plan/modal/circuitTrestle/step/StepUp.jsx
+++ b/src/components/floor-plan/modal/circuitTrestle/step/StepUp.jsx
@@ -24,9 +24,16 @@ export default function StepUp(props) {
const [stepUpListData, setStepUpListData] = useState([])
const [optCodes, setOptCodes] = useState([])
+ useCanvasPopupStatusController(6)
+ const canvasPopupStatusState = useRecoilValue(canvasPopupStatusStore)
+ if (Object.keys(canvasPopupStatusState[6]).length !== 0) {
+ console.log('๐ ~ useEffect ~ canvasPopupStatusState :', canvasPopupStatusState)
+ }
+
useEffect(() => {
+ console.log('๐ ~ useEffect ~ >>>>>>>>>>>> props:', props)
+
if (!managementState) {
- console.log('๐ ~ useEffect ~ managementState:', managementState)
setManagementState(managementStateLoaded)
}
@@ -73,48 +80,86 @@ export default function StepUp(props) {
}
//getPcsVoltageStepUpList(null)
- getPcsVoltageStepUpList().then((res) => {
+ // PCS ์น์์ค์ ์ ๋ณด ์กฐํ
+ fetchStepUpData()
+ }, [])
+
+ const fetchStepUpData = async () => {
+ try {
+ const res = await getPcsVoltageStepUpList()
if (res?.result.code === 200 && res?.data) {
const dataArray = Array.isArray(res.data) ? res.data : [res.data]
- const stepUpListData = dataArray.map((stepUps) => ({
- ...stepUps,
- optionList: (stepUps.optionList || []).map((option) => ({
- pcsOptCd: option.pcsOptCd,
- pcsOptNm: option.pcsOptNm,
- pcsOptNmJp: option.pcsOptNmJp,
- })),
- pcsItemList: (stepUps.pcsItemList || []).map((item) => ({
- goodsNo: item.goodsNo,
- itemId: item.itemId,
- itemNm: item.itemNm,
- pcsMkrCd: item.pcsMkrCd,
- pcsSerCd: item.pcsSerCd,
- connList: (item.connList || []).map((conn) => ({
- connAllowCur: conn.connAllowCur,
- connMaxParalCnt: conn.connMaxParalCnt,
- goodsNo: conn.goodsNo,
- itemId: conn.itemId,
- itemNm: conn.itemNm,
- vstuParalCnt: conn.vstuParalCnt,
- })),
- serQtyList: (item.serQtyList || []).map((qty) => ({
- serQty: qty.serQty,
- paralQty: qty.paralQty,
- })),
- })),
- }))
+ const stepUpListData = formatStepUpListData(dataArray)
console.log('๐ ~ useEffect ~ getPcsVoltageStepUpList ~ stepUpListData:', stepUpListData)
setStepUpListData(stepUpListData)
- setOptCodes(res.data.optionList.map((opt) => ({ ...opt, code: opt.pcsOptCd, name: opt.pcsOptNm, nameJp: opt.pcsOptNmJp })))
+ // PCS ์ต์
์กฐํ
+ const formattedOptCodes = formatOptionCodes(res.data.optionList)
+ setOptCodes(formattedOptCodes)
}
- })
- }, [])
+ } catch (error) {
+ console.error('Error fetching step up data:', error)
+ }
+ }
- useCanvasPopupStatusController(6)
- const canvasPopupStatusState = useRecoilValue(canvasPopupStatusStore)
- if (Object.keys(canvasPopupStatusState[6]).length !== 0) {
- console.log('๐ ~ useEffect ~ canvasPopupStatusState :', canvasPopupStatusState)
+ // PCS ์ต์
์กฐํ
+ const formatOptionCodes = (optionList = []) => {
+ return optionList.map((opt) => ({
+ code: opt.pcsOptCd,
+ name: opt.pcsOptNm,
+ nameJp: opt.pcsOptNmJp,
+ }))
+ }
+
+ // PCS ์น์์ค์ ์ ๋ณด ํฌ๋งท
+ const formatStepUpListData = (dataArray = []) => {
+ return dataArray.map((stepUps) => ({
+ ...stepUps,
+ optionList: formatOptionList(stepUps.optionList),
+ pcsItemList: formatPcsItemList(stepUps.pcsItemList),
+ }))
+ }
+
+ // PCS ์ต์
ํฌ๋งท
+ const formatOptionList = (optionList = []) => {
+ return optionList.map((option) => ({
+ pcsOptCd: option.pcsOptCd,
+ pcsOptNm: option.pcsOptNm,
+ pcsOptNmJp: option.pcsOptNmJp,
+ }))
+ }
+
+ // PCS ์์ดํ
ํฌ๋งท
+ const formatPcsItemList = (pcsItemList = []) => {
+ return pcsItemList.map((item) => ({
+ goodsNo: item.goodsNo,
+ itemId: item.itemId,
+ itemNm: item.itemNm,
+ pcsMkrCd: item.pcsMkrCd,
+ pcsSerCd: item.pcsSerCd,
+ connList: formatConnList(item.connList),
+ serQtyList: formatSerQtyList(item.serQtyList),
+ }))
+ }
+
+ // PCS ์ฐ๊ฒฐ ํฌ๋งท
+ const formatConnList = (connList = []) => {
+ return connList.map((conn) => ({
+ connAllowCur: conn.connAllowCur,
+ connMaxParalCnt: conn.connMaxParalCnt,
+ goodsNo: conn.goodsNo,
+ itemId: conn.itemId,
+ itemNm: conn.itemNm,
+ vstuParalCnt: conn.vstuParalCnt,
+ }))
+ }
+
+ // PCS ์๋ฆฌ์ฆ ํฌ๋งท
+ const formatSerQtyList = (serQtyList = []) => {
+ return serQtyList.map((qty) => ({
+ serQty: qty.serQty,
+ paralQty: qty.paralQty,
+ }))
}
// ๊ฐ ๋ชจ๋์ ํญ์ ๋ณ๊ฒฝํ๋ ํจ์