diff --git a/apps/sn/app/components/ui/SidoSigunguSelectBox.tsx b/apps/sn/app/components/ui/SidoSigunguSelectBox.tsx index d1f542583..cf70f7e22 100644 --- a/apps/sn/app/components/ui/SidoSigunguSelectBox.tsx +++ b/apps/sn/app/components/ui/SidoSigunguSelectBox.tsx @@ -139,7 +139,7 @@ export function SidoSigunguSelectBox({ return (
({ val: opt.id, text: opt.name }))} @@ -147,7 +147,7 @@ export function SidoSigunguSelectBox({ onSelectValue={val => onSidoChange(Number(val))} /> ({ val: opt.id, text: opt.name }))} diff --git a/apps/sn/app/components/ui/YearRangeSelectBox.tsx b/apps/sn/app/components/ui/YearRangeSelectBox.tsx index 312c03e58..3dc8818fc 100644 --- a/apps/sn/app/components/ui/YearRangeSelectBox.tsx +++ b/apps/sn/app/components/ui/YearRangeSelectBox.tsx @@ -64,7 +64,7 @@ export function YearRangeSelectBox({ minYear = 1900, maxYear = new Date().getFullYear(), className = "", - selectClass = "rounded-lg bg-white" + selectClass = "rounded-lg bg-white flex-shrink-0 w-[70px]" }: YearRangeSelectBoxProps) { // 시작년도 배열 const getStartYearArray = () => { @@ -90,7 +90,7 @@ export function YearRangeSelectBox({ return (
~ = ({ open, onOpenChange, onFeature const todayDate = today.getDate().toString().padStart(2, '0'); // UiTable2에 넘길 headlist를 BASIC_TYPES 값에 따라 분기 처리 - let dynamicHeadlist = swageZoneTableHeadlist; // default 값 + let dynamicHeadlist = SwtrmtPrcsZoneCol; // default 값 if (activeTab === 'operation') dynamicHeadlist = operationTableHeadlist; // 운영정보 else if (activeTab === 'report') dynamicHeadlist = reportTableHeadlist; // 하수도정비기본계획보고서 else if (basicType === 'tb_ms_swage_ppl') dynamicHeadlist = swagePplTableHeadlist; // 하수관로 - else if (basicType === 'tb_il_swage_prcs_fclt') dynamicHeadlist = swageFcltTableHeadlist; // 하수처리시설 - else if (basicType === 'tb_ms_swage_prcs_zone') dynamicHeadlist = swageZoneTableHeadlist; // 하수처리구역 + else if (basicType === 'tb_il_swage_prcs_fclt') dynamicHeadlist = SwtrmtFcltCol; // 하수처리시설 + else if (basicType === 'tb_ms_swage_prcs_zone') dynamicHeadlist = SwtrmtPrcsZoneCol; // 하수처리구역 else if (basicType === 'tb_ms_swage_mh') dynamicHeadlist = swageMhTableHeadlist; // 하수맨홀 // 조회 버튼 클릭 시 1페이지로 이동하도록 수정 @@ -433,12 +391,12 @@ const SearchModal: React.FC = ({ open, onOpenChange, onFeature {/* 각각의 탭 영역 */} {/* 기본정보 탭 */} {activeTab === 'basic' && ( -
+
{/* 구분 */}
= ({ open, onOpenChange, onFeature
{ @@ -498,6 +456,8 @@ const SearchModal: React.FC = ({ open, onOpenChange, onFeature set변수2(val); }} /> +
+
{/* 행정읍면동코드 */} = ({ open, onOpenChange, onFeature set변수3(val); }} /> -
-
{/* 관경 */} = ({ open, onOpenChange, onFeature end={yearFilter.종료} onChange={range => setYearFilter({ ...yearFilter, 시작: range.start, 종료: range.end })} startLabel="가동개시일자" - endLabel="" + endLabel=" " /> {/* 시설용량 */} @@ -630,7 +588,7 @@ const SearchModal: React.FC = ({ open, onOpenChange, onFeature /> { @@ -664,6 +622,8 @@ const SearchModal: React.FC = ({ open, onOpenChange, onFeature setYearFilter({ ...yearFilter, 경과년도: val }); }} /> +
+
{/* 용도코드 */} = ({ open, onOpenChange, onFeature {/* 분기처리: 하수펌프장 */} {(basicType === 'tb_ms_swage_psmtn_1' || basicType === 'tb_ms_swage_psmtn_2') && (
+ {/* 설치년도 */} +
+ setYearFilter({ ...yearFilter, 시작: range.start, 종료: range.end })} + startLabel="설치년도" + endLabel="" + /> + {/* 경과년도 */} + + { + // 숫자만 입력 허용 + const val = e.target.value.replace(/[^0-9]/g, ''); + setYearFilter({ ...yearFilter, 경과년도: val }); + }} + /> +
- {/* 설치년도 */} -
- setYearFilter({ ...yearFilter, 시작: range.start, 종료: range.end })} - startLabel="설치년도" - endLabel="" - /> - {/* 경과년도 */} - - { - // 숫자만 입력 허용 - const val = e.target.value.replace(/[^0-9]/g, ''); - setYearFilter({ ...yearFilter, 경과년도: val }); - }} - /> -
{/* 일일처리용량 - 오수맨홀 */} = ({ open, onOpenChange, onFeature {/* 분기처리: 우수토실? 토구? */} {basicType === 'tb_ms_otfl' && (
+ {/* 설치년도 */} +
+ setYearFilter({ ...yearFilter, 시작: range.start, 종료: range.end })} + startLabel="설치년도" + endLabel="" + /> + {/* 경과년도 */} + + { + // 숫자만 입력 허용 + const val = e.target.value.replace(/[^0-9]/g, ''); + setYearFilter({ ...yearFilter, 경과년도: val }); + }} + /> +
- {/* 설치년도 */} -
- setYearFilter({ ...yearFilter, 시작: range.start, 종료: range.end })} - startLabel="설치년도" - endLabel="" - /> - {/* 경과년도 */} - - { - // 숫자만 입력 허용 - const val = e.target.value.replace(/[^0-9]/g, ''); - setYearFilter({ ...yearFilter, 경과년도: val }); - }} - /> -
{/* 하천명 */} = ({ open, onOpenChange, onFeature )} {/* 조회 버튼 중앙 정렬 */} -
- +
+
)} {/* 운영정보 탭 */} {activeTab === 'operation' && ( -
+
= ({ open, onOpenChange, onFeature /> {/* 설치년도 */} -
= ({ open, onOpenChange, onFeature startLabel="설치년도" endLabel="" /> +
{/* 경과년도 */} = ({ open, onOpenChange, onFeature setYearFilter({ ...yearFilter, 경과년도: val }); }} /> +
+
+ {/* 조회 버튼 중앙 정렬 */} +
+
-
- {/* 조회 버튼 중앙 정렬 */} -
- -
)} {/* 하수도정비기본계획보고서 탭 */} {activeTab === 'report' && ( -
+
{/* 시도, 시군구, 하수처리구역 한 줄 */}
= ({ open, onOpenChange, onFeature onSidoChange={set시도} onSigunguChange={set시군구} /> - ({ val: opt.val, text: opt.text }))} - onSelectValue={val => set처리구역(String(val))} - value={처리구역} - /> - { - // 숫자만 입력 허용 - const val = e.target.value.replace(/[^0-9]/g, ''); - set변수1(val); - }} - /> - setYearFilter({ ...yearFilter, 시작: range.start, 종료: range.end })} - startLabel="승인년도" - endLabel="" - />
- {/* 조회 버튼 중앙 정렬 */} -
- +
+
+ ({ val: opt.val, text: opt.text }))} + onSelectValue={val => set처리구역(String(val))} + value={처리구역} + /> + { + // 숫자만 입력 허용 + const val = e.target.value.replace(/[^0-9]/g, ''); + set변수1(val); + }} + /> + setYearFilter({ ...yearFilter, 시작: range.start, 종료: range.end })} + startLabel="승인년도" + endLabel="" + /> +
+ {/* 조회 버튼 중앙 정렬 */} +
+ +
+
)} diff --git a/apps/sn/app/map/components/common/table.ts b/apps/sn/app/map/components/common/table.ts index b72d3e81d..148f5ef0f 100644 --- a/apps/sn/app/map/components/common/table.ts +++ b/apps/sn/app/map/components/common/table.ts @@ -7,11 +7,11 @@ export const SwtrmtFcltCol = [ { id: 'oprtngStrtYmd', title: '가동개시일자' }, { id: 'clsgYmd', title: '폐쇄일자' }, { id: 'prcsMsrcCd', title: '처리공법코드' }, - { id: 'laeCd', title: '지자체코드' }, + // { id: 'laeCd', title: '지자체코드' }, { id: 'laeNm', title: '지자체명' }, { id: 'ctpvNm', title: '시도명' }, { id: 'sggNm', title: '시군구명' }, - { id: 'sareaCd', title: '권역코드' }, + // { id: 'sareaCd', title: '권역코드' }, { id: 'sareaNm', title: '권역명' }, { id: 'lrgeSareaNm', title: '대권역명' }, { id: 'rvrNm', title: '하천명' }, @@ -26,7 +26,7 @@ export const SwtrmtFcltCol = [ { id: 'prcsZoneAreaSum', title: '처리구역면적합계' }, { id: 'xcrd', title: 'X좌표' }, { id: 'ycrd', title: 'Y좌표' }, - { id: 'oprtngSttsCd', title: '가동상태코드' }, + // { id: 'oprtngSttsCd', title: '가동상태코드' }, { id: 'rprsMsrcCn', title: '대표공법내용' }, { id: 'sttyCrtrBod', title: '법정기준생물화학적산소요구량' }, { id: 'sttyCrtrToc', title: '법정기준TOC' }, @@ -35,17 +35,17 @@ export const SwtrmtFcltCol = [ { id: 'sttyCrtrTph', title: '법정기준총인' }, { id: 'sttyCrtrClbclCnt', title: '법정기준대장균수' }, { id: 'bsnNm', title: '유역명' }, - { id: 'obsrvnSptCd', title: '관측지점코드' }, + // { id: 'obsrvnSptCd', title: '관측지점코드' }, ]; // 하수처리구역 export const SwtrmtPrcsZoneCol = [ { id: 'swtrmtZoneSn', title: '하수처리구역 일련번호' }, { id: 'swtrmtZoneNm', title: '하수처리구역명' }, - { id: 'swtrmtFcltCd', title: '하수처리시설코드' }, - { id: 'ctpvCd', title: '시도코드' }, + // { id: 'swtrmtFcltCd', title: '하수처리시설코드' }, + // { id: 'ctpvCd', title: '시도코드' }, { id: 'ctpvNm', title: '시도명' }, - { id: 'sggCd', title: '시군구코드' }, + // { id: 'sggCd', title: '시군구코드' }, { id: 'sggNm', title: '시군구명' }, { id: 'swtrmtFcltNm', title: '하수처리시설명' }, ] @@ -56,18 +56,18 @@ export const MsSwageMhlCol = [ { id: 'geom', title: 'geometry' }, { id: 'ftreSmblCd', title: '지형지물부호코드' }, { id: 'mngNo', title: '관리번호' }, - { id: 'pbadmsEmdCd', title: '행정읍면동코드' }, + // { id: 'pbadmsEmdCd', title: '행정읍면동코드' }, { id: 'mapshtNo', title: '도엽번호' }, - { id: 'mngInstCd', title: '관리기관코드' }, + // { id: 'mngInstCd', title: '관리기관코드' }, { id: 'instlYmd', title: '설치일자' }, { id: 'lastDrdgnYmd', title: '최종준설일자' }, { id: 'usgCd', title: '용도코드' }, - { id: 'fcltyShpCd', title: '시설물형태코드' }, + // { id: 'fcltyShpCd', title: '시설물형태코드' }, { id: 'mhlKndCd', title: '맨홀종류코드' }, { id: 'swageMhDiam', title: '하수맨홀구경' }, { id: 'wdthLen', title: '가로길이' }, { id: 'vrtcLen', title: '세로길이' }, - { id: 'mqltCd', title: '재질코드' }, + // { id: 'mqltCd', title: '재질코드' }, { id: 'altdVl', title: '표고값' }, { id: 'dpthlVl', title: '심도값' }, { id: 'instMngNo', title:'기관관리번호'}]