From efae3210e489549d6452ef09fc38f9d332742d9f Mon Sep 17 00:00:00 2001
From: leedj312 <dlehd467@gmail.com>
Date: Wed, 18 Jun 2025 09:45:11 +0900
Subject: [PATCH] =?UTF-8?q?=EC=88=98=EC=9A=94=EB=A7=A4=EC=B9=AD=20?=
 =?UTF-8?q?=EA=B2=80=ED=86=A0=20put=20=ED=85=8C=EC=8A=A4=ED=8A=B8=20?=
 =?UTF-8?q?=EC=99=84=EB=A3=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/wr/app/matMng/coMat/coMatRvw/page.tsx    | 1423 +++++++++--------
 .../wr/app/store/matDmd/coMatRvw/headList.tsx |   12 +
 apps/wr/app/store/matDmd/coMatRvw/index.tsx   |   74 +-
 apps/wr/app/store/matDmd/coMatRvw/type.tsx    |  128 +-
 apps/wr/components/lib/func/commom.tsx        |   26 +-
 .../bizTotalMoneyPop/bizTotalMoneyPop.tsx     |   28 +
 .../ui/popover/usagePorcPop/usageProcPop.tsx  |   30 +
 7 files changed, 958 insertions(+), 763 deletions(-)
 create mode 100644 apps/wr/components/ui/popover/bizTotalMoneyPop/bizTotalMoneyPop.tsx
 create mode 100644 apps/wr/components/ui/popover/usagePorcPop/usageProcPop.tsx

diff --git a/apps/wr/app/matMng/coMat/coMatRvw/page.tsx b/apps/wr/app/matMng/coMat/coMatRvw/page.tsx
index d661e60d6..5f4a3943b 100644
--- a/apps/wr/app/matMng/coMat/coMatRvw/page.tsx
+++ b/apps/wr/app/matMng/coMat/coMatRvw/page.tsx
@@ -1,9 +1,19 @@
 "use client";
 
 import { useWrStore } from "@/app/store";
-import {DmdCoReqSchema, type DmdCoReqType, type DmdMatTableType}  from "@/app/store/matDmd/coMatRvw/type";
+import {
+  DmdCoReqSchema,
+  type DedMatUpdateType,
+  type DmdCoReqType,
+  type DmdMatTableType,
+} from "@/app/store/matDmd/coMatRvw/type";
 import { formH1Class, formTableName } from "@/components/lib/class/comClass";
-import { getCity, tableData, yearOptions } from "@/components/lib/func/commom";
+import {
+  getCity,
+  getdmdMatFlag,
+  tableData,
+  yearOptions,
+} from "@/components/lib/func/commom";
 import { CmpttnModal } from "@/components/ui/modal/coMat/cmpttnModal";
 import { CoMatModal } from "@/components/ui/modal/coMat/coMatModal";
 import type { objSearchType } from "@/components/ui/modal/fcltReg/bdstRegModal/bdstRegModal";
@@ -24,24 +34,23 @@ import {
   type SelectDataType,
 } from "@common/business_components/ui";
 import ListDiv from "@common/business_components/ui/list_div";
-import { Button, DatePicker, Input, Label } from "@common/components/ui";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@common/components/ui/tooltip";
-import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Input, Label } from "@common/components/ui";
 import { useEffect, useRef, useState } from "react";
-import { useFieldArray, useForm } from "react-hook-form";
+import {  useForm } from "react-hook-form";
 import toast, { Toaster } from "react-hot-toast";
 import { z } from "zod";
 import moment from "moment";
+import { usageProcData } from "@/app/store/matDmd/coMatRvw/headList";
+import UsageProcData from "@/components/ui/popover/usagePorcPop/usageProcPop";
+import BizTotalMoneyPop from "@/components/ui/popover/bizTotalMoneyPop/BizTotalMoneyPop";
+import { TEST_UUID } from "@/app/store/ruseFcltMng/fcltReg/rainReg";
+import { zodResolver } from "@hookform/resolvers/zod";
+
 
 export default function CoMatRvw() {
-  const { code, coRvw ,coMatRvwInit} = useWrStore((state) => state);
-const {coMatRvwRes} = coRvw
-
+  const { code, coRvw, coMatRvwInit ,coMatRvwUpdate} = useWrStore((state) => state);
+  const { coMatRvwRes } = coRvw;
+  //init, sub, match
   const initRef = useRef<boolean>(false);
   const { coRvwHeadList } = coRvw;
   const [dmdMatData, setDmdMtaData] = useState<DmdMatTableType[]>([]);
@@ -65,34 +74,70 @@ const {coMatRvwRes} = coRvw
   const [toDate, setToDate] = useState<string>(
     String(new Date().getFullYear())
   );
-  const [selectData, setSelectData] = useState<DmdCoReqType>({} as DmdCoReqType)
+  const [selectData, setSelectData] = useState<DmdCoReqType>(
+    {} as DmdCoReqType
+  );
   const form = useForm<z.infer<typeof DmdCoReqSchema>>({
     resolver: zodResolver(DmdCoReqSchema),
-  })
+  });
 
