diff --git a/apps/wr/app/page.tsx b/apps/wr/app/page.tsx index 994244625..5892ab211 100644 --- a/apps/wr/app/page.tsx +++ b/apps/wr/app/page.tsx @@ -1,9 +1,20 @@ -import {PublicReuseFaciltyInsert }from './publicReuseFaciltyInsert/page'; +import Link from 'next/link'; +import { Button } from '@common/components/ui'; export default function Home() { return ( - + <> +
+ + + +
+ ); } diff --git a/apps/wr/app/publicReuseFaciltyInsert/page.tsx b/apps/wr/app/reuseFaciltyManage/reuseFacilityInsert/publicReuseFaciltyInsert/page.tsx similarity index 86% rename from apps/wr/app/publicReuseFaciltyInsert/page.tsx rename to apps/wr/app/reuseFaciltyManage/reuseFacilityInsert/publicReuseFaciltyInsert/page.tsx index ebbedf83a..bac5d458a 100644 --- a/apps/wr/app/publicReuseFaciltyInsert/page.tsx +++ b/apps/wr/app/reuseFaciltyManage/reuseFacilityInsert/publicReuseFaciltyInsert/page.tsx @@ -3,10 +3,9 @@ import {SearchDiv, SelectBox, UiTable } from '@common/business_components'; import { Button, TableRow } from '@common/components'; import { TableHead } from '@common/components'; -import Style from "../style/PublicReuseFaciltyInsert.module.css"; -import { useWrStore } from '../store'; -import type { TableUpperProps } from '../store/publicReuseFaciltyInsert'; -import { PublicReuseFaciltyFormInsert } from '../component/publicReuseInsertForm'; +import { useWrStore } from '../../../store'; +import type { TableUpperProps } from '../../../store/publicReuseFaciltyInsert'; +import { PublicReuseFaciltyFormInsert } from '../../../../components/ui/publicReuseInsertForm'; @@ -28,7 +27,7 @@ import { PublicReuseFaciltyFormInsert } from '../component/publicReuseInsertFor - export function PublicReuseFaciltyInsert() { + export default function PublicReuseFaciltyInsert() { const { upHeadList, publicReuseFacilityUper} = useWrStore((state) => state); const nodeList= headMakeColSpan(upHeadList); const total = 100; diff --git a/apps/wr/app/reuseFaciltyManage/reuseFacilityInsert/waterReuseFaciltyInsert/page.tsx b/apps/wr/app/reuseFaciltyManage/reuseFacilityInsert/waterReuseFaciltyInsert/page.tsx new file mode 100644 index 000000000..ba2943d63 --- /dev/null +++ b/apps/wr/app/reuseFaciltyManage/reuseFacilityInsert/waterReuseFaciltyInsert/page.tsx @@ -0,0 +1,63 @@ +'use client' +import { useWrStore } from "@/app/store"; +import type { TableUpperProps } from "@/app/store/publicReuseFaciltyInsert"; +import { SearchDiv, SelectBox, UiTable } from "@common/business_components"; +import { Button, TableHead, TableRow } from "@common/components"; + + +const headMakeColSpan = (upHeadList: TableUpperProps[]) => { + return ( <> + { + upHeadList.map((head: TableUpperProps) => + (!head.upSequnce?{head.title}: + head.upName === 'upChangeRe'&& head.upSequnce=== 1?{'중축 개축 증축 '}:null))} + + + {upHeadList.map((head: TableUpperProps) => + (head.upName === 'upChangeRe'?{head.title}:null))} + + ) + } + + +export default function Home (){ + const { upHeadList, publicReuseFacilityUper} = useWrStore((state) => state); + const nodeList= headMakeColSpan(upHeadList); + const total = 100; + + + const searchDiv ='시군구' + const selectBox = [{text:'한양', value:1}] + const headName= ()=>{ + return( +

○공공 허수처리시설 등록

+ ) + } + + return( + <> +
+

물재이용 시설 등록

+ +
+ + + +
+
+
+
+ +
+ + {nodeList} + +
+
+
+ +
+ + ); +} + \ No newline at end of file diff --git a/apps/wr/app/component/publicReuseInsertForm.tsx b/apps/wr/components/ui/publicReuseInsertForm.tsx similarity index 99% rename from apps/wr/app/component/publicReuseInsertForm.tsx rename to apps/wr/components/ui/publicReuseInsertForm.tsx index e973bbef8..bf4405ab6 100644 --- a/apps/wr/app/component/publicReuseInsertForm.tsx +++ b/apps/wr/components/ui/publicReuseInsertForm.tsx @@ -7,8 +7,7 @@ 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 { useWrStore } from "../../app/store/index"; import { SelectBox } from "@common/business_components"; import { DatePicker } from "@common/components";