From fc0b74751f54da915767b5e9d7ae1b3175c575b3 Mon Sep 17 00:00:00 2001 From: dongsilove Date: Mon, 24 Nov 2025 20:46:14 +0900 Subject: [PATCH] =?UTF-8?q?fo:=20table=20scroll=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../facilityPrecipitation/page.tsx | 10 +++--- .../(with-layout)/facilityWaterQlty/page.tsx | 10 +++--- .../app/pages/(with-layout)/flowRate/page.tsx | 10 +++--- .../pages/(with-layout)/planSewage/page.tsx | 10 +++--- .../pages/(with-layout)/processArea/page.tsx | 4 +-- .../(with-layout)/processFacility/page.tsx | 12 +++---- apps/fo/app/pages/(with-layout)/rdi/page.tsx | 10 +++--- .../(with-layout)/underWaterInput/page.tsx | 10 +++--- apps/fo/app/store/processArea/index.tsx | 36 +++++++++---------- 9 files changed, 56 insertions(+), 56 deletions(-) diff --git a/apps/fo/app/pages/(with-layout)/facilityPrecipitation/page.tsx b/apps/fo/app/pages/(with-layout)/facilityPrecipitation/page.tsx index 6c5181549..0e46505e0 100644 --- a/apps/fo/app/pages/(with-layout)/facilityPrecipitation/page.tsx +++ b/apps/fo/app/pages/(with-layout)/facilityPrecipitation/page.tsx @@ -80,7 +80,7 @@ export default function FacilityPrecipitation() { // 초기화 변수 const [resetPage, setResetPage] = useState(false); // 표 너비 - const [widthSize, setWidthSize] = useState("w-[120%]"); + // const [widthSize, setWidthSize] = useState("w-[120%]"); // 구분별 그리드 헤더 const [upheadList, setUpheadList] = useState(upHeadList1); // 용량별 @@ -97,7 +97,7 @@ export default function FacilityPrecipitation() { */ // 초기화 const resetVal = () => { - setWidthSize("w-[120%]"); + // setWidthSize("w-[120%]"); setUpheadList(upHeadList1) // 상태값 설정 setFcltCpct(selectUpdownData[0]?.val || "0"); @@ -184,7 +184,7 @@ export default function FacilityPrecipitation() { }, [operationValue, fcltyName, searchFacilityPrecipitationList, searchYear, fcltCpct]); const chkVal = useCallback((returntype:ReturnType) => { - setWidthSize(returntype.partValue=='A' ?"w-[120%]":"w-[130%]") + // setWidthSize(returntype.partValue=='A' ?"w-[120%]":"w-[130%]") setUpheadList(returntype.partValue == 'R' ? upHeadList2 : returntype.partValue == 'G'?upHeadList3:upHeadList1); setResetPage(true); }, [upHeadList1, upHeadList2, upHeadList3]); @@ -228,8 +228,8 @@ export default function FacilityPrecipitation() { ref={ref} isAdmin={false}/> -
-
+
+
index !== undefined && cellClick(index)} headName={"시설별 강수현황"} tableData={mainList} headlist={upheadList} pageSize={10} total={total} resetPageNo={resetPage} onPageChange={handlePageChange} widthFixed={true} />
diff --git a/apps/fo/app/pages/(with-layout)/facilityWaterQlty/page.tsx b/apps/fo/app/pages/(with-layout)/facilityWaterQlty/page.tsx index cb4861971..885ee2728 100644 --- a/apps/fo/app/pages/(with-layout)/facilityWaterQlty/page.tsx +++ b/apps/fo/app/pages/(with-layout)/facilityWaterQlty/page.tsx @@ -53,7 +53,7 @@ export default function ProcessFacilitySearch() { // 그리드 관련 const [resetPage, setResetPage] = useState(false); const searchInputRef = useRef(null); - const [widthSize, setWidthSize] = useState("w-[120%]"); + // const [widthSize, setWidthSize] = useState("w-[120%]"); const [upheadList, setUpheadList] = useState(upHeadList1); const [fcltyName, setFcltyName] = useState(""); const [operationValue, setOperationValue] = useState("0"); @@ -91,7 +91,7 @@ export default function ProcessFacilitySearch() { }, [operationValue, fcltyName, searchFacilityWaterQltyList, searchYearValue, fcltCpct]); const resetVal = () => { - setWidthSize("w-[120%]"); + // setWidthSize("w-[120%]"); setUpheadList(upHeadList1) // 상태값 설정 setFcltCpct(selectUpdownData[0]?.val || "0"); @@ -164,7 +164,7 @@ export default function ProcessFacilitySearch() { }, [excelList, excelTrigger]); const chkVal = useCallback((returntype:ReturnType) => { - setWidthSize(returntype.partValue=='A' ?"w-[120%]":"w-[130%]") + // setWidthSize(returntype.partValue=='A' ?"w-[120%]":"w-[130%]") setUpheadList(returntype.partValue == 'R' ? upHeadList2 : returntype.partValue == 'G'?upHeadList3:upHeadList1); setResetPage(true); }, [upHeadList1, upHeadList2, upHeadList3]); @@ -205,8 +205,8 @@ export default function ProcessFacilitySearch() { ref={ref} isAdmin={false} initSidoValue={"11"}/> -
-
+
+
index !== undefined && cellClick(index)} headName={"시설별 수질현황"} tableData={mainList} headlist={upheadList} pageSize={10} total={total} resetPageNo={resetPage} onPageChange={handlePageChange} widthFixed={true} />
diff --git a/apps/fo/app/pages/(with-layout)/flowRate/page.tsx b/apps/fo/app/pages/(with-layout)/flowRate/page.tsx index a7e0933eb..77d96fff6 100644 --- a/apps/fo/app/pages/(with-layout)/flowRate/page.tsx +++ b/apps/fo/app/pages/(with-layout)/flowRate/page.tsx @@ -58,7 +58,7 @@ export default function ProcessFacilitySearch() { const [fcltyName, setFcltyName] = useState(""); const [operationValue, setOperationValue] = useState("0"); const [searchYearValue, setSearchYearValue] = useState(selectSearchYear[0]?.val || "0"); - const [widthSize, setWidthSize] = useState("w-[120%]"); + // const [widthSize, setWidthSize] = useState("w-[120%]"); const [upheadList, setUpheadList] = useState(upHeadList1); const [resetPage, setResetPage] = useState(false); const prevExcelListRef = useRef(null); @@ -96,7 +96,7 @@ export default function ProcessFacilitySearch() { }, [searchFlowRateList, searchYearValue, fcltCpct, operationValue, fcltyName]); const resetVal = () => { - setWidthSize("w-[120%]"); + // setWidthSize("w-[120%]"); setUpheadList(upHeadList1) // 상태값 설정 setSearchYearValue(selectSearchYear[0]?.val || "0"); @@ -170,7 +170,7 @@ export default function ProcessFacilitySearch() { }); const chkVal = useCallback((returntype:ReturnType) => { - setWidthSize(returntype.partValue=='A' ?"w-[120%]":"w-[130%]") + // setWidthSize(returntype.partValue=='A' ?"w-[120%]":"w-[130%]") setUpheadList(returntype.partValue == 'R' ? upHeadList2 : returntype.partValue == 'G'?upHeadList3:upHeadList1); setResetPage(true); }, [upHeadList1, upHeadList2, upHeadList3]); @@ -206,8 +206,8 @@ export default function ProcessFacilitySearch() { ref={ref} isAdmin={false} initSidoValue={'11'}/> -
-
+
+
index !== undefined && cellClick(index)} headName={"시설별 유량현황"} tableData={flowRateList} headlist={upheadList} pageSize={10} total={total} resetPageNo={resetPage} onPageChange={handlePageChange} widthFixed={true} />
diff --git a/apps/fo/app/pages/(with-layout)/planSewage/page.tsx b/apps/fo/app/pages/(with-layout)/planSewage/page.tsx index fa993715e..1f8bd1e94 100644 --- a/apps/fo/app/pages/(with-layout)/planSewage/page.tsx +++ b/apps/fo/app/pages/(with-layout)/planSewage/page.tsx @@ -75,7 +75,7 @@ export default function PlanSewage() { // 초기화 변수 const [resetPage, setResetPage] = useState(false); // 표 너비 - const [widthSize, setWidthSize] = useState("w-[120%]"); + // const [widthSize, setWidthSize] = useState("w-[120%]"); // 구분별 그리드 헤더 const [upheadList, setUpheadList] = useState(upHeadList1); // 용량별 @@ -95,7 +95,7 @@ export default function PlanSewage() { */ // 초기화 const resetVal = () => { - setWidthSize("w-[120%]"); + // setWidthSize("w-[120%]"); setUpheadList(upHeadList1); // 상태값 설정 setFcltCpct(selectUpdownData[0]?.val || "0"); @@ -171,7 +171,7 @@ export default function PlanSewage() { }, [isInit, initializeCommonData, searchPlanSewageList, selectSearchYear, initTrigger, searchPlanSewage]); const chkVal = useCallback((returntype:ReturnType) => { - setWidthSize(returntype.partValue=='A' ?"w-[120%]":"w-[130%]") + // setWidthSize(returntype.partValue=='A' ?"w-[120%]":"w-[130%]") setUpheadList(returntype.partValue == 'R' ? upHeadList2 : returntype.partValue == 'G'?upHeadList3:upHeadList1); setResetPage(true); }, [upHeadList1, upHeadList2, upHeadList3]); @@ -215,8 +215,8 @@ export default function PlanSewage() { ref={ref} isAdmin={false} initSidoValue={"11"}/> -
-
+
+
diff --git a/apps/fo/app/pages/(with-layout)/processArea/page.tsx b/apps/fo/app/pages/(with-layout)/processArea/page.tsx index 94be9bd0b..82c5aaea0 100644 --- a/apps/fo/app/pages/(with-layout)/processArea/page.tsx +++ b/apps/fo/app/pages/(with-layout)/processArea/page.tsx @@ -161,8 +161,8 @@ export default function ProcessArea() { /> -
-
+
+
index !== undefined && cellClick(index)} headName={"처리구역정보"} tableData={mainList} headlist={upHeadList1} pageSize={10} total={total} resetPageNo={resetPage} onPageChange={handlePageChange} widthFixed={true} />
diff --git a/apps/fo/app/pages/(with-layout)/processFacility/page.tsx b/apps/fo/app/pages/(with-layout)/processFacility/page.tsx index 775dd1a45..87eeffb51 100644 --- a/apps/fo/app/pages/(with-layout)/processFacility/page.tsx +++ b/apps/fo/app/pages/(with-layout)/processFacility/page.tsx @@ -87,7 +87,7 @@ export default function ProcessFacilitySearch() { const [resetPage, setResetPage] = useState(false); const [partValue, setPartValue] = useState("A"); - const [widthSize, setWidthSize] = useState("w-[120%]"); + // const [widthSize, setWidthSize] = useState("w-[120%]"); const [upHeadList, setUpheadList] = useState(upHeadList1); /** @@ -135,15 +135,15 @@ export default function ProcessFacilitySearch() { useEffect(() => { switch (partValue) { case 'A': - setWidthSize("w-[130%]"); + // setWidthSize("w-[130%]"); setUpheadList(upHeadList1); break; case 'R': - setWidthSize("w-[140%]"); + // setWidthSize("w-[140%]"); setUpheadList(upHeadList2); break; case 'G': - setWidthSize("w-[150%]"); + // setWidthSize("w-[150%]"); setUpheadList(upHeadList3); break; } @@ -270,8 +270,8 @@ export default function ProcessFacilitySearch() { ref={ref} isAdmin={false} /> -
-
+
+
index !== undefined && cellClick(index)} headName={"처리시설 시설정보"} diff --git a/apps/fo/app/pages/(with-layout)/rdi/page.tsx b/apps/fo/app/pages/(with-layout)/rdi/page.tsx index f581c0def..47142e0a1 100644 --- a/apps/fo/app/pages/(with-layout)/rdi/page.tsx +++ b/apps/fo/app/pages/(with-layout)/rdi/page.tsx @@ -73,7 +73,7 @@ export default function Rdi() { // 초기화 변수 const [resetPage, setResetPage] = useState(false); // 표 너비 - const [widthSize, setWidthSize] = useState("w-[130%]"); + // const [widthSize, setWidthSize] = useState("w-[130%]"); // 구분별 그리드 헤더 const [upheadList, setUpheadList] = useState(upHeadList1); // 용량별 @@ -93,7 +93,7 @@ export default function Rdi() { */ // 초기화 const resetVal = () => { - setWidthSize("w-[120%]"); + // setWidthSize("w-[120%]"); setUpheadList(upHeadList1) // 상태값 설정 @@ -168,7 +168,7 @@ export default function Rdi() { }, [isInit, initializeCommonData, searchRdiList, selectSearchYear, searchRdi, initTrigger]); const chkVal = useCallback((returntype:ReturnType) => { - setWidthSize(returntype.partValue=='A' ?"w-[130%]":"w-[150%]") + // setWidthSize(returntype.partValue=='A' ?"w-[130%]":"w-[150%]") setUpheadList(returntype.partValue == 'R' ? upHeadList2 : returntype.partValue == 'G'?upHeadList3:upHeadList1); setResetPage(true); }, [upHeadList1, upHeadList2, upHeadList3]); @@ -213,8 +213,8 @@ export default function Rdi() { ref={ref} isAdmin={false} initSidoValue={"11"}/> -
-
+
+
diff --git a/apps/fo/app/pages/(with-layout)/underWaterInput/page.tsx b/apps/fo/app/pages/(with-layout)/underWaterInput/page.tsx index 8ac105698..47e9ec912 100644 --- a/apps/fo/app/pages/(with-layout)/underWaterInput/page.tsx +++ b/apps/fo/app/pages/(with-layout)/underWaterInput/page.tsx @@ -88,7 +88,7 @@ export default function UnderWaterInput() { // 초기화 변수 const [resetPage, setResetPage] = useState(false); // 표 너비 - const [widthSize, setWidthSize] = useState("w-[120%]"); + // const [widthSize, setWidthSize] = useState("w-[120%]"); // 구분별 그리드 헤더 const [upheadList, setUpheadList] = useState(upHeadList1); // 용량별 @@ -107,7 +107,7 @@ export default function UnderWaterInput() { */ // 초기화 const resetVal = () => { - setWidthSize("w-[120%]"); + // setWidthSize("w-[120%]"); setUpheadList(upHeadList1) // 상태값 설정 setFcltCpct(selectUpdownData[0]?.val || "0"); @@ -193,7 +193,7 @@ export default function UnderWaterInput() { }, [fcltCpct, operationValue, fcltyName, searchUnderWaterList, searchYear]); const chkVal = useCallback((returntype:ReturnType) => { - setWidthSize(returntype.partValue=='A' ?"w-[120%]":"w-[130%]") + // setWidthSize(returntype.partValue=='A' ?"w-[120%]":"w-[130%]") setUpheadList(returntype.partValue == 'R' ? upHeadList2 : returntype.partValue == 'G'?upHeadList3:upHeadList1); setResetPage(true); }, [upHeadList1, upHeadList2, upHeadList3]); @@ -240,8 +240,8 @@ export default function UnderWaterInput() { /> -
-
+
+
index !== undefined && cellClick(index)} headName={"지하수유입량 추정"} tableData={mainList} headlist={upheadList} pageSize={10} total={total} resetPageNo={resetPage} onPageChange={handlePageChange} widthFixed={true}/>
diff --git a/apps/fo/app/store/processArea/index.tsx b/apps/fo/app/store/processArea/index.tsx index 8a8b3075e..d432241f8 100644 --- a/apps/fo/app/store/processArea/index.tsx +++ b/apps/fo/app/store/processArea/index.tsx @@ -137,26 +137,26 @@ const upHeadList1:TableUpperProps[] = [ { id: "fctCpc", title: "시설용량(m³/일)", align:"right", rowSpan:3, row:0, widthPercent: 5 }, { id: "B", title: "시설계획", colSpan:19, row: 0 }, { id: "C", title: "증설계획(m³/일)", colSpan:6, row: 1 }, - { id: "planSwageQntSumDt4", title: "기승인\n4단계", row:2, align:"right", widthPercent: 2.5 }, - { id: "planSwageQntSum", title: "현재", row:2, align:"right", widthPercent: 2.5 }, - { id: "planSwageQntSumDc1", title: "1단계", row:2, align:"right", widthPercent: 2.5 }, - { id: "planSwageQntSumDc2", title: "2단계", row:2, align:"right", widthPercent: 2.5 }, - { id: "planSwageQntSumDc3", title: "3단계", row:2, align:"right", widthPercent: 2.5 }, - { id: "planSwageQntSumDc4", title: "4단계", row:2, align:"right", widthPercent: 2.5 }, + { id: "planSwageQntSumDt4", title: "기승인\n4단계", row:2, align:"right", widthPercent: 3 }, + { id: "planSwageQntSum", title: "현재", row:2, align:"right", widthPercent: 3 }, + { id: "planSwageQntSumDc1", title: "1단계", row:2, align:"right", widthPercent: 3 }, + { id: "planSwageQntSumDc2", title: "2단계", row:2, align:"right", widthPercent: 3 }, + { id: "planSwageQntSumDc3", title: "3단계", row:2, align:"right", widthPercent: 3 }, + { id: "planSwageQntSumDc4", title: "4단계", row:2, align:"right", widthPercent: 3 }, { id: "D", title: "처리인구(인)", colSpan:6, row:1 }, - { id: "swtrmtPpltnCntDt4", title: "기승인\n4단계", row:2, align:"right", widthPercent: 2.5 }, - { id: "swtrmtPpltnCnt", title: "현재", row:2, align:"right", widthPercent: 2.5 }, - { id: "swtrmtPpltnCntDc1", title: "1단계", row:2, align:"right", widthPercent: 2.5 }, - { id: "swtrmtPpltnCntDc2", title: "2단계", row:2, align:"right", widthPercent: 2.5 }, - { id: "swtrmtPpltnCntDc3", title: "3단계", row:2, align:"right", widthPercent: 2.5 }, - { id: "swtrmtPpltnCntDc4", title: "4단계", row:2, align:"right", widthPercent: 2.5 }, + { id: "swtrmtPpltnCntDt4", title: "기승인\n4단계", row:2, align:"right", widthPercent: 3 }, + { id: "swtrmtPpltnCnt", title: "현재", row:2, align:"right", widthPercent: 3 }, + { id: "swtrmtPpltnCntDc1", title: "1단계", row:2, align:"right", widthPercent: 3 }, + { id: "swtrmtPpltnCntDc2", title: "2단계", row:2, align:"right", widthPercent: 3 }, + { id: "swtrmtPpltnCntDc3", title: "3단계", row:2, align:"right", widthPercent: 3 }, + { id: "swtrmtPpltnCntDc4", title: "4단계", row:2, align:"right", widthPercent: 3 }, { id: "E", title: "처리구역(km²)", colSpan:7, row:1 }, - { id: "swtrmtZoneAreaDt4", title: "기승인\n4단계", row:2, align:"right", widthPercent: 2.5 }, - { id: "swtrmtZoneArea", title: "현재", row:2, align:"right", widthPercent: 2.5 }, - { id: "swtrmtZoneAreaDc1", title: "1단계", row:2, align:"right", widthPercent: 2.5 }, - { id: "swtrmtZoneAreaDc2", title: "2단계", row:2, align:"right", widthPercent: 2.5 }, - { id: "swtrmtZoneAreaDc3", title: "3단계", row:2, align:"right", widthPercent: 2.5 }, - { id: "swtrmtZoneAreaDc4", title: "4단계", row:2, align:"right", widthPercent: 2.5 }, + { id: "swtrmtZoneAreaDt4", title: "기승인\n4단계", row:2, align:"right", widthPercent: 3 }, + { id: "swtrmtZoneArea", title: "현재", row:2, align:"right", widthPercent: 3 }, + { id: "swtrmtZoneAreaDc1", title: "1단계", row:2, align:"right", widthPercent: 3 }, + { id: "swtrmtZoneAreaDc2", title: "2단계", row:2, align:"right", widthPercent: 3 }, + { id: "swtrmtZoneAreaDc3", title: "3단계", row:2, align:"right", widthPercent: 3 }, + { id: "swtrmtZoneAreaDc4", title: "4단계", row:2, align:"right", widthPercent: 3 }, { id: "trtDstr", title: "처리구역", row:2 } ];