From f0cb735d6907c04ec66db5c002e6759d5f70a894 Mon Sep 17 00:00:00 2001
From: ljpark <mind-one005@mind-one.co.kr>
Date: Mon, 21 Jul 2025 21:05:44 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B7=B8=EB=9E=98=ED=94=84=20=EB=AA=85=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../popupComponent/chart/infilChart.tsx       | 17 +++++++-------
 .../popupComponent/chart/rdiiChart.tsx        | 22 ++++++++++---------
 2 files changed, 21 insertions(+), 18 deletions(-)

diff --git a/apps/sn/app/(map-layout)/map/components/popupComponent/chart/infilChart.tsx b/apps/sn/app/(map-layout)/map/components/popupComponent/chart/infilChart.tsx
index adf85f1af..72e521d33 100644
--- a/apps/sn/app/(map-layout)/map/components/popupComponent/chart/infilChart.tsx
+++ b/apps/sn/app/(map-layout)/map/components/popupComponent/chart/infilChart.tsx
@@ -43,8 +43,8 @@ const InfilChart = ({ pplMngNo }: ModalOpenProp) => {
 
   const chartForm = CHART_FORM.LINE;
   const chartConfig = {
-    chartData1: { label: '순오수량(m³/h)', color: "red", },
-    chartData2: { label: '실측하수량(m³/h)', color: "orange", }
+    chartData1: { label: '순오수량', color: "red", },
+    chartData2: { label: '실측하수량', color: "orange", }
   } as ChartConfig;
 
   useEffect(() => {
@@ -150,7 +150,7 @@ const InfilChart = ({ pplMngNo }: ModalOpenProp) => {
           </Button>
           {/* 상수사용량 적용연월 */}
           <div className="bg-white px-4 py-2 ">
-            <span className="text-2xl text-red-600 font-bold">상수사용량 적용연월</span>
+            <span className="text-2xl text-red-600 font-bold">● 상수사용량 적용연월</span>
             <div className="flex items-center mt-2">
               <span className="text-black text-xl font-bold">
                 {(selectedAplcnYm) ? moment(selectedAplcnYm, "YYYYMM").format("YYYY-MM") : ""}
@@ -159,16 +159,17 @@ const InfilChart = ({ pplMngNo }: ModalOpenProp) => {
           </div>
           {/* 침입수량 분석결과 */}
           <div className="bg-white px-4 py-2 ">
-            <span className="text-2xl text-red-600 font-bold">침입수량 분석결과</span>
+            <span className="text-2xl text-red-600 font-bold">● 침입수량 산정결과</span>
             <div className="flex items-center mt-2">
-              <span className="text-black text-xl font-bold">{inftwtQty}</span>
+              <span className="ml-2 text-black text-xl">침입수량 : </span>
+              <span className="w-[35px] inline-block text-right text-black text-xl font-bold">{inftwtQty}</span>
               <span className="ml-2 text-black text-xl">m³/d</span>
             </div>
           </div>
         </div>
         {/* 차트 */}
         <div className="h-[90%] bg-white text-3xl">
-          <MainChart chartConfig={chartConfig} chartForm={chartForm} chartData={chartData} chartTitle={'관로유량'} 
+          <MainChart chartConfig={chartConfig} chartForm={chartForm} chartData={chartData} chartTitle={'침입수량 그래프'} 
             yFieldText2="시간" yFieldText="유량(m³/h)"/>
         </div>
       </div>
@@ -256,7 +257,7 @@ const InfilChart = ({ pplMngNo }: ModalOpenProp) => {
               닫기
             </button>
             <button className="px-4 py-2 bg-gray-600 text-white rounded" onClick={infilRsltChart}>
-              분석결과 도표
+              선택조건 적용
             </button>
           </div>
         </div>)}
@@ -271,7 +272,7 @@ const InfilChart = ({ pplMngNo }: ModalOpenProp) => {
       headerTitle=""
       bodyClass={`
             min-h-[50vh]
-            w-[50vw]
+            w-[55vw]
             max-w-none
             max-h-none
             overflow-visible
diff --git a/apps/sn/app/(map-layout)/map/components/popupComponent/chart/rdiiChart.tsx b/apps/sn/app/(map-layout)/map/components/popupComponent/chart/rdiiChart.tsx
index c6792547f..bbf11a3f8 100644
--- a/apps/sn/app/(map-layout)/map/components/popupComponent/chart/rdiiChart.tsx
+++ b/apps/sn/app/(map-layout)/map/components/popupComponent/chart/rdiiChart.tsx
@@ -44,7 +44,7 @@ const RdiiChart = ({ pplMngNo }: ModalOpenProp) => {
 
   const chartForm = CHART_FORM.LINE;
   const chartConfig = {
-    chartData1: { label: 'RDII(m³/h)', color: "red", },
+    chartData1: { label: 'RDII', color: "red", },
     //chartData2: { label: '순오수량(m³/h)', color: "orange", },
   } as ChartConfig;
 
@@ -127,7 +127,7 @@ const RdiiChart = ({ pplMngNo }: ModalOpenProp) => {
           </Button>
           {/* 상수사용량 적용연월 */}
           <div className="bg-white px-4 py-2 ">
-            <span className="text-2xl text-red-600 font-bold">상수사용량 적용연월</span>
+            <span className="text-2xl text-red-600 font-bold">● 상수사용량 적용연월</span>
             <div className="flex items-center mt-2">
               <span className="text-black text-xl font-bold">
                 {(aplcnYm)? moment(aplcnYm, "YYYYMM").format("YYYY-MM"):""}
@@ -137,20 +137,22 @@ const RdiiChart = ({ pplMngNo }: ModalOpenProp) => {
         
           {/* 강우유입수량 분석결과 */}
           <div className="bg-white px-4 py-2 ">
-            <span className="text-2xl text-red-600 font-bold">강우유입수량 분석결과</span>
+            <span className="text-2xl text-red-600 font-bold">● 강우유입수량 분석결과</span>
             <div className="flex items-center mt-2">
-              <span className="text-black text-xl font-bold">{rdiiQty}</span>
-              <span className="ml-2 text-black">m³/d</span>
+              <span className="w-[90px] inline-block text-right ml-2 text-black text-xl">평균RDII : </span>
+              <span className="w-[30px] inline-block text-right text-black text-xl font-bold"> {rdiiQty}</span>
+              <span className="ml-2 text-black"> m³/d</span>
             </div>
             <div className="flex items-center mt-2">
-              <span className="text-black text-xl font-bold">{totalVolume}</span>
-              <span className="ml-2 text-black">m³/mm</span>
+              <span className="w-[90px] inline-block text-right ml-2 text-black text-xl">강우량대비RDII : </span>
+              <span className="w-[30px] inline-block text-right text-black text-xl font-bold"> {totalVolume}</span>
+              <span className="ml-2 text-black"> m³/mm</span>
             </div>
           </div>
         </div>
         {/* 차트 */}
         <div className="h-[90%] bg-white text-2xl">
-          <MainChart chartConfig={chartConfig} chartForm={chartForm} chartData={chartData} chartTitle={'관로유량'}
+          <MainChart chartConfig={chartConfig} chartForm={chartForm} chartData={chartData} chartTitle={'RDII 그래프'}
                     yFieldText2="시간" yFieldText="유량(m³/h)" />
         </div>
       </div>
@@ -242,7 +244,7 @@ const RdiiChart = ({ pplMngNo }: ModalOpenProp) => {
               닫기
             </button>
             <button className="px-4 py-2 bg-gray-600 text-white rounded" onClick={rdiiRsltChart}>
-              분석결과 도표
+              선택조건 적용
             </button>
           </div>
         </div>)}
@@ -257,7 +259,7 @@ const RdiiChart = ({ pplMngNo }: ModalOpenProp) => {
       headerTitle=""
       bodyClass={`
             min-h-[50vh]
-            w-[50vw]
+            w-[55vw]
             max-w-none
             max-h-none
             overflow-visible