+ {item.ruseUtztnFcltNm}
+
{Number(item.splyExtraCpct || 0).toLocaleString()}
-
+
{Number(item.ruseCpct || 0).toLocaleString()}
-
+
handleDelete(item.pbnstRuseFcltId)}
- className="text-red-500 hover:text-red-700 text-sm font-bold"
+ className="text-gray-400 hover:text-red-500 text-[11px] font-bold transition-colors"
aria-label="삭제"
title="삭제"
>
@@ -64,15 +60,13 @@ export default function SelectedFcltList({
);
- if (data.length === 0) return null;
-
return (
-
-
+
+
선택된 시설
-
-
+
diff --git a/apps/dm/app/(popup-layout)/map/service/map.ts b/apps/dm/app/(popup-layout)/map/service/map.ts
index 00e3ab561..dea14f0d0 100644
--- a/apps/dm/app/(popup-layout)/map/service/map.ts
+++ b/apps/dm/app/(popup-layout)/map/service/map.ts
@@ -6,7 +6,7 @@ import { DEV_URL_WR, DEV_URL_SN } from "@/components/ui/config";
export type LyrStngProps = {
lyr_sn: string
lyr_nm: string
- upper_lyr_sn: string
+ upper_lyr_sn: string
drawOrdr: string
flterSql: string
gobjTy: string
@@ -29,7 +29,7 @@ export type LyrStngProps = {
export const mapService = {
//레이어 설정 조회
getLyrStngs: async () => {
- const response = await fetch(`${DEV_URL_SN}/api/v1/map/lyrStngs/DM_NETWORK`, {
+ const response = await fetch(`${DEV_URL_SN}/map/lyrStngs/DM_NETWORK`, {
method: 'GET',
headers: {
'Accept': 'application/json',
@@ -42,7 +42,7 @@ export const mapService = {
return response.json();
},
- getPbnstRuseFclts: async (ruseFcltPk:any) => {
+ getPbnstRuseFclts: async (ruseFcltPk: any) => {
const response = await fetch(`${DEV_URL_WR}/reuseFc/pubFc/${ruseFcltPk}`, {
method: 'GET',
headers: {
diff --git a/apps/dm_new/app/(with-layout)/apply/dmdco/page.tsx b/apps/dm/app/(with-layout)/apply/dmdco/page.tsx
similarity index 100%
rename from apps/dm_new/app/(with-layout)/apply/dmdco/page.tsx
rename to apps/dm/app/(with-layout)/apply/dmdco/page.tsx
diff --git a/apps/dm_new/app/(with-layout)/apply/layout.tsx b/apps/dm/app/(with-layout)/apply/layout.tsx
similarity index 100%
rename from apps/dm_new/app/(with-layout)/apply/layout.tsx
rename to apps/dm/app/(with-layout)/apply/layout.tsx
diff --git a/apps/dm_new/app/(with-layout)/apply/modal/WaterQualityRefModal.tsx b/apps/dm/app/(with-layout)/apply/modal/WaterQualityRefModal.tsx
similarity index 100%
rename from apps/dm_new/app/(with-layout)/apply/modal/WaterQualityRefModal.tsx
rename to apps/dm/app/(with-layout)/apply/modal/WaterQualityRefModal.tsx
diff --git a/apps/dm/app/(with-layout)/apply/register/page.tsx b/apps/dm/app/(with-layout)/apply/register/page.tsx
new file mode 100644
index 000000000..db1c47cb5
--- /dev/null
+++ b/apps/dm/app/(with-layout)/apply/register/page.tsx
@@ -0,0 +1,895 @@
+// app/(with-layout)/apply/register/page.tsx
+/**
+ * 수요정보등록(수정) 화면
+ *
+ * 🔗 사용 API
+ * - 수요정보등록: POST /reuseFc/request/demandInfo
+ * - 수요정보조회: GET /reuseFc/request/' + dmdInfoId - getSdmInfoStatusList
+ */
+"use client";
+
+import { useMemo, useState, useRef, useEffect } from "react";
+import { useRouter } from "next/navigation";
+import SubPageHeader from "@/components/SubPageHeader";
+import WaterQualityRefModal from "../modal/WaterQualityRefModal";
+import CandidateSiteModal, { type CandidateSite } from "@/components/CandidateSiteModal";
+import { useDmStore } from "@/app/store";
+import type { SdmInfoFormData } from "@/app/store/sdmMng";
+import SimilarCaseModal, { type SimilarCaseDetail, type SimilarCaseRow } from "@/app/(landing)/reuse/apply/modal/SimilarCaseModal";
+//import type { SubsInfo } from "@/app/store/map/type";
+
+type PHRange = { min: string; max: string };
+
+export default function DemandRegisterPage() {
+ const router = useRouter();
+ const today = useMemo(() => {
+ const d = new Date();
+ const yyyy = d.getFullYear();
+ const mm = String(d.getMonth() + 1).padStart(2, "0");
+ const dd = String(d.getDate()).padStart(2, "0");
+ return `${yyyy}-${mm}-${dd}`;
+ }, []);
+
+ const [openRef, setOpenRef] = useState(false);
+
+ const [openCand, setOpenCand] = useState(false);
+ const [selectedCands, setSelectedCands] = useState([]);
+
+ // 기본정보
+ const [reqDate, setReqDate] = useState(today);
+ const [reqQty, setReqQty] = useState("");
+ const [usePurpose, setUsePurpose] = useState("");
+ const [hopePrice, setHopePrice] = useState("");
+
+ // 요구수질
+ const [coliform, setColiform] = useState(""); // 총대장균군수
+ const [noDetect, setNoDetect] = useState(false);
+
+ const [tn, setTn] = useState("");
+ const [residualCl, setResidualCl] = useState("");
+ const [tp, setTp] = useState("");
+ const [turbidity, setTurbidity] = useState("");
+ const [ph, setPh] = useState({ min: "", max: "" });
+ const [bod, setBod] = useState("");
+ const [chloride, setChloride] = useState("");
+ const [odor, setOdor] = useState("불쾌하지 않을 것");
+ const [ec, setEc] = useState("");
+ const [color, setColor] = useState("");
+ const [remark, setRemark] = useState("");
+
+ // 공급처 후보지 선택(필수아님)
+ const [cand1, setCand1] = useState("");
+ const [cand2, setCand2] = useState("");
+ const [cand3, setCand3] = useState("");
+ //const [candidateList, setCandidateList] = useState([]);
+
+ const useTypesData = useDmStore((state) => state.Sdm.useTypesData);
+ const getUseTypesData = useDmStore((state) => state.getUseTypesData);
+ const [openSimilar, setOpenSimilar] = useState(false);
+
+ // 후보지 팝업 메시지 핸들러
+ const candsRef = useRef<{ name: string; code: string }[]>([]);
+
+ useEffect(() => {
+ const origin = window.location.origin;
+
+ const handleMessage = (event: MessageEvent) => {
+ const data = event.data;
+ if (!data || typeof data !== "object") return;
+
+ if (data.type === "SET_SUBS_INFO") {
+ // 팝업에서 배열로 전송 (최대 3개)
+ const list = Array.isArray(data.payload) ? data.payload : [];
+ setCand1(list[0]?.ruseUtztnFcltNm ?? "");
+ setCand2(list[1]?.ruseUtztnFcltNm ?? "");
+ setCand3(list[2]?.ruseUtztnFcltNm ?? "");
+ // 추후 REQUEST_INIT_SUBS_INFO 응답용 ref 갱신
+ candsRef.current = list.map((x: any) => ({
+ name: x.ruseUtztnFcltNm ?? "",
+ code: x.ruseUtztnFcltCd ?? "",
+ }));
+ }
+
+ if (data.type === "REQUEST_INIT_SUBS_INFO") {
+ // 팝업이 현재 선택된 후보지 초기값을 요청하면 응답
+ const initList = candsRef.current
+ .filter((x) => x.name)
+ .map((x) => ({
+ ruseUtztnFcltNm: x.name,
+ ruseUtztnFcltCd: x.code,
+ }));
+ const target = event.source as Window | null;
+ target?.postMessage(
+ { type: "INIT_SUBS_INFO", payload: initList },
+ { targetOrigin: origin }
+ );
+ }
+ };
+
+ window.addEventListener("message", handleMessage);
+ return () => window.removeEventListener("message", handleMessage);
+ }, []);
+
+ // 유사사례
+ const similarCaseList = useDmStore((state) => state.Sdm.similarCaseList);
+ const getSimilarCaseList = useDmStore((state) => state.getSimilarCaseList);
+ const [farmText, setFarmText] = useState("이하");
+
+ const insertSdmInfoData = useDmStore(
+ (state) => state.insertSdmInfoData
+ );
+
+ useEffect(() => {
+ getUseTypesData();
+ }, [getUseTypesData]);
+
+ useEffect(() => {
+ const handler = (event: MessageEvent) => {
+ if (!event.data) return;
+
+ if (event.data.type === "SET_SUBS_INFO") {
+ const list = event.data.payload || [];
+
+ // 최대 3개
+ setCand1(list[0]?.ruseUtztnFcltNm || "");
+ setCand2(list[1]?.ruseUtztnFcltNm || "");
+ setCand3(list[2]?.ruseUtztnFcltNm || "");
+ //setCandidateList(list);
+ }
+ };
+
+ window.addEventListener("message", handler);
+
+ return () => {
+ window.removeEventListener("message", handler);
+ };
+ }, []);
+
+ // option
+ // 'req':필수 / 'num' : 숫자 / 'num+[숫자] : 자릿수
+ const validation = (val, text, option: string[] = []) => {
+ if (option.includes('req')) {
+ if (val.trim() === "" || val === undefined) {
+ alert(`${text} 항목은 필수 입력값입니다.`);
+ return false;
+ }
+ } else {
+ if (val.trim() === "") {
+ return true;
+ }
+ }
+
+ const numOption = option.find((opt) => opt.startsWith("num"));
+ if (numOption) {
+ const isDot = numOption.includes("Dot");
+
+ // 3. 숫자 체크
+ const regex = isDot ? /^\d+(\.\d+)?$/ : /^\d+$/;
+
+ if (!regex.test(val)) {
+ alert(
+ `${text}은(는) ${isDot ? "숫자 또는 소수" : "숫자"
+ }만 입력 가능합니다.`
+ );
+ return false;
+ }
+
+ // 4. 자리수 체크
+ const lengthStr = numOption.replace("numDot", "").replace("num", "");
+
+ if (lengthStr) {
+ const length = Number(lengthStr);
+
+ if (isDot) {
+ // 🔥 소수 자리수 체크 (소수점 기준)
+ const decimalPart = val.split(".")[1];
+
+ if (decimalPart && decimalPart.length > length) {
+ alert(`${text}은(는) 소수점 ${length}자리까지 가능합니다.`);
+ return false;
+ }
+ } else {
+ // 정수 자리수 체크
+ if (val.length !== length) {
+ alert(`${text}은(는) ${length}자리여야 합니다.`);
+ return false;
+ }
+ }
+ }
+ }
+ return true;
+ }
+
+ const rows: SimilarCaseRow[] = similarCaseList.map((el, idx) => ({
+ caseId: String(idx),
+ projectName: el.ruseBizNm,
+ period: `${el.bizBgngDate} ~ ${el.bizEndDate}`,
+
+ supplyFacilityType: el.splyFcltKnd,
+ supplyName: el.splyFcltNm,
+ supplyCapacity: Number(el.splyFcltCpct),
+
+ demandName: el.dmdFcltNm,
+ demandAddress: el.dmdFcltAddr,
+
+ facilityCapacity: Number(el.ruseFcltCpct),
+ pipeKm: Number(el.ruseFcltPplLen),
+ purpose: el.ruseFcltUsg,
+
+ supplyAmt: Number(el.ruseFcltSplyCpct),
+ treatment: el.ruseFcltPrcsMsrc,
+ usePurpose: el.ruseFcltUsg,
+ }));
+
+ const detailsByCaseId: Record = {};
+ similarCaseList.forEach((el, idx) => {
+ detailsByCaseId[String(idx)] = {
+ coliform: el.grnteWqGrssClfg,
+ residualCl: el.grnteWqCombResdch,
+ turbidity: el.grnteWqTrbt,
+ bod: el.grnteWqBod,
+ odor: el.grnteWqSmll,
+ color: el.grnteWqCrmty,
+ tn: el.grnteWqTn,
+ tp: el.grnteWqTp,
+ ph: el.grnteWqPh,
+ chloride: el.grnteWqClIonQnt,
+ ec: el.grnteWqCndctStat,
+ note: el.grnteWqRmrk,
+
+ costTotal: Number(el.reqBizGrssCst),
+ costFacility: Number(el.reqBizReuseFcltCst),
+ costPipe: Number(el.reqBizPplCst),
+ costDesign: Number(el.reqBizDesignCst),
+ costSupervision: Number(el.reqBizSpvsCst),
+ costOther: Number(el.reqBizEtc),
+
+ fundingTotal: Number(el.prcmPlanGrssCst),
+ fundingNational: Number(el.prcmPlanNlep),
+ fundingLocal: Number(el.prcmPlanLcep),
+ fundingSelf: Number(el.prcmPlanBrdnCst),
+ fundingRate: Number(el.prcmPlanEcqrRt),
+ };
+ });
+
+ // 데이터 저장
+ const saveInfo = async () => {
+ if (!validation(reqQty, '요구수량', ['req', 'numDot'])) return false;
+ if (!validation(usePurpose, '사용용도', ['req'])) return false;
+ if (!validation(hopePrice, '희망단가', ['req', 'numDot'])) return false;
+ /* if(!noDetect && !validation(coliform, '총대장균군수', ['req','numDot'])) return false;
+ if(!validation(residualCl, ['req', '결합잔류염소', 'numDot'])) return false;
+ if(!validation(turbidity, '탁도', ['req', 'numDot'])) return false;
+ if(!validation(bod, '생물화학적산소요구량', ['req', 'numDot'])) return false;
+ if(!validation(odor, '냄새', ['req'])) return false; */
+
+ // 필수는 아니지만 숫자로는 들어와야함.
+ /* if(!validation(tn, '총질소', ['numDot'])) return false;
+ if(!validation(residualCl, '결합잔류염소', ['numDot'])) return false;
+ if(!validation(tp, '총인', ['numDot'])) return false;
+ if(!validation(ph.min, 'ph', ['numDot'])) return false;
+ if(!validation(ph.max, 'ph', ['numDot'])) return false;
+ if(!validation(chloride, '염화물', ['numDot'])) return false;
+ if(!validation(ec, '전기전도도', ['numDot'])) return false; */
+
+ const userStr = sessionStorage.getItem("user");
+ const user = userStr ? JSON.parse(userStr) : null;
+
+ if (user) {
+ // 후보지 목록 (candsRef에 코드까지 보관됨)
+ const splyCndtList = candsRef.current
+ .filter((x) => x.name)
+ .map((x) => ({
+ ruseUtztnFcltNm: x.name,
+ ruseUtztnFcltCd: x.code,
+ }));
+
+ const payload: SdmInfoFormData = {
+ dmndTmng: new Date(reqDate),
+ dmdInfoId: user.dmdInfoId,
+ dmndQty: Number(reqQty),
+ wntUntprc: Number(hopePrice),
+ useUsgCd: usePurpose,
+ // 수질
+ grssClfg: Number(coliform),
+ tn: Number(tn) || null,
+ combResdch: Number(residualCl) || null,
+ tph: Number(tp) || null,
+ trbt: Number(turbidity),
+ ph: ph.min || '' + ((ph.min || ph.max) ? '~' : '') + ph.max || '',
+ blgcOxygDmndQnt: Number(bod),
+ clIonQnt: Number(chloride) || null,
+ smll: odor,
+ cdtnv: Number(ec) || null,
+ crmty: Number(color) || null,
+ rmrk: remark,
+ splyCndtList, // 후보지 목록 추가
+ }
+ const success = await insertSdmInfoData(payload);
+ if (success) {
+ router.push("/apply/status");
+ }
+ }
+ }
+
+ const searchCandidate = (e: React.MouseEvent) => {
+ e.preventDefault();
+ e.stopPropagation();
+ const dmdInfoId = JSON.parse(
+ sessionStorage.getItem("user") || "{}"
+ )?.dmdInfoId?.toString();
+
+ const url = `/map/popup?dmdInfoId=${encodeURIComponent(dmdInfoId)}`;
+ const width = window.screen.availWidth;
+ const height = window.screen.availHeight;
+ const left = 0;
+ const top = 0;
+ const popupOptions = `width=${width},height=${height},left=${left},top=${top},resizable=yes,scrollbars=yes`;
+ window.open(url, "candidatePopup", popupOptions);
+ };
+
+ const getCriterionCode = (criterion: string) => {
+ switch (criterion) {
+ case "supplyAmt":
+ return "S";
+ case "money":
+ return "M";
+ case "usePurpose":
+ return "U";
+ default:
+ return "";
+ }
+ };
+
+ const searchSimilarCase = async (e: React.MouseEvent) => {
+ e.preventDefault();
+ e.stopPropagation();
+ setOpenSimilar(true);
+ };
+
+ const initQualityForm = () => {
+ setColiform("");
+ setNoDetect(false);
+ setTn("");
+ setResidualCl("");
+ setTp("");
+ setTurbidity("");
+ setPh({ min: "", max: "" });
+ setBod("");
+ setChloride("");
+ setOdor("불쾌하지 않을 것");
+ setEc("");
+ setColor("");
+ setRemark("");
+ setFarmText("이하");
+ }
+
+ const fncSetOptionValue = (e: React.ChangeEvent) => {
+ const value = e.target.value;
+ initQualityForm();
+
+ switch (value) {
+ // 청소화장실용도
+ case '01':
+ setTp('0.2');
+ setTurbidity('2');
+ setPh({ min: '5.8', max: '8.5' });
+ setBod('5');
+ setColor('20');
+ break;
+ // 세척살수용도
+ case '02':
+ setTp('0.2');
+ setTurbidity('2');
+ setPh({ min: '5.8', max: '8.5' });
+ setBod('5');
+ break;
+ // 조경용도
+ case '03':
+ setTp('0.2');
+ setTurbidity('2');
+ setPh({ min: '5.8', max: '8.5' });
+ setBod('5');
+ setChloride('250');
+ break;
+ // 지하수
+ case '05':
+ break;
+ // 농업용도
+ case '06':
+ setTurbidity('5');
+ setPh({ min: '5.8', max: '8.5' });
+ setBod('8');
+ setEc('2000');
+ setFarmText("이하 (** 간접:2000,직접:700 )");
+ break;
+ // 하천 등 유지보수
+ case '07':
+ setColiform('1000');
+ setTn('10');
+ setTp('0.5');
+ setPh({ min: '5.8', max: '8.5' });
+ setBod('5');
+ break;
+ // 공업
+ case '08':
+ setPh({ min: '5.8', max: '8.5' });
+ break;
+ default:
+ console.log('잘못된 선택입니다.');
+ }
+
+ setUsePurpose(value);
+ }
+
+ return (
+ <>
+
+
+
+ {/* 서브 타이틀 + 브레드크럼 */}
+
+
+ {/* 기본정보 테이블 */}
+
+
+
+
+
+
+
+
+
+
+
+
+ fncSetOptionValue(e)}
+ className="h-11 w-full max-w-[200px] rounded-md border border-neutral-300 bg-white px-3 text-sm outline-none focus:border-neutral-500"
+ >
+ 선택하세요
+ {useTypesData.map((item) => (
+
+ {item.text}
+
+ ))}
+
+
+
+
+
+
+
+
+
+ {/* 요구수질 섹션 타이틀 바 */}
+
+
+ 요구수질
+ setOpenRef(true)}
+ className="rounded border-[2px] border-[#DE3412] px-2 py-3 text-[15px] font-medium text-[#4F4F4F] hover:bg-orange-50"
+ >
+ 수질기준 참고
+
+ {/* 수질기준참고 모달 */}
+ setOpenRef(false)}
+ imageSrc="/images/landing/water_quality_ref_1.png"
+ />
+
+
+
+ {/* 요구수질 테이블 */}
+
+ }
+ rightLabel="총질소(T-N)(mg/L)"
+ rightControl={
+
+ }
+ />
+
+
+ {/* 2행 */}
+
}
+ rightLabel="총인(T-P)(mg/L)"
+ rightControl={
+
+ }
+ />
+
+
+ {/* 3행 */}
+
+ }
+ rightLabel="수소이온농도(pH)"
+ rightControl={
+
+ setPh((p) => ({ ...p, min: v }))}
+ className="w-32"
+ />
+ ~
+ setPh((p) => ({ ...p, max: v }))}
+ className="w-32"
+ />
+
+ }
+ />
+
+
+ {/* 4행 */}
+
+ 생물화학적산소요구량
+ setOdor(e.target.value)}
+ className="h-11 w-full max-w-[200px] rounded-md border border-neutral-300 bg-white px-3 text-sm outline-none focus:border-neutral-500"
+ >
+ 불쾌하지 않을 것
+ 약간 있음
+ 있음
+
+ }
+ rightLabel="전기전도도(µs/cm)"
+ rightControl={