ONAANDALL/frontend
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

공통 등록 css 추가

Browse Source
This commit is contained in:
jyha00
2025-05-20 11:37:28 +09:00
parent edd85eb124
commit 4e17144b9d
4 changed files with 38 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/wr/app/ruseFcltMng/fcltReg/rainReg/page.tsx
+13 -8
View File
@@ -94,16 +94,14 @@ export default function Home() {
<SearchDiv>
<SearchFormLeft>
<SearchInput
className={" col-span-3 my-7 !text-3xl"}
className={"col-span-3 my-7 !text-3xl"}
label="건물명"
textValue={searchTxt || ""}
setText={(e) => {
setSearchTxt(e);
}}
/>
</SearchFormLeft>
<SearchFormRight>
<div className="flex flex-row space-x-2">
<div className="flex flex-row space-x-2 items-center">
<Button
className=""
size={"sm"}
@@ -121,11 +119,15 @@ export default function Home() {
신규등록
</Button>
</div>
</SearchFormRight>
</SearchFormLeft>
{/* <SearchFormRight>
</SearchFormRight> */}
</SearchDiv>
</div>
</div>
<div className="h-screen grid grid-cols-6 gap-4 !overflow-y-scroll">
<div className="h-screen grid grid-cols-6 gap-4">
<div className="col-span-4 h-full min-h-0">
<ListDiv className="h-full min-h-0">
<ScrollArea className="h-[60vh]">
@@ -134,7 +136,7 @@ export default function Home() {
headlist={rain.upHeadList}
pageSize={20}
total={10000}
headName={"○건축물 목록"}
headName={"건축물 목록"}
cellClick={(val, headId) => {
cellClick(val, headId);
}}
@@ -144,12 +146,15 @@ export default function Home() {
</ScrollArea>
</ListDiv>
</div>
<div className="col-span-2 max-h-full overflow-y-scroll">
<div className="col-span-2 max-h-full">
<ListDiv className="">
<ScrollArea className="h-[60vh]">
<RainRegForm
rainForm={rainForm ?? ({} as customRainBdst)}
isModal={false}
></RainRegForm>
</ScrollArea>
</ListDiv>
</div>
</div>
apps/wr/app/store/ruseFcltMng/fcltReg/rainReg/index.tsx
+1 -1
View File
@@ -107,7 +107,7 @@ export const upHeadList: TableUpperProps[] = [
const rainRes: customRainBdst[] = [];
export const selectClass = "w-full h-full !text-2xl";
export const selectClass = "w-full h-full !text-xl";
export type rainFacState = {
rain: {
apps/wr/components/lib/class/comClass.tsx
+2
View File
@@ -0,0 +1,2 @@
export const formH1Class = "bg-[#eaf3fb] text-xl text-center border-2 p-2 mt-4 font-medium"
export const formH2Class = "text-xl my-4 underline font-bold"
apps/wr/components/ui/form/fcltReg/rainReg/rainRegForm.tsx
+22 -21
View File
@@ -19,6 +19,7 @@ import {
formatCommaNumber,
handleCommaNumberChange,
} from "@/components/lib/func/commom";
import { formH1Class, formH2Class } from "@/components/lib/class/comClass";
export default function RainRegForm({
rainForm,
@@ -107,15 +108,15 @@ export default function RainRegForm({
const inputClass = "!text-lg";
return (
<div className="">
<div className=" !mx-[1.6rem] !p-0r">
<Form {...form}>
<form onSubmit={form.handleSubmit(onSubmit)}>
<div>
<div className="grid grid-cols-12">
<h1 className="pl-3 !text-lg col-span-10">
{isModal ? "○건축물 운영정보" : "○ 빗물이용시설 정보"}
<div className="grid grid-cols-12 flex items-center card-header">
<h1 className="text-2xl font-medium text-label col-span-10">
{isModal ? "건축물 운영정보" : "빗물이용시설 정보"}
</h1>
<Button type="submit" className="mr-4 rounded-lg col-span-2">
<Button type="submit" className="col-span-2 " size={"sm"}>
저장
</Button>
</div>
@@ -128,11 +129,11 @@ export default function RainRegForm({
) : (
<></>
)}
<h1 className="bg-gray-400 text-xl text-center border-2 p-2 mt-4 ">
<h1 className={formH1Class}>
기본정보
</h1>
<div className="grid grid-cols-4 gap-2 mt-4 pl-6">
<div className="grid grid-cols-4 gap-2 mt-4">
<div className="col-span-2">
<FormField
control={form.control}
@@ -175,16 +176,16 @@ export default function RainRegForm({
/>
</div>
</div>
<div className=" my-4">
<h1 className="bg-gray-400 text-xl text-center border-2 p-2 mt-4 pl-6">
<div className="">
<h1 className={formH1Class}>
빗물이용시설 정보
</h1>
</div>
<div>
<h2 className="pl-3 text-xl">✓ 1. 집수면</h2>
<h2 className={formH2Class}>집수면</h2>
</div>
<div className="grid grid-cols-10 gap-1 mt-4">
<div className="col-span-5 pl-6">
<div className="grid grid-cols-10 gap-4 mt-4 ">
<div className="col-span-5">
<FormField
control={form.control}
name="reuseBuilding.0.rainyObj.pntfColKnd"
@@ -224,10 +225,10 @@ export default function RainRegForm({
</div>
<div>
<h2 className="pl-3 text-xl">✓ 2. 여과 등 처리시설</h2>
<h2 className={formH2Class}>여과 등 처리시설</h2>
</div>
<div className="grid grid-cols-12 gap-2 mt-4">
<div className="col-span-4 pl-6">
<div className="col-span-4">
<FormField
control={form.control}
name="reuseBuilding.0.rainyObj.filtrTrtmfctYn"
@@ -285,20 +286,20 @@ export default function RainRegForm({
</div>
</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>
<h2 className="pl-3 text-xl">✓ 1. 설치비 지원</h2>
<h2 className={formH2Class}>설치비 지원</h2>
</div>
<div className="grid grid-cols-10 gap-2 pl-6 mt-4">
<div className="grid grid-cols-10 gap-2 mt-4">
<div className="col-span-5">
<FormField
control={form.control}
name="reuseBuilding.0.instlCstSprtYn"
render={({ field }) => (
<FormUi label="설치비 지원 여부">
<FormUi label="지원 여부">
<SelectBox
className={""}
selectClass={selectClass}
@@ -334,10 +335,10 @@ export default function RainRegForm({
</div>
<div>
<h2 className="pl-3 text-xl">✓ 2. 녹색건축물 인증</h2>
<h2 className={formH2Class}>녹색건축물 인증</h2>
</div>
<div className="grid grid-cols-6 gap-2 mt-4">
<div className="col-span-3 pl-6">
<div className="col-span-3">
<FormField
control={form.control}
name="reuseBuilding.0.grntchBdstCertYn"
@@ -373,7 +374,7 @@ export default function RainRegForm({
)}
/>
</div>
<div className="col-span-3 pl-6">
<div className="col-span-3 ">
<FormField
control={form.control}
name="reuseBuilding.0.grntchBdstCertNo"