온배수 등록 css 수정

This commit is contained in:
jyha00
2025-05-21 11:56:09 +09:00
parent df153c94dd
commit 298d99e55c
4 changed files with 51 additions and 51 deletions
@@ -95,7 +95,7 @@ export default function Home() {
<SearchDiv>
<SearchFormLeft>
<SearchInput
className="col-span-3 my-7"
className="col-span-3 my-7 !text-3xl"
label="건물명"
textValue={searchTxt || ""}
setText={(e) => {
@@ -104,8 +104,8 @@ export default function Home() {
/>
</SearchFormLeft>
<SearchFormRight>
<div className="flex flex-row space-x-2">
<Button size={"sm"} onClick={()=>{initHtdfl(searchTxt||"")}}>조회</Button>
<div className="flex flex-row space-x-2 items-center">
<Button size={"sm"} onClick={()=>{initHtdfl(searchTxt||"")}}>조회</Button>
<Button
size={"sm"}
onClick={() => setIsNewReg(!issNewReg)}
@@ -119,8 +119,8 @@ export default function Home() {
</div>
<div className="grid grid-cols-6 gap-4 ">
<div className="col-span-4">
<ListDiv>
<div className="col-span-4 h-full min-h-0">
<ListDiv className="min-h-0">
<UiTable
tableData={bdstTable || []}
headlist={htdfl.upHeadList}
@@ -133,9 +133,9 @@ export default function Home() {
</UiTable>
</ListDiv>
</div>
<div className="col-span-2 max-h-full">
<div className="col-span-2 max-h-full">
<ListDiv>
<ScrollArea>
<ScrollArea className="h-[60vh]">
<HtdflRegForm
htdflForm={htdflForm ?? ({} as customHtdflBdst)}
isModal={false}
@@ -145,25 +145,23 @@ export default function Home() {
</div>
</div>
<UiModal
body={<BdstReg moType="HTB"></BdstReg>}
bodyClass="w-[68vw] max-w-none h-[90vh]"
open={issNewReg}
onOpenChange={(open) => {
setIsNewReg(open);
}}
/>
body={<BdstReg moType="HTB"></BdstReg>}
bodyClass="w-[68vw] max-w-none h-[90vh]"
open={issNewReg}
onOpenChange={(open) => {
setIsNewReg(open);
}}
/>
<UiModal
bodyClass={""}
open={bdstChgProps.isOpen}
body={<BdstChgModal chgBuilding={bdstChgProps.chgBuilding}></BdstChgModal>}
onOpenChange={(open) => {
setBdstChgProps({ ...bdstChgProps, isOpen: open });
}
}
/>
<UiModal
bodyClass={""}
open={bdstChgProps.isOpen}
body={<BdstChgModal chgBuilding={bdstChgProps.chgBuilding}></BdstChgModal>}
onOpenChange={(open) => {
setBdstChgProps({ ...bdstChgProps, isOpen: open });
}
}
/>
</ContentsDiv>
</>
);
@@ -164,11 +164,11 @@ export default function Page() {
<ContentsDiv>
<div className="grid grid-cols-4 gap-4 ">
<div className="col-span-4">
<Title title={"지도점검 결과 등록 "} />
<Title title={"지도점검 결과 등록"} />
<SearchDiv>
<SearchFormLeft>
<SearchInput
className="col-span-3 my-7 !text-xl"
className="col-span-3 my-7 !text-xl whitespace-nowrap"
label=" 지도점검년도"
textValue={searchTxt ?? ""}
setText={(e) => {
@@ -22,6 +22,7 @@ import {
formatCommaNumber,
handleCommaNumberChange,
} from "@/components/lib/func/commom";
import { formH1Class } from "@/components/lib/class/comClass";
export default function HtdflRegForm({
htdflForm,
@@ -82,17 +83,17 @@ export default function HtdflRegForm({
}, [htdflForm]);
return (
<div className="!mx-[1.6rem] !p-0r">
<Form {...form}>
<form onSubmit={form.handleSubmit(onSubmit)}>
{/* <div className="flex justify-between items-center mx-3"> */}
<div>
<div className="grid grid-cols-12">
<h1 className="pl-3 text-xl col-span-10">○온배수 시설 정보</h1>
<div className="grid grid-cols-12 flex items-center card-header">
<h1 className="text-2xl font-medium text-label col-span-10">온배수 시설 정보</h1>
<Button
size={"sm"}
type="submit"
className="col-start-12 col-span-1"
>
className="col-start-12 col-span-1">
저장
</Button>
</div>
@@ -100,14 +101,14 @@ export default function HtdflRegForm({
{isModal && htdflForm != undefined ? <BdstReg form={form} /> : <></>}
{isModal ? (
<h1 className="pl-3 text-xl col-span-10 mt-4 ">
○ 중수도 시설 정보{" "}
<h1 className="text-xl col-span-10 mt-4">
온배수 시설 정보{" "}
</h1>
) : (
<></>
)}
<div className="grid grid-cols-6 gap-2 mt-4 pl-6">
<div className="grid grid-cols-6 gap-2 mt-4">
<div className="col-span-2">
<FormField
control={form.control}
@@ -165,13 +166,13 @@ export default function HtdflRegForm({
</div>
</div>
<div className=" my-4">
<h1 className="bg-gray-400 text-xl text-center border-2 p-2 mt-4 pl-6">
<h1 className={formH1Class}>
온배수 시설 운영현황
</h1>
</div>
<div className="grid grid-cols-10 gap-1 mt-4">
<div className="col-span-5 pl-6">
<div className="col-span-5">
<FormField
control={form.control}
name="reuseBuilding.0.htdflObj.orgwtWtritSpt"
@@ -207,7 +208,7 @@ export default function HtdflRegForm({
)}
/>
</div>
<div className="col-span-5 pl-6">
<div className="col-span-5">
<FormField
control={form.control}
name="reuseBuilding.0.htdflObj.wtritEntrcTp"
@@ -226,7 +227,7 @@ export default function HtdflRegForm({
)}
/>
</div>
<div className="col-span-5 pl-6">
<div className="col-span-5">
<FormField
control={form.control}
name="reuseBuilding.0.htdflObj.amtgnr"
@@ -245,7 +246,7 @@ export default function HtdflRegForm({
)}
/>
</div>
<div className="col-span-5 pl-6">
<div className="col-span-5">
<FormField
control={form.control}
name="reuseBuilding.0.htdflObj.prcsProcsYn"
@@ -263,7 +264,7 @@ export default function HtdflRegForm({
)}
/>
</div>
<div className="col-span-5 pl-6">
<div className="col-span-5">
<FormField
control={form.control}
name="reuseBuilding.0.htdflObj.prcsFcltCpct"
@@ -282,7 +283,7 @@ export default function HtdflRegForm({
)}
/>
</div>
<div className="col-span-5 pl-6">
<div className="col-span-5">
<FormField
control={form.control}
name="reuseBuilding.0.htdflObj.fmYn"
@@ -300,7 +301,7 @@ export default function HtdflRegForm({
)}
/>
</div>
<div className="col-span-5 pl-6">
<div className="col-span-5">
<FormField
control={form.control}
name="reuseBuilding.0.htdflObj.utztnCpct"
@@ -319,7 +320,7 @@ export default function HtdflRegForm({
)}
/>
</div>
<div className="col-span-5 pl-6">
<div className="col-span-5">
<FormField
control={form.control}
name="reuseBuilding.0.htdflObj.utztnUsg"
@@ -339,12 +340,12 @@ export default function HtdflRegForm({
</div>
<div className=" my-2">
<h1 className="bg-gray-400 text-xl text-center border-2 p-2 mt-4 ">
<h1 className={formH1Class}>
요구수질
</h1>
</div>
<div className="grid grid-cols-12 gap-4 pl-6">
<div className="grid grid-cols-12 gap-4">
<div className="col-span-6">
<FormField
control={form.control}
@@ -386,7 +387,7 @@ export default function HtdflRegForm({
</div>
</div>
<div className="grid grid-cols-12 gap-4 pl-6">
<div className="grid grid-cols-12 gap-4">
<div className="col-span-6">
<FormField
control={form.control}
@@ -428,7 +429,7 @@ export default function HtdflRegForm({
</div>
</div>
<div className="grid grid-cols-12 gap-4 pl-6">
<div className="grid grid-cols-12 gap-4">
<div className="col-span-6">
<FormField
control={form.control}
@@ -470,7 +471,7 @@ export default function HtdflRegForm({
</div>
</div>
<div className="grid grid-cols-12 gap-4 pl-6">
<div className="grid grid-cols-12 gap-4">
<div className="col-span-6">
<FormField
control={form.control}
@@ -512,7 +513,7 @@ export default function HtdflRegForm({
</div>
</div>
<div className="grid grid-cols-12 gap-4 pl-6">
<div className="grid grid-cols-12 gap-4">
<div className="col-span-6">
<FormField
control={form.control}
@@ -554,7 +555,7 @@ export default function HtdflRegForm({
</div>
</div>
<div className="grid grid-cols-12 gap-4 pl-6">
<div className="grid grid-cols-12 gap-4">
<div className="col-span-6">
<FormField
control={form.control}
@@ -597,5 +598,6 @@ export default function HtdflRegForm({
</div>
</form>
</Form>
</div>
);
}
@@ -122,7 +122,7 @@ export default function RainRegForm({
</div>
{isModal && rainForm != undefined ? <BdstReg form={form} /> : <></>}
{isModal ? (
<h1 className="pl-3 text-xl col-span-10 mt-4 ">
<h1 className="pl-3 text-xl col-span-10 mt-4">
빗물이용시설 정보{" "}
</h1>
) : (