diff --git a/apps/wr/app/component/publicReuseInsertForm.tsx b/apps/wr/app/component/publicReuseInsertForm.tsx index 3a19b163e..1da28d178 100644 --- a/apps/wr/app/component/publicReuseInsertForm.tsx +++ b/apps/wr/app/component/publicReuseInsertForm.tsx @@ -1,87 +1,80 @@ 'use client' -import { zodResolver } from "@hookform/resolvers/zod" -import { useForm } from "react-hook-form" -import { z } from "zod" -import { Button, FileSearch, Input } from "@common/components"; -import {Form, FormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage } from "@common/business_components/ui/form"; +import { FileUpload, SelectBox } from "@common/business_components"; import { UiTable } from "@common/business_components/ui"; +import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from "@common/business_components/ui/form"; +import { Button, FileSearch, Input } from "@common/components"; +import { zodResolver } from "@hookform/resolvers/zod"; +import { useState } from "react"; +import { useForm } from "react-hook-form"; +import { z } from "zod"; import { useWrStore } from "../store"; -import Style from "../style/PublicReuseFaciltyInsert.module.css"; -import { SelectBox } from "@common/business_components"; -const formSchema= z.object({ +const formSchema = z.object({ username: z.string().min(2).max(50), - facilityName:z.string().min(2).max(50) + facilityName: z.string().min(2).max(50) }) -export function PublicReuseFaciltyFormInsert(){ - const { upHeadList, publicReuseFacilityUper} = useWrStore((state) => state); - const total = 100; - +export function PublicReuseFaciltyFormInsert() { + const { upHeadList, publicReuseFacilityUper } = useWrStore((state) => state); + const total = 100; + const form = useForm>({ resolver: zodResolver(formSchema), defaultValues: { username: "", }, - }) - - // 2. Define a submit handler. - function onSubmit(values: z.infer) { - // Do something with the form values. - // ✅ This will be type-safe and validated. - console.log(values) - } - + }) - const selectboxValue=[ - {text:'1치', - val:'1'}, - {text:'2차', - val:'2' - } - ] - - - return ( - <> -
-
- - {/*
*/} -
-
- ( - - 재이용시설 명 - - - - - - )} - /> -
- -
+ // 2. Define a submit handler. + function onSubmit(values: z.infer) { + // Do something with the form values. + // ✅ This will be type-safe and validated. + console.log(values) + } -
- -
- - ( - - 계통도 - - - {/* (null); + + return ( + <> +
+ + + {/*
*/} +
+
+
+
+
+
+
+ +
+
+ +
+ +
+ + ( + + 계통도 + + + {/* */} - - - - )} - /> -
- -
-
- - ( - - 평면도 - - - {/* - -
- -

- Click to upload -   or drag and drop -

-

- SVG, PNG, JPG or GIF -

-
- - - {files && - files.length > 0 && - files.map((file, i) => ( - - - {file.name} - - ))} - - */} - - - - )} - /> -
- -
+ + + + )} + /> +
+
+
- -
-

○ 재이용시설 운영정보

- -
-
- -
-
-

○ 재이용수 공급 가능량

-
- -
- - ( - - 시설용량(m³/일) - - - - - - )} - /> -
- -
- - ( - - 하수처리량(m³/일) - - - - - - )} - /> -
- -
- - ( - - 재이용량(m³/일) - - - - - - )} - /> -
-
- + ( + + 평면도 + ( - 공급여유량(m³/일) + Select File - + + Select a file to upload. )} /> -
-
-
- - + {/* + +
+ +

+ Click to upload +   or drag and drop +

+

+ SVG, PNG, JPG or GIF +

+
+ + + {files && + files.length > 0 && + files.map((file, i) => ( + + + {file.name} + + ))} + + */} + + + + )} + /> +
+ +
+ + + +
+

○ 재이용시설 운영정보

+ +
+
+ +
+
+

○ 재이용수 공급 가능량

+
+ +
+ + ( + + 시설용량(m³/일) + + + + + + )} + /> +
+ +
+ + ( + + 하수처리량(m³/일) + + + + + + )} + /> +
+ +
+ + ( + + 재이용량(m³/일) + + + + + + )} + /> +
+
+ + ( + + 공급여유량(m³/일) + + + + + + )} + /> +
+
+
- -
- {/* 차수별 등록 현호아 폼 */} -
-
- +
+
+ {/* 차수별 등록 현호아 폼 */} +
+
+ -
-
-

○ 하수처리수 재이용 시설 현황

-
-
- ( - - 등록 차수 - - - - )} - /> - -
- - - - -
-
- +
+
+

○ 하수처리수 재이용 시설 현황

+
+
+ ( + + 등록 차수 + + + + )} + /> + +
- - - ); + + +
+ + + ); } \ No newline at end of file