ONAANDALL/frontend
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

그래프 명 수정

Browse Source
This commit is contained in:
mind-one005
2025-07-21 21:05:44 +09:00
parent 9c69ba2122
commit f0cb735d69
2 changed files with 21 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/sn/app/(map-layout)/map/components/popupComponent/chart/infilChart.tsx
+9 -8
View File
@@ -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
apps/sn/app/(map-layout)/map/components/popupComponent/chart/rdiiChart.tsx
+12 -10
View File
@@ -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