fo: 오수발생량 모달 깨짐 수정

This commit is contained in:
ljpark
2025-11-24 15:20:15 +09:00
parent 7b844f9e93
commit 2756fe3490
3 changed files with 12 additions and 12 deletions
@@ -181,11 +181,11 @@ export default function PrecipitationModal(props: PrecipitationModalProps) {
<div className="!m-[0.5rem] max-h-[40rem] overflow-auto">
<Table>
<thead>
<TableRow>
<TableRow className="border-b-0">
<TableHead className="w-1/6">{'시설명'}</TableHead>
<TableCell className="w-1/3">{props.fcltyName}</TableCell>
<TableCell className="w-1/3 !border-b-0">{props.fcltyName}</TableCell>
<TableHead className="w-1/6">{'년월'}</TableHead>
<TableCell className="w-1/3">
<TableCell className="w-1/3 !border-b-0">
<div className="flex">
<div ref={startPickerRef} className="flex justify-center">
<DatePickerRange
@@ -90,15 +90,15 @@ export default function SewageOccurModal(props: { fcltyName: string; facilityCd
return (
<>
<ListDiv className="!h-[80px] !mt-10">
<div className="card !m-[1.2rem] max-h-[40rem] overflow-auto !p-0r">
<ListDiv className="!mt-5 !h-[80px]">
<div className="!m-[0.5rem] max-h-[40rem] overflow-auto">
<Table>
<thead>
<TableRow className="">
<TableHead className="w-1/6">{'시설명'}</TableHead>
<TableCell className="w-1/3">{props.fcltyName}</TableCell>
<TableCell className="w-1/3 !border-b-0">{props.fcltyName}</TableCell>
<TableHead className="w-1/6">{'년월'}</TableHead>
<TableCell className="w-1/3">
<TableCell className="w-1/3 !border-b-0">
<DateMonthPicker
field={{
value: startYearMonth || (() => {
@@ -83,7 +83,7 @@ export default function PlanSewage() {
// 초기화 변수
const [resetPage, setResetPage] = useState<boolean>(false);
// 표 너비
const [widthSize, setWidthSize] = useState<string>("w-[120%]");
//const [widthSize, setWidthSize] = useState<string>("w-[120%]");
// 구분별 그리드 헤더
const [upheadList, setUpheadList] = useState<TableUpperProps[]>(upHeadList1);
// 용량별
@@ -102,7 +102,7 @@ export default function PlanSewage() {
*/
// 초기화
const resetVal = () => {
setWidthSize("w-[120%]");
// setWidthSize("w-[120%]");
setUpheadList(upHeadList1)
// 상태값 설정
setFcltCpct(selectUpdownData[0]?.val || "0");
@@ -189,7 +189,7 @@ export default function PlanSewage() {
}, [fcltCpct, operationValue, fcltyName, searchSewageOccurList, 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]);
@@ -236,8 +236,8 @@ export default function PlanSewage() {
/>
<ListDiv>
<LoadingOverlay isLoading={isLoading} />
<div className="h-full w-full overflow-x-scroll">
<div className={widthSize}>
<div className="h-full w-full overflow-x-scroll min-[1200px]:overflow-x-hidden">
<div className="w-[120%] min-[1200px]:w-[100%]">
<UiTable cellClick={(index: number | undefined) => index !== undefined && cellClick(index)} headName={"오수발생량 추정"} tableData={mainList} headlist={upheadList} pageSize={10} total={total} resetPageNo={resetPage} onPageChange={handlePageChange} widthFixed={true} />
</div>
</div>