-  const TableCellClick = (index:number) =>{
-    console.log(coMatRvwRes )
-    if(coMatRvwRes && coMatRvwRes[index]){
+  const TableCellClick = (index: number) => {
+    console.log(coMatRvwRes);
+    if (coMatRvwRes && coMatRvwRes[index]) {
+      console.log(dmdMatData[index]);
 
-      console.log(dmdMatData[index])
-
-
-      setSelectData(coMatRvwRes[index] )
+      setSelectData(coMatRvwRes[index]);
     }
+  };
+  const onSubmit = () => {
+    const data:DedMatUpdateType = {
+      dmdInfoSn: form.getValues("dmdInfoSn"),
+      usgPrcsProcs: form.getValues("demandCst.usgPrcsProcs"),
+      cstrnCst:form.getValues("demandCst.cstrnCst"),
+      fcltSbsdEpsTrf:form.getValues("demandCst.fcltSbsdEpsTrf"),
+      prcsFcltCpctCstrnCst:form.getValues("demandCst.prcsFcltCpctCstrnCst"),
+      rgtr:TEST_UUID 
+      
+    };
 
-  }
 
-  useEffect(()=>{
-    if(coMatRvwRes){
-        const data =coMatRvwRes.map((item)=>{
-            return ({
-              ...item,
-              regDt: moment(item.regDt).format('YYYY-MM-DD') ,
-              state:''
-            })})
-        setDmdMtaData(tableData(data,{code}) )
+
+    coMatRvwUpdate( '11000SW001R1',  form.getValues('dmdInfoFk'), data )
+  };
+
+  useEffect(() => {
+    if (form?.getValues("useUsgCd")) {
+      form.setValue(
+        "demandCst.usgPrcsProcs",
+        usageProcData?.find(
+          (item) => item.usage === (form?.getValues("useUsgCd") as string)
+        )?.process ?? ""
+      );
     }
-  },[coMatRvwRes])
+  }, [form.watch("useUsgCd")]);
+
+  useEffect(() => {
+
+
+    console.log('coMatRvwRes ',  coMatRvwRes)
+    if (coMatRvwRes) {
+      const data = coMatRvwRes?.map((item, index) => {
+        console.log(" item ", item);
+        return {
+          ...item,
+          ctpvCd: item.demandCo.ctpvCd,
+          sggCd: item.demandCo.sggCd,
+          dmdCoNm: item.demandCo.dmdCoNm,
+          daddr: item.demandCo.daddr,
+          telno: item.demandCo.telno,
+          splyFcltFlg: getdmdMatFlag(item.demandMatching?.splyFcltFlg),
+          regDt: moment(item?.demandCo?.regDt).format("YYYY-MM-DD"),
+          state: "",
+        };
+      });
+      setDmdMtaData(tableData(data, { code }));
+    }
+  }, [coMatRvwRes]);
 
   const getSelCity = (val: string | number) => {
     const cityValue = String(val); // Ensure val is treated as a string
@@ -105,23 +150,19 @@ const {coMatRvwRes} = coRvw
     setObjSearch({ ...objSearch, sgg: String(val) });
   };
 
-
-useEffect(() =>{
-    if(!initRef.current){
-        coMatRvwInit(1,13,'11',fromDate,toDate)
-        initRef.current = true;
+  useEffect(() => {
+    if (!initRef.current) {
+      coMatRvwInit(1, 13, fromDate, toDate, "47");
+      initRef.current = true;
     }
+  }, [coMatRvwInit, initRef, fromDate, toDate]);
 
-},[coMatRvwInit,initRef,fromDate,toDate])
-
-
-useEffect(() =>{
-  if(selectData){
-  console.log(selectData)
-    form.reset(selectData)
-  }
-
-},[selectData,form ] )
+  useEffect(() => {
+    if (selectData) {
+      console.log(selectData);
+      form.reset(selectData);
+    }
+  }, [selectData, form]);
   return (
     <>
       <ContentsDiv>
@@ -215,627 +256,536 @@ useEffect(() =>{
             <ListDiv>
               <UiTable
                 headName={"수요매칭검토현황"}
-                tableData={dmdMatData||[]}
+                tableData={dmdMatData || []}
                 headlist={coRvwHeadList}
                 pageSize={20}
                 total={100000}
-                cellClick={(index:number|undefined, headId:string) =>{
-                  if(index !==undefined&& index>=0){
-
-                    TableCellClick(index)
+                cellClick={(index: number | undefined, headId: string) => {
+                  if (index !== undefined && index >= 0) {
+                    TableCellClick(index);
                   }
-               } }
+                }}
                 onPageChange={() => {}}
               ></UiTable>
             </ListDiv>
             <hr />
             <ScrollArea className="h-[49vh]">
-            <ListDiv>
-              <h3 className="mt-4 ml-2 text-2xl font-medium text-label">
-                수요신청 상세현황
-              </h3>
-              <Form {...form}>
-                <div className="grid grid-cols-12 gap-4 ml-4 mr-4">
-                  <div className="col-span-3 mt-4">
-                    <FormField
-                      control={form.control}
-                      name="regDt"
-                      render={({ field }) => (
-                        <FormUi label="요구시기">
-                          <Input
-                            placeholder=""
-                            type="text"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={ moment(field.value).format('YYYY-MM-DD') ?? ""}
-                            readOnly
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-3 mt-4">
-                    <FormField
-                      control={form.control}
-                      name="dmndQty"
-                      render={({ field }) => (
-                        <FormUi label="요구수량(M3/d)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-3 mt-4">
-                    <FormField
-                      control={form.control}
-                      name="useUsgCd"
-                      render={({ field }) => (
-                        <FormUi label="사용용도">
-                          <Input
-                            placeholder=""
-                            type="text"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(e.target.value);
-                            }}
-                            value={field.value ?? ''}
-                            readOnly
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-3 mt-4">
-                    <FormField
-                      control={form.control}
-                      name="wntUntprc"
-                      render={({ field }) => (
-                        <FormUi label="희망단가(원/m3)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-12 w-full">
-                    <h1 className={formH1Class}>요구수질</h1>
-                  </div>
-                  <div className="col-span-3 mt-4">
-                    <FormField
-                      control={form.control}
-                      name="grssClfg"
-                      render={({ field }) => (
-                        <FormUi label="총대장균군수 (개/100ml)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-3 mt-4">
-                    <FormField
-                      control={form.control}
-                      name="combResdch"
-                      render={({ field }) => (
-                        <FormUi label="결합잔류염소(mg/L)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-3 mt-4">
-                    <FormField
-                      control={form.control}
-                      name="trbt"
-                      render={({ field }) => (
-                        <FormUi label="탁도(NTU)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-3 mt-4">
-                    <FormField
-                      control={form.control}
-                      name="blgcOxygDmndQnt"
-                      render={({ field }) => (
-                        <FormUi label="생물학적 산소요구량(BOD)(mg/L)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-3 mt-4">
-                    <FormField
-                      control={form.control}
-                      name="smll"
-                      render={({ field }) => (
-                        <FormUi label="냄새">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-3 mt-4">
-                    <FormField
-                      control={form.control}
-                      name="crmty"
-                      render={({ field }) => (
-                        <FormUi label="색도(도)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-3 mt-4">
-                    <FormField
-                      control={form.control}
-                      name="tn"
-                      render={({ field }) => (
-                        <FormUi label="총질소 (T-N)(mg/L)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-3 mt-4">
-                    <FormField
-                      control={form.control}
-                      name="tph"
-                      render={({ field }) => (
-                        <FormUi label="총인(T-P)(mg/L)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-3 mt-4">
-                    <FormField
-                      control={form.control}
-                      name="ph"
-                      render={({ field }) => (
-                        <FormUi label="수소이온농도(pH)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-3 mt-4">
-                    <FormField
-                      control={form.control}
-                      name="clIonQnt"
-                      render={({ field }) => (
-                        <FormUi label="염화물(mgCL/L)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-3 mt-4">
-                    <FormField
-                      control={form.control}
-                      name="cdtnv"
-                      render={({ field }) => (
-                        <FormUi label="전기전도도(㎲/cm)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-3 mt-4">
-                    <FormField
-                      control={form.control}
-                      name="rmrk"
-                      render={({ field }) => (
-                        <FormUi label="비고">
-                          <Input
-                            placeholder=""
-                            type="text"
-                            onChange={(e) => {
-                              field.onChange(e.target.value);
-                            }}
-                            value={field.value ?? ""}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-12 w-full">
-                    <h1 className={formH1Class}>공급처 후보지</h1>
-                  </div>
-                  <div className="col-span-4 mt-4">
-                    <FormField
-                      control={form.control}
-                      name=""
-                      render={({ field }) => (
-                        <FormUi label="후보지1">
-                          <Input
-                            placeholder=""
-                            type="text"
-                            onChange={(e) => {
-                              field.onChange(String(e.target.value));
-                            }}
-                            value={field.value ?? ""}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-4 mt-4">
-                    <FormField
-                      control={form.control}
-                      name=""
-                      render={({ field }) => (
-                        <FormUi label="후보지2">
-                          <Input
-                            placeholder=""
-                            type="text"
-                            onChange={(e) => {
-                              field.onChange(e.target.value);
-                            }}
-                            value={field.value ?? ""}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-4 mt-4">
-                    <FormField
-                      control={form.control}
-                      name=""
-                      render={({ field }) => (
-                        <FormUi label="후보지3">
-                          <Input
-                            placeholder=""
-                            type="text"
-                            onChange={(e) => {
-                              field.onChange(e.target.value);
-                            }}
-                            value={field.value ?? ""}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                </div>
-              </Form>
-              <hr className="mt-8" />
-              <Form {...form}>
+              <ListDiv>
                 <h3 className="mt-4 ml-2 text-2xl font-medium text-label">
-                  표준공사비 산정
+                  수요신청 상세현황
                 </h3>
-                <div className="flex items-center mx-3 mb-3">
-                  <h1 className="">처리시설 표준공사비 산정</h1>
-
-                  <Button size={"sm"} onClick={(e) => {}}>
-                    계산
-                  </Button>
-                  <Button size={"sm"} onClick={(e) => {}}>
-                    저장
-                  </Button>
-                </div>
-                <div className="grid grid-cols-12 gap-4 ml-4 mr-4">
-                  <div className="col-span-3 mt-4">
-                    <FormField
-                      control={form.control}
-                      name=""
-                      render={({ field }) => (
-                        <FormUi label="용도">
-                          <Input
-                            placeholder=""
-                            type="text"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? ""}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-3 mt-4">
-                    <FormField
-                      control={form.control}
-                      name=""
-                      render={({ field }) => (
-                        <FormUi label="요구수량(M3/d)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-3 mt-4">
-                    <Label className="">
-                      용도에 따른 처리공정
-                      <i
-                        className="diveicon di-search"
-                        onClick={(e) => setIsPrcsMo({ isModal: true })}
-                      />
-                    </Label>
-
-                    <FormField
-                      control={form.control}
-                      name=""
-                      render={({ field }) => (
-                        <FormUi label="">
-                          <Input
-                            placeholder=""
-                            type="text"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value || ""}
-                            className="mt-2"
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-3 mt-4">
-                    <FormField
-                      control={form.control}
-                      name=""
-                      render={({ field }) => (
-                        <FormUi label="처리시설 용량（요구수량 * 365일)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.001"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-3 mt-4">
-                    <div className="flex items-center justify-between">
-                      <Label>처리시설용량에 따른 공사비（백만원)</Label>
-                      <Button
-                        size={"sm"}
-                        onClick={(e) => setIsCmpttnMo({ isModal: true })}
-                        className="bg-none"
-                      >
-                        공사비 산정표 보기
-                      </Button>
-                    </div>
-                    <FormField
-                      control={form.control}
-                      name=""
-                      render={({ field }) => (
-                        <FormUi label="">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.001"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-3 mt-4">
-                    <div className="flex items-center justify-between">
-                      <Label>시설부대경비 요율(%)</Label>
-                      <Button
-                        size={"sm"}
-                        onClick={(e) => setIsTrfMo({ isModal: true })}
-                      >
-                        요율표 보기
-                      </Button>
-                    </div>
-                    <FormField
-                      control={form.control}
-                      name=""
-                      render={({ field }) => (
-                        <FormUi label="">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.01"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-
-                  <div className="col-span-3 mt-4">
-                    <Label>
-                      총사업비 (백만원)
-                      <TooltipProvider>
-                        <Tooltip>
-                          <TooltipTrigger asChild>
-                            <i className="diveicon di-search" />
-                          </TooltipTrigger>
-                          <TooltipContent>
-                            <div className="font-bold mb-1 text-xl">
-                              총사업비 계산방법
-                            </div>
-                            <div className="text-lg">
-                              하수처리수 재이용시설 총 사업비 =
-                              공사비＋시설부대경비{" "}
-                            </div>
-                          </TooltipContent>
-                        </Tooltip>
-                      </TooltipProvider>
-                    </Label>
-                    <FormField
-                      control={form.control}
-                      name=""
-                      render={({ field }) => (
-                        <FormUi label="">
-                          <Input
-                            placeholder=""
-                            className="mt-2"
-                            type="number"
-                            step="0.01"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-                  <div className="col-span-3 mt-4">
-                    <div className="flex items-center justify-between">
-                      <Label>공급처 선정</Label>
-                      <Button
-                        size={"sm"}
-                        onClick={(e) => {}}
-                        className="bg-none"
-                      >
-                        후보지 조회
-                      </Button>
-                    </div>
-                    <FormField
-                      control={form.control}
-                      name=""
-                      render={({ field }) => (
-                        <FormUi label="">
-                          <Input
-                            placeholder=""
-                            type="text"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? ""}
-                          />
-                        </FormUi>
-                      )}
-                    />
-                  </div>
-
-                  <div className="col-span-4 mt-4">
-                    <div>
+                <Form {...form}>
+                  <div className="grid grid-cols-12 gap-4 ml-4 mr-4">
+                    <div className="col-span-3 mt-4">
                       <FormField
                         control={form.control}
-                        name=""
+                        name="demandCo.regDt"
                         render={({ field }) => (
-                          <FormUi label="공급관로 표준공사비（백만원）">
+                          <FormUi label="요구시기">
                             <Input
                               placeholder=""
                               type="text"
+                              onChange={(e) => {
+                                field.onChange(String(e.target.value));
+                              }}
+                              value={
+                                moment(field.value).format("YYYY-MM-DD") ?? ""
+                              }
+                              readOnly
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+                    <div className="col-span-3 mt-4">
+                      <FormField
+                        control={form.control}
+                        name="dmndQty"
+                        render={({ field }) => (
+                          <FormUi label="요구수량(M3/d)">
+                            <Input
+                              placeholder=""
+                              type="number"
+                              step="0.1"
+                              onChange={(e) => {
+                                field.onChange(Number(e.target.value));
+                              }}
+                              value={field.value ?? 0}
+                              readOnly
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+                    <div className="col-span-3 mt-4">
+                      <FormField
+                        control={form.control}
+                        name="useUsgCd"
+                        render={({ field }) => (
+                          <FormUi label="사용용도">
+                            <Input
+                              placeholder=""
+                              type="text"
+                              step="0.1"
+                              onChange={(e) => {
+                                field.onChange(e.target.value);
+                              }}
+                              value={field.value ?? ""}
+                              readOnly
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+                    <div className="col-span-3 mt-4">
+                      <FormField
+                        control={form.control}
+                        name="wntUntprc"
+                        render={({ field }) => (
+                          <FormUi label="희망단가(원/m3)">
+                            <Input
+                              placeholder=""
+                              type="number"
+                              step="0.1"
+                              onChange={(e) => {
+                                field.onChange(Number(e.target.value));
+                              }}
+                              value={field.value ?? 0}
+                              readOnly
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+                    <div className="col-span-12 w-full">
+                      <h1 className={formH1Class}>요구수질</h1>
+                    </div>
+                    <div className="col-span-3 mt-4">
+                      <FormField
+                        control={form.control}
+                        name="grssClfg"
+                        render={({ field }) => (
+                          <FormUi label="총대장균군수 (개/100ml)">
+                            <Input
+                              placeholder=""
+                              type="number"
+                              step="0.1"
+                              onChange={(e) => {
+                                field.onChange(Number(e.target.value));
+                              }}
+                              value={field.value ?? 0}
+                              readOnly
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+                    <div className="col-span-3 mt-4">
+                      <FormField
+                        control={form.control}
+                        name="combResdch"
+                        render={({ field }) => (
+                          <FormUi label="결합잔류염소(mg/L)">
+                            <Input
+                              placeholder=""
+                              type="number"
+                              step="0.1"
+                              onChange={(e) => {
+                                field.onChange(Number(e.target.value));
+                              }}
+                              value={field.value ?? 0}
+                              readOnly
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+                    <div className="col-span-3 mt-4">
+                      <FormField
+                        control={form.control}
+                        name="trbt"
+                        render={({ field }) => (
+                          <FormUi label="탁도(NTU)">
+                            <Input
+                              placeholder=""
+                              type="number"
+                              step="0.1"
+                              onChange={(e) => {
+                                field.onChange(Number(e.target.value));
+                              }}
+                              value={field.value ?? 0}
+                              readOnly
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+                    <div className="col-span-3 mt-4">
+                      <FormField
+                        control={form.control}
+                        name="blgcOxygDmndQnt"
+                        render={({ field }) => (
+                          <FormUi label="생물학적 산소요구량(BOD)(mg/L)">
+                            <Input
+                              placeholder=""
+                              type="number"
+                              step="0.1"
+                              onChange={(e) => {
+                                field.onChange(Number(e.target.value));
+                              }}
+                              value={field.value ?? 0}
+                              readOnly
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+                    <div className="col-span-3 mt-4">
+                      <FormField
+                        control={form.control}
+                        name="smll"
+                        render={({ field }) => (
+                          <FormUi label="냄새">
+                            <Input
+                              placeholder=""
+                              type="number"
+                              step="0.1"
+                              onChange={(e) => {
+                                field.onChange(Number(e.target.value));
+                              }}
+                              value={field.value ?? 0}
+                              readOnly
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+                    <div className="col-span-3 mt-4">
+                      <FormField
+                        control={form.control}
+                        name="crmty"
+                        render={({ field }) => (
+                          <FormUi label="색도(도)">
+                            <Input
+                              placeholder=""
+                              type="number"
+                              step="0.1"
+                              onChange={(e) => {
+                                field.onChange(Number(e.target.value));
+                              }}
+                              value={field.value ?? 0}
+                              readOnly
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+                    <div className="col-span-3 mt-4">
+                      <FormField
+                        control={form.control}
+                        name="tn"
+                        render={({ field }) => (
+                          <FormUi label="총질소 (T-N)(mg/L)">
+                            <Input
+                              placeholder=""
+                              type="number"
+                              step="0.1"
+                              onChange={(e) => {
+                                field.onChange(Number(e.target.value));
+                              }}
+                              value={field.value ?? 0}
+                              readOnly
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+                    <div className="col-span-3 mt-4">
+                      <FormField
+                        control={form.control}
+                        name="tph"
+                        render={({ field }) => (
+                          <FormUi label="총인(T-P)(mg/L)">
+                            <Input
+                              placeholder=""
+                              type="number"
+                              step="0.1"
+                              onChange={(e) => {
+                                field.onChange(Number(e.target.value));
+                              }}
+                              value={field.value ?? 0}
+                              readOnly
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+                    <div className="col-span-3 mt-4">
+                      <FormField
+                        control={form.control}
+                        name="ph"
+                        render={({ field }) => (
+                          <FormUi label="수소이온농도(pH)">
+                            <Input
+                              placeholder=""
+                              type="number"
+                              step="0.1"
+                              onChange={(e) => {
+                                field.onChange(Number(e.target.value));
+                              }}
+                              value={field.value ?? 0}
+                              readOnly
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+                    <div className="col-span-3 mt-4">
+                      <FormField
+                        control={form.control}
+                        name="clIonQnt"
+                        render={({ field }) => (
+                          <FormUi label="염화물(mgCL/L)">
+                            <Input
+                              placeholder=""
+                              type="number"
+                              step="0.1"
+                              onChange={(e) => {
+                                field.onChange(Number(e.target.value));
+                              }}
+                              value={field.value ?? 0}
+                              readOnly
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+                    <div className="col-span-3 mt-4">
+                      <FormField
+                        control={form.control}
+                        name="cdtnv"
+                        render={({ field }) => (
+                          <FormUi label="전기전도도(㎲/cm)">
+                            <Input
+                              placeholder=""
+                              type="number"
+                              onChange={(e) => {
+                                field.onChange(Number(e.target.value));
+                              }}
+                              value={field.value ?? 0}
+                              readOnly
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+                    <div className="col-span-3 mt-4">
+                      <FormField
+                        control={form.control}
+                        name="rmrk"
+                        render={({ field }) => (
+                          <FormUi label="비고">
+                            <Input
+                              placeholder=""
+                              type="text"
+                              onChange={(e) => {
+                                field.onChange(e.target.value);
+                              }}
+                              value={field.value ?? ""}
+                              readOnly
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+                    <div className="col-span-12 w-full">
+                      <h1 className={formH1Class}>공급처 후보지</h1>
+                    </div>
+                    <div className="col-span-4 mt-4">
+                      <FormField
+                        control={form.control}
+                        name={`demandMatching.splyCndtList.${0}`}
+                        render={({ field }) => (
+                          <FormUi label="후보지1">
+                            <Input
+                              placeholder=""
+                              type="text"
+                              onChange={(e) => {
+                                field.onChange(String(e.target.value));
+                              }}
+                              value={field.value ?? ""}
+                              readOnly
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+                    <div className="col-span-4 mt-4">
+                      <FormField
+                        control={form.control}
+                        name={`demandMatching.splyCndtList.${1}`}
+                        render={({ field }) => (
+                          <FormUi label="후보지2">
+                            <Input
+                              placeholder=""
+                              type="text"
+                              onChange={(e) => {
+                                field.onChange(e.target.value);
+                              }}
+                              value={field.value ?? ""}
+                              readOnly
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+                    <div className="col-span-4 mt-4">
+                      <FormField
+                        control={form.control}
+                        name={`demandMatching.splyCndtList.${2}`}
+                        render={({ field }) => (
+                          <FormUi label="후보지3">
+                            <Input
+                              placeholder=""
+                              type="text"
+                              onChange={(e) => {
+                                field.onChange(e.target.value);
+                              }}
+                              value={field.value ?? ""}
+                              readOnly
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+                  </div>
+                </Form>
+                <hr className="mt-8" />
+                <Form {...form}>
+                  <h3 className="mt-4 ml-2 text-2xl font-medium text-label">
+                    표준공사비 산정
+                  </h3>
+                  <div className="flex items-center mx-3 mb-3">
+                    <h1 className="">처리시설 표준공사비 산정</h1>
+
+                    <Button size={"sm"} onClick={(e) => {}}>
+                      계산
+                    </Button>
+                    <Button size={"sm"} onClick={onSubmit}>
+                      저장
+                    </Button>
+                  </div>
+                  <div className="col-span-12 w-full">
+                    <h1 className={formH1Class}>기본사항</h1>
+                  </div>
+                  <div className="grid grid-cols-12 gap-4 ml-4 mr-4">
+                    <div className="col-span-3 mt-4">
+                      <FormField
+                        control={form.control}
+                        name="useUsgCd"
+                        render={({ field }) => (
+                          <FormUi label="용도">
+                            <Input
+                              placeholder=""
+                              type="text"
+                              onChange={(e) => {
+                                field.onChange(Number(e.target.value));
+                              }}
+                              value={field.value ?? ""}
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+                    <div className="col-span-3 mt-4">
+                      <FormField
+                        control={form.control}
+                        name="dmndQty"
+                        render={({ field }) => (
+                          <FormUi label="요구수량(M3/d)">
+                            <Input
+                              placeholder=""
+                              type="number"
+                              step="0.1"
+                              onChange={(e) => {
+                                field.onChange(Number(e.target.value));
+                              }}
+                              value={field.value ?? 0}
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+                    <div className="col-span-3 mt-4">
+                      <UsageProcData
+                        children={
+                          <>
+                            <Label className="underline">
+                              용도에 따른 처리공정
+                              <i className="diveicon di-search" />
+                            </Label>
+                          </>
+                        }
+                      ></UsageProcData>
+                      <FormField
+                        control={form.control}
+                        name="demandCst.usgPrcsProcs"
+                        render={({ field }) => (
+                          <FormUi label="">
+                            <Input
+                              placeholder=""
+                              type="text"
+                              onChange={field.onChange}
+                              value={
+                                form.getValues("demandCst.usgPrcsProcs") ?? ""
+                              }
+                              className="mt-2"
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+                    <div className="col-span-3 mt-4">
+                      <FormField
+                        control={form.control}
+                        name="dmndQty"
+                        render={({ field }) => (
+                          <FormUi label="처리시설 용량（요구수량 * 365일)">
+                            <Input
+                              placeholder=""
+                              type="number"
+                              step="0.001"
+                              onChange={(e) => {
+                                field.onChange(Number(e.target.value));
+                              }}
+                              value={Number(field.value) * 365}
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+                    <div className="col-span-12 w-full">
+                      <h1 className={formH1Class}>공사비 입력사항</h1>
+                    </div>
+                    <div className="col-span-3 mt-4">
+                      <div className="flex items-center justify-between">
+                        <Label>처리시설용량에 따른 공사비（백만원)</Label>
+                        <Button
+                          size={"sm"}
+                          onClick={(e) => setIsCmpttnMo({ isModal: true })}
+                          className="bg-none"
+                        >
+                          공사비 산정표 보기
+                        </Button>
+                      </div>
+                      <FormField
+                        control={form.control}
+                        name="demandCst.prcsFcltCpctCstrnCst"
+                        render={({ field }) => (
+                          <FormUi label="">
+                            <Input
+                              placeholder=""
+                              type="number"
                               step="0.001"
                               onChange={(e) => {
                                 field.onChange(Number(e.target.value));
@@ -846,24 +796,88 @@ useEffect(() =>{
                         )}
                       />
                     </div>
-                    <div className="mt-4">
-                      <Label>관로 표준공사비 산정 프로그램</Label>
-                      <Button
-                        size={"sm"}
-                        onClick={(e) => {}}
-                        className="bg-none"
-                      >
-                        다운로드
-                      </Button>
+                    <div className="col-span-3 mt-4">
+                      <div className="flex items-center justify-between">
+                        <Label>시설부대경비 요율(%)</Label>
+                        <Button
+                          size={"sm"}
+                          onClick={(e) => setIsTrfMo({ isModal: true })}
+                        >
+                          요율표 보기
+                        </Button>
+                      </div>
+                      <FormField
+                        control={form.control}
+                        name="demandCst.fcltSbsdEpsTrf"
+                        render={({ field }) => (
+                          <FormUi label="">
+                            <Input
+                              placeholder=""
+                              type="number"
+                              step="0.01"
+                              onChange={(e) => {
+                                field.onChange(Number(e.target.value));
+                              }}
+                              value={field.value ?? 0}
+                            />
+                          </FormUi>
+                        )}
+                      />
                     </div>
-                    <div className="col-span-4 mt-4 mb-3">
+                    <div className="col-span-3 mt-4">
+                      <BizTotalMoneyPop>
+                        <Label className="underline">
+                          총사업비 (백만원) <i className="diveicon di-search" />
+                        </Label>
+                      </BizTotalMoneyPop>
+                      <Input
+                        placeholder=""
+                        className="mt-2"
+                        type="number"
+                        step="0.01"
+                        onChange={(e) => {}}
+                        value={
+                          form.getValues("demandCst.prcsFcltCpctCstrnCst") +
+                            form.getValues("demandCst.fcltSbsdEpsTrf") || 0
+                        }
+                      />
+                    </div>
+                    <div className="col-span-3 mt-4">
+                      <div className="flex items-center justify-between">
+                        <Label>공급처 선정</Label>
+                        <Button
+                          size={"sm"}
+                          onClick={(e) => {}}
+                          className="bg-none"
+                        >
+                          후보지 조회
+                        </Button>
+                      </div>
                       <FormField
                         control={form.control}
                         name=""
                         render={({ field }) => (
-                          <Label className="text-xl">
-                            처리시설 + 공급관로 총사업비（백만원)
-                            <FormUi label="">
+                          <FormUi label="">
+                            <Input
+                              placeholder=""
+                              type="text"
+                              onChange={(e) => {
+                                field.onChange(Number(e.target.value));
+                              }}
+                              value={field.value ?? ""}
+                            />
+                          </FormUi>
+                        )}
+                      />
+                    </div>
+
+                    <div className="col-span-4 mt-4">
+                      <div>
+                        <FormField
+                          control={form.control}
+                          name="demandCst.cstrnCst"
+                          render={({ field }) => (
+                            <FormUi label="공급관로 표준공사비（백만원）">
                               <Input
                                 placeholder=""
                                 type="text"
@@ -871,53 +885,52 @@ useEffect(() =>{
                                 onChange={(e) => {
                                   field.onChange(Number(e.target.value));
                                 }}
-                                readOnly={true}
                                 value={field.value ?? 0}
                               />
                             </FormUi>
-                          </Label>
-                        )}
-                      />
+                          )}
+                        />
+                      </div>
+                      <div className="mt-4">
+                        <Label>관로 표준공사비 산정 프로그램</Label>
+                        <Button
+                          size={"sm"}
+                          onClick={(e) => {}}
+                          className="bg-none"
+                        >
+                          다운로드
+                        </Button>
+                      </div>
+                      <div className="col-span-4 mt-4 mb-3">
+                        <FormField
+                          control={form.control}
+                          name=""
+                          render={({ field }) => (
+                            <Label className="text-xl">
+                              처리시설 + 공급관로 총사업비（백만원)
+                              <FormUi label="">
+                                <Input
+                                  placeholder=""
+                                  type="text"
+                                  step="0.001"
+                                  onChange={(e) => {
+                                    field.onChange(Number(e.target.value));
+                                  }}
+                                  readOnly={true}
+                                  value={field.value ?? 0}
+                                />
+                              </FormUi>
+                            </Label>
+                          )}
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-              </Form>
+                </Form>
               </ListDiv>
             </ScrollArea>
           </div>
-          <UiModal
-            body={
-              <>
-                <UiTable
-                  headName={"용도에 따른 처리공정"}
-                  tableData={[
-                    { usage: "청소", process: "총인처리시설 + 염소소독" },
-                    { usage: "화장실용수", process: "총인처리시설 + 염소소독" },
-                    { usage: "세척", process: "총인처리시설 + UV소독" },
-                    { usage: "살수", process: "총인처리시설 + UV소독" },
-                    { usage: "조경", process: "총인처리시설 + UV소독" },
-                    { usage: "농업", process: "총인처리시설 + UV소독" },
-                    { usage: "하천", process: "총인처리시설 + UV소독" },
-                    { usage: "지하수", process: "전처리시설 + RO" },
-                    { usage: "공업용수", process: "전처리시설 + RO" },
-                  ]}
-                  headlist={[
-                    { id: "usage", title: "용도" },
-                    { id: "process", title: "단위공정" },
-                  ]}
-                  pageSize={0}
-                  total={0}
-                  cellClick={() => {}}
-                  onPageChange={() => {}}
-                />
-              </>
-            }
-            bodyClass="w-[25vw] max-w-none h-[60vh]"
-            open={isPrcsMo.isModal}
-            onOpenChange={(open) => {
-              setIsPrcsMo({ isModal: open });
-            }}
-          />
+
           <UiModal
             body={<CoMatModal data={[]}></CoMatModal>}
             bodyClass="w-[40vw] max-w-none h-[70vh]"
diff --git a/apps/wr/app/store/matDmd/coMatRvw/headList.tsx b/apps/wr/app/store/matDmd/coMatRvw/headList.tsx
index 571deb001..1848a36c5 100644
--- a/apps/wr/app/store/matDmd/coMatRvw/headList.tsx
+++ b/apps/wr/app/store/matDmd/coMatRvw/headList.tsx
@@ -249,4 +249,16 @@ export const coModalHeadListExport: CommonTableProps[] = [
     rowSpan: 1,
     colSpan: 1,
   },
+]
+
+export const usageProcData  =[
+  { usage: "청소", process: "총인처리시설 + 염소소독" },
+  { usage: "화장실용수", process: "총인처리시설 + 염소소독" },
+  { usage: "세척", process: "총인처리시설 + UV소독" },
+  { usage: "살수", process: "총인처리시설 + UV소독" },
+  { usage: "조경", process: "총인처리시설 + UV소독" },
+  { usage: "농업", process: "총인처리시설 + UV소독" },
+  { usage: "하천", process: "총인처리시설 + UV소독" },
+  { usage: "지하수", process: "전처리시설 + RO" },
+  { usage: "공업", process: "전처리시설 + RO" },
 ]
\ No newline at end of file
diff --git a/apps/wr/app/store/matDmd/coMatRvw/index.tsx b/apps/wr/app/store/matDmd/coMatRvw/index.tsx
index 31d818ba5..9362ead28 100644
--- a/apps/wr/app/store/matDmd/coMatRvw/index.tsx
+++ b/apps/wr/app/store/matDmd/coMatRvw/index.tsx
@@ -2,8 +2,9 @@ import type { z } from "zod";
 import type { sttnHeadListType } from "../coSttn/headList";
 import { coRvwHeadListExport, coRvwNodeListExport } from "./headList";
 import type { CommonTableProps } from "../../common/type/header";
-import type { DmdCoReqType } from "./type";
-import { fetchType, getFetch } from "@/components/lib/api";
+import type { DedMatUpdateType, DmdCoReqType } from "./type";
+import { fetchType, getFetch, putFectch } from "@/components/lib/api";
+import toast from "react-hot-toast/headless";
 
 const coRvwHeadList = coRvwHeadListExport;
 const coRvwNodeList = coRvwNodeListExport;
@@ -30,35 +31,82 @@ export type coRvwType = coRvwState & coRvwActions;
 
 type coRvwActions = {
   coMatRvwInit: (
-    pageCnt: number,
     pageNo: number,
-    sggCd: string,
+    pageCnt: number,
     startYear: string,
-    endYear: string
-  ) => void;
+    endYear: string,
+    sggCd: string
+  ) => void,
+  coMatRvwUpdate:  (
+    splyCd: string,
+    dmdCd: string,
+    data: DedMatUpdateType
+  )=>void
+};
+
+const coMatInit = async (
+  pageNo: number,
+  pageCnt: number,
+  startYear: string,
+  endYear: string,
+  sggCd: string
+) => {
+  const url = `/reuseFc/request/infoList/${pageNo}/${pageCnt}/${startYear}/${endYear}/${sggCd}`;
+  const coMatRvwRes = await getFetch(fetchType.WR, url);
+
+  return coMatRvwRes;
 };
 
 export const coRvwActionsExport: (set: any) => coRvwActions = (set: any) => {
   return {
     coMatRvwInit: async (
-      pageCnt: number,
       pageNo: number,
-      sggCd: string,
+      pageCnt: number,
       startYear: string,
-      endYear: string
+      endYear: string,
+      sggCd: string
     ) => {
-      const tempData = `/reuseFc/request/10000000000000`;
-      const url = `/reuseFc/request/${pageNo}/${pageCnt}/${sggCd}/${startYear}/${endYear}}`;
-      const coMatRvwRes = await getFetch(fetchType.WR, tempData);
+      const url = `/reuseFc/request/infoList/${pageNo}/${pageCnt}/${startYear}/${endYear}/${sggCd}`;
+      const coMatRvwRes = await getFetch(fetchType.WR, url);
 
       return set((state: coRvwState) => ({
         ...state,
         coRvw: {
           ...state.coRvw,
           init: false,
-          coMatRvwRes: [coMatRvwRes],
+          coMatRvwRes: coMatRvwRes,
         },
       }));
     },
+    coMatRvwUpdate: async (
+      splyCd: string,
+      dmdCd: string,
+      data: DedMatUpdateType
+    ) => {
+      try {
+        const isUpdate = await putFectch(
+          `/reuseFc/request/cst/${splyCd}/${dmdCd}`,
+          data
+        );
+
+        const coMatRvwRes = coMatInit(
+          1,
+          10,
+          new Date().getFullYear().toString(),
+          new Date().getFullYear().toString(),
+          "11"
+        );
+        return set((state: coRvwState) => ({
+          ...state,
+          coRvw: {
+            ...state.coRvw,
+            init: false,
+            coMatRvwRes: coMatRvwRes,
+          },
+        }));
+      } catch (e) {
+        toast.error("매칭 검토 저장 오류입니다.");
+      }
+    },
   };
 };
diff --git a/apps/wr/app/store/matDmd/coMatRvw/type.tsx b/apps/wr/app/store/matDmd/coMatRvw/type.tsx
index eeaaaf8f5..93e214643 100644
--- a/apps/wr/app/store/matDmd/coMatRvw/type.tsx
+++ b/apps/wr/app/store/matDmd/coMatRvw/type.tsx
@@ -1,40 +1,43 @@
 import { z } from "zod";
-const DmdInfoSchema = z.object({
-  dmdInfoSn: z.number(),
-  dmdInfoFk: z.string(),
-  dmndTmng: z.coerce.date(),
-  dmndQty: z.number(),
-  wntUntprc: z.number(),
-  grssClfg: z.number(),
-  combResdch: z.number(),
-  trbt: z.number(),
-  blgcOxygDmndQnt: z.number(),
-  smll: z.number(),
-  crmty: z.number(),
-  tn: z.number(),
-  tph: z.number(),
-  ph: z.number(),
-  clIonQnt: z.number(),
-  cdtnv: z.number(),
-  rmrk: z.string(),
-  useUsgCd: z.string(),
-});
-const DmdMatSchema = z.object({
-  dmdInfoFk: z.string(),
-  splyFcltFk: z.string(),
-  splyFcltFlg: z.string(),
-  pbnstRuseFcltBizFk: z.number(),
-  splyBgngDay: z.coerce.date(),
-  splyEndDay: z.coerce.date(),
-  splyCpct: z.number(),
-  splyFmYn: z.string(),
-  useUsgCd: z.string(),
-});
 
-export const DmdCoReqSchema = 
-  z.object({
-    cityText:z.string().nullish(),
-    sggText:z.string().nullish(),
+  const DemandInfoSchema = z.object({
+    dmdInfoSn: z.number(),
+    dmdInfoFk: z.string(),
+    dmndTmng: z.coerce.date(),
+    dmndQty: z.number(),
+    wntUntprc: z.number(),
+    grssClfg: z.number(),
+    combResdch: z.number(),
+    trbt: z.number(),
+    blgcOxygDmndQnt: z.number(),
+    smll: z.number(),
+    crmty: z.number(),
+    tn: z.number(),
+    tph: z.number(),
+    ph: z.number(),
+    clIonQnt: z.number(),
+    cdtnv: z.number(),
+    rmrk: z.string(),
+    useUsgCd: z.string(),
+    mtchnCmptnYmd: z.string(),
+    rvwCmptnYmd: z.string()
+  });
+  
+  const DemandMatchingSchema = z.object({
+    dmdInfoFk: z.string(),
+    splyFcltFk: z.string(),
+    splyFcltFlg: z.string(),
+    pbnstRuseFcltBizFk: z.number(),
+    splyBgngDay: z.coerce.date(),
+    splyEndDay: z.coerce.date(),
+    splyCpct: z.number(),
+    splyFmYn: z.string(),
+    useUsgCd: z.string(),
+    dmdInfoSn: z.number(),
+    splyCndtList:z.array(z.string())
+  });
+  
+  const DemandCoSchema = z.object({
     dmdInfoPk: z.string(),
     dmdCoNm: z.string(),
     ctpvCd: z.string(),
@@ -51,11 +54,45 @@ export const DmdCoReqSchema =
     mdfcnDt: z.coerce.date(),
     mdfr: z.string(),
     dmdAplyPswd: z.string(),
-    demandInfo: z.array(DmdInfoSchema),
-    demandMatchings: z.array(DmdMatSchema),
-  })
-
-
+    demandInfo: z.array(DemandInfoSchema).nullish(), // 안쓰는 거임
+    demandMatchings: z.array(DemandMatchingSchema).nullish()// 안쓰는 거임
+  });
+  
+  const DemandCstSchema = z.object({
+    dmdInfoSn: z.number(),
+    usgPrcsProcs: z.string(),
+    cstrnCst: z.number(),
+    fcltSbsdEpsTrf: z.number(),
+    prcsFcltCpctCstrnCst: z.number()
+  });
+  
+  export const DmdCoReqSchema = z.object({
+    cityText:z.string().nullish(),
+    sggText:z.string().nullish(),
+    dmdInfoSn: z.number(),
+    dmdInfoFk: z.string(),
+    dmndTmng: z.coerce.date(),
+    dmndQty: z.number(),
+    wntUntprc: z.number(),
+    grssClfg: z.number(),
+    combResdch: z.number(),
+    trbt: z.number(),
+    blgcOxygDmndQnt: z.number(),
+    smll: z.number(),
+    crmty: z.number(),
+    tn: z.number(),
+    tph: z.number(),
+    ph: z.number(),
+    clIonQnt: z.number(),
+    cdtnv: z.number(),
+    rmrk: z.string(),
+    useUsgCd: z.string(),
+    mtchnCmptnYmd: z.string(),
+    rvwCmptnYmd: z.string(),
+    demandCo: DemandCoSchema,
+    demandMatching: DemandMatchingSchema,
+    demandCst: DemandCstSchema
+  });
 
 
 export type DmdCoReqType = z.infer<typeof DmdCoReqSchema>;
@@ -67,4 +104,15 @@ export type DmdMatTableType = {
     telno:string,
     regDt:string,
     state:string
+}
+
+
+export type  DedMatUpdateType =
+{
+  dmdInfoSn: number;
+  usgPrcsProcs: string;
+  cstrnCst: number;
+  fcltSbsdEpsTrf: number;
+  prcsFcltCpctCstrnCst: number;
+  rgtr: string;
 }
\ No newline at end of file
diff --git a/apps/wr/components/lib/func/commom.tsx b/apps/wr/components/lib/func/commom.tsx
index 7d4eff124..72f2943ce 100644
--- a/apps/wr/components/lib/func/commom.tsx
+++ b/apps/wr/components/lib/func/commom.tsx
@@ -14,7 +14,7 @@ export const getCity = (val: string, sggCd: SelectDataType[]) => {
       val: item.val,
       text: item.text, // 한국어 텍스트
     }));
-    data.unshift({val:'0',text:'전체'})
+  data.unshift({ val: "0", text: "전체" });
   return data;
 };
 
@@ -95,8 +95,6 @@ export const excelArrayDownload = (
   });
 };
 
-
-
 // onchange 텍스트를 숫자로 and ,제거
 export const handleCommaNumberChange = (
   e: React.ChangeEvent<HTMLInputElement>,
@@ -126,7 +124,6 @@ export const getCityOrSgg = (ref: RefObject<ReturnType>) => {
   return con;
 };
 
-
 export const safeDate = (value: any): Date | undefined => {
   const date = new Date(value);
   return isNaN(date.getTime()) ? undefined : date;
@@ -139,4 +136,23 @@ export const yearOptions: { val: string; text: string }[] = Array.from(
     val: String(1970 + i),
     text: `${1970 + i}년`,
   })
-);
\ No newline at end of file
+);
+
+export const getdmdMatFlag = (flag: string) => {
+  let flagMat = "";
+  switch (flag) {
+    case "Init":
+      flagMat = "신청";
+      break;
+    case "Sub":
+      flagMat = "검토";
+      break;
+    case "Matched":
+      flagMat = "완료";
+      break;
+    default :
+      flagMat = "";
+      break;
+  }
+  return flagMat;
+};
diff --git a/apps/wr/components/ui/popover/bizTotalMoneyPop/bizTotalMoneyPop.tsx b/apps/wr/components/ui/popover/bizTotalMoneyPop/bizTotalMoneyPop.tsx
new file mode 100644
index 000000000..84fbd83a5
--- /dev/null
+++ b/apps/wr/components/ui/popover/bizTotalMoneyPop/bizTotalMoneyPop.tsx
@@ -0,0 +1,28 @@
+import {
+  Label,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@common/components";
+
+export default function BizTotalMoneyPop({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <>
+      <Popover>
+        <PopoverTrigger>{children}</PopoverTrigger>
+        <PopoverContent className="w-[22vw]">
+          <div className="!w-full justify-center flex items-center">
+            <div className=" items-center font-bold mb-1 !text-3xl">총사업비 계산방법</div>
+            <div className=" items-center !text-2xl">
+              하수처리수 재이용시설 총 사업비 = 공사비＋시설부대경비{" "}
+            </div>
+          </div>
+        </PopoverContent>
+      </Popover>
+    </>
+  );
+}
diff --git a/apps/wr/components/ui/popover/usagePorcPop/usageProcPop.tsx b/apps/wr/components/ui/popover/usagePorcPop/usageProcPop.tsx
new file mode 100644
index 000000000..c1483847a
--- /dev/null
+++ b/apps/wr/components/ui/popover/usagePorcPop/usageProcPop.tsx
@@ -0,0 +1,30 @@
+import { usageProcData } from "@/app/store/matDmd/coMatRvw/headList";
+import { UiTable } from "@common/business_components/ui";
+import { Popover, PopoverContent, PopoverTrigger } from "@common/components";
+import { Children } from "react";
+
+export default function UsageProcData({ children }: { children: React.ReactNode }) {
+  return (
+    <>
+      <Popover>
+        <PopoverTrigger>{children}</PopoverTrigger>
+
+        <PopoverContent className="w-[25vw] max-w-none h-[54vh]">
+            <UiTable
+            className=""
+              headName={"용도에 따른 처리공정"}
+              tableData={usageProcData}
+              headlist={[
+                { id: "usage", title: "용도" },
+                { id: "process", title: "단위공정" },
+              ]}
+              pageSize={0}
+              total={0}
+              cellClick={() => {}}
+              onPageChange={() => {}}
+            />
+        </PopoverContent>
+      </Popover>
+    </>
+  );
+}