fo: 오수발생량 모달 깨짐 수정
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user