수요처 폼으로 변경 및 버튼으로 변경

apps/wr/app/store/ruseFcltMng/fcltReg/pbnstReg/headList.tsx

@@ -64,6 +64,16 @@ export const fcOrgwtsHeadListExport: TableUpperProps[] = [
   { id: "addr", title: "위치" },
 ];
 
+export const dmdCoList: formDetailType[] = [
+  { id: "dmdCoNm", lable: "수요처명" },
+  { id: "daddr", lable: "위치(주소)" },
+  { id: "useUsgCd", lable: "사용용도" },
+  { id: "splyBgngDay", lable: "공급시작일", type: "date" },
+  { id: "splyEndDay", lable: "공급종료일", type: "date" },
+  { id: "splyCpct", lable: "(계약)공급량(m3/일)" },
+  { id: "splyFmYn", lable: "공급 유량계 유무", type: "selectYn" },
+];
+
 export const pbnstMngNmExport: chHeadType[] = [
   { headNm: "upChangeRe", text: "운영대행기간", length: 2 },
 ];

apps/wr/components/ui/form/fcltReg/pbnstReg/buseReg/bugRegForm.tsx

@@ -5,6 +5,7 @@ import {
   businessMoneyInfo,
   businessSttnInfo,
   concentratedWaterInfo,
+  dmdCoList,
   ruseFcltinfo,
   ruseWaterQulityList,
   wasteWaterFcltINfo,
@@ -312,22 +313,29 @@ export function PbnstBuseForm({ data }: { data: fcBizType[] }) {
                 sonClass="col-span-4"
               />
 
-              <h1 className={formH1Class}>하수처리수 재이용수 수요처</h1>
+              {/* <h1 className={formH1Class}>하수처리수 재이용수 수요처</h1> */}
               <div>
                 <div className="text-right mb-3">
-                  <Input
-                    type="text"
-                    className="!text-xl w-1/3"
-                    onClick={plusArray}
-                    placeholder="수요처 추가"
-                  >
-                  </Input>
+                  <Button
+                    type="button"
+                    onClick={() => {}}
+                    size={commonButonSize}
+                    className="">
+                    수요처 추가
+                  </Button>
                 </div>
-                <RuseMngTable
+                <MngRegFormDetail
+                formList={dmdCoList}
+                h1Title={"하수처리수 재이용수 수요처"}
+                form={form}
+                moClass="grid grid-cols-12 gap-4 mt-3"
+                sonClass="col-span-4"
+              />
+                {/* <RuseMngTable
                   tableData={[]}
                   headList={pbnst.pbnstDemandHeadList}
-                />
-              </div>
+                /> */}
+              </div>  
             </form>
           </Form>
         </div>

apps/wr/components/ui/form/fcltReg/pbnstReg/mngReg/mngRegFormDetail/mngRegFormDetail.tsx

@@ -14,7 +14,7 @@ export default function MngRegFormDetail({
   cycle,
 }: {
   formList: formDetailType[];
-  h1Title: string;
+  h1Title?: string;
   form: any;
   moClass?: string;
   cycle?:string
@@ -23,7 +23,7 @@ export default function MngRegFormDetail({
   const { code, } = useWrStore((state) => state);
   return (
     <>
-      <h1 className={formH1Class}>{h1Title}</h1>
+      { h1Title ? <h1 className={formH1Class}>{h1Title}</h1> : <></>}
       <div className={moClass}>
         {formList?.map((item, index) => {