폴더구조(url구조) 변경, 물재이용 공통 컴포넌트 이동, 빗물이용시설 등록 페이지 추가

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 (
-      <PublicReuseFaciltyInsert   />
+    <>
+      <div className='flex'>
+      <Button className='place-self-auto'> 
+        <Link href="reuseFaciltyManage/reuseFacilityInsert/publicReuseFaciltyInsert"> 하수재이용 시설 등록</Link>
+      </Button>
+      <Button className='place-self-auto'> 
+        <Link href="reuseFaciltyManage/reuseFacilityInsert/waterReuseFaciltyInsert"> 물재이용 시설 등록</Link>
+      </Button>
+      
+      </div>
+      </>  
   );
 }

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;

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  ( <>
+    <TableRow>{
+    upHeadList.map((head: TableUpperProps) => 
+      (!head.upSequnce?<TableHead rowSpan={2}key={head.id}>{head.title}</TableHead>:
+        head.upName === 'upChangeRe'&& head.upSequnce=== 1?<TableHead key={head.id} rowSpan={1} colSpan={3}>{'중축 개축 증축 '}</TableHead>:null))}
+    </TableRow>
+    <TableRow>
+      {upHeadList.map((head: TableUpperProps) =>
+        (head.upName === 'upChangeRe'?<TableHead key={head.id}>{head.title}</TableHead>:null))}
+    </TableRow>
+    </> )
+  }
+
+
+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(
+            <h1 className="pl-3 text-xl">○공공 허수처리시설 등록</h1>
+          )
+    }
+      
+    return(
+            <>
+                    <div>
+                        <h1 className="pl-3 text-2xl" >물재이용 시설 등록 </h1>
+                        <SearchDiv   >
+                            <div className='flex'> 
+                            <SelectBox label={searchDiv} selectArray={selectBox} /> 
+                                <Button className ='mr-4' size='sm'>조회</Button>
+                            <Button className ='mr-4' size='sm'>신규추가</Button>
+                            </div>
+                        </SearchDiv>
+                    </div>
+                    <div className="grid grid-cols-2 gap-4">
+
+                            <div className="colsapn-1">
+                            <UiTable publicReuseFacility={publicReuseFacilityUper} headlist={upHeadList} pageSize={100} total={total}  headName={headName()}>
+                                {nodeList}
+                            </UiTable>
+                            </div>
+                            <div className="colsapn-1 h-full">
+                            </div>
+                            
+                    </div>     
+            </>
+    );
+}
+  

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";