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

sn: 침입수 1차 수정

Browse Source
This commit is contained in:
dongsilove
2026-03-17 22:42:46 +09:00
parent 908ec81fb7
commit 630c9492cd
1 changed files with 18 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/sn/app/(map-layout)/map/components/popupComponent/chart/infilChart.tsx
+18 -15
View File
@@ -150,10 +150,10 @@ const InfilChart = ({ pplMngNo = '' }: ModalOpenProp) => {
};
const renderInfoInput = (label: string, value?: string | number | null) => (
<div className="grid grid-cols-[150px_minmax(0,1fr)] items-center gap-3">
<Label className="w-auto text-[18px] font-semibold text-[#5c6470] whitespace-nowrap">{label}</Label>
<div className="grid grid-cols-[125px_minmax(0,1fr)] items-center gap-3">
<Label className="w-auto text-[16px] font-semibold text-[#5c6470] whitespace-nowrap">{label}</Label>
<Input
className="h-[42px] rounded-[10px] border border-[#d7dde5] bg-white px-3 text-[16px] text-[#2b3440]"
className="h-[42px] rounded-[10px] border border-[#d7dde5] bg-white px-3 text-2xl md:text-2xl text-[#2b3440]"
placeholder=""
value={value ?? ''}
readOnly
@@ -161,6 +161,9 @@ const InfilChart = ({ pplMngNo = '' }: ModalOpenProp) => {
</div>
);
const handleReset = () => {
resetState();
}
const renderBody = () => (
<div className="text-black">
<div className="mb-4 flex items-start justify-between">
@@ -169,14 +172,14 @@ const InfilChart = ({ pplMngNo = '' }: ModalOpenProp) => {
<div className="grid min-h-[68vh] grid-cols-[440px_minmax(0,1fr)] gap-5">
<section className="relative rounded-[12px] border border-[#b1b1b1] bg-white p-5">
<h3 className="mb-6 text-[24px] font-extrabold tracking-[-0.02em] text-black">
<h3 className="mb-6 text-[20px] font-extrabold tracking-[-0.02em] text-black">
침입수 분석 선택 조건
</h3>
<div className="rounded-[6px] border border-[#d9dde3] bg-[#eff1f4] px-4 py-6">
<div className="space-y-3">
<div className="grid grid-cols-[150px_minmax(0,1fr)] items-center gap-3">
<Label className="w-auto text-[18px] font-semibold text-[#5c6470] whitespace-nowrap">
<div className="grid grid-cols-[125px_minmax(0,1fr)] items-center gap-3">
<Label className="w-auto text-[16px] font-semibold text-[#5c6470] whitespace-nowrap">
상수사용월:
</Label>
<SelectBox
@@ -189,8 +192,8 @@ const InfilChart = ({ pplMngNo = '' }: ModalOpenProp) => {
/>
</div>
<div className="grid grid-cols-[150px_minmax(0,1fr)] items-center gap-3">
<Label className="w-auto text-[18px] font-semibold text-[#5c6470] whitespace-nowrap">
<div className="grid grid-cols-[125px_minmax(0,1fr)] items-center gap-3">
<Label className="w-auto text-[16px] font-semibold text-[#5c6470] whitespace-nowrap">
분석정보:
</Label>
<SelectBox
@@ -212,17 +215,17 @@ const InfilChart = ({ pplMngNo = '' }: ModalOpenProp) => {
</div>
<div className="absolute inset-x-0 bottom-0 mb-[40px] flex justify-center">
<Button
className="w-[140px] h-[38px] rounded-[6px] bg-[#5d7088] px-6 py-3 text-xxl font-bold text-white hover:bg-[#50627a]"
onClick={infilRsltChart}
>
선택조건 적용
<Button size="lg" onClick={infilRsltChart} >
조회
</Button>&nbsp;&nbsp;
<Button size="lg" color="gray" onClick={handleReset} >
초기화
</Button>
</div>
</section>
<section className="relative rounded-[12px] border border-[#b1b1b1] bg-white p-5">
<h3 className="mb-6 text-[24px] font-extrabold tracking-[-0.02em] text-black">침입수 분석 결과</h3>
<h3 className="mb-6 text-[20px] font-extrabold tracking-[-0.02em] text-black">침입수 분석 결과</h3>
<div className="mb-6 grid grid-cols-2 gap-5">
<div className="flex min-h-[92px] items-center justify-between rounded-[14px] border border-[#4f88c6] bg-white px-6 py-4">
@@ -259,7 +262,7 @@ const InfilChart = ({ pplMngNo = '' }: ModalOpenProp) => {
yFieldText2=""
/>
) : (
<div className="flex h-[590px] items-center justify-center text-[18px] text-[#2c2f33]">
<div className="flex h-[464px] items-center justify-center text-[18px] text-[#2c2f33]">
데이터가 없습니다.
</div>
)}