diff --git a/src/components/flight/NewFlightApprovalsReport.js b/src/components/flight/NewFlightApprovalsReport.js index f16dfa2c..b061715f 100644 --- a/src/components/flight/NewFlightApprovalsReport.js +++ b/src/components/flight/NewFlightApprovalsReport.js @@ -37,125 +37,128 @@ export default function NewFlightApprovalsReport(props) { }; return ( -
-
-

비행승인 신청 검토결과 현황

-
-
- 검색일자 또는 신청번호/검토결과를 입력해주세요. -
-
-
-
-
- { - setSearchDate({ - startDate: dayjs(date[0]).format('YYYY-MM-DD'), - endDate: dayjs(date[1]).format('YYYY-MM-DD') - }); - }} - className='form-control flat-picker bg-transparent border-0 shadow-none' - /> - -
-
-
- props.setFilterId(e.target.value)} - onKeyPress={handleKeyDown} - /> -
+ <> +
+
+

비행승인 신청 검토결과 현황

-
-
-

지역

-
+
+ 검색일자 또는 신청번호/검토결과를 입력해주세요. +
+
- - props.setFilterArea({ - ...props.filterArea, - ctprvn: e.target.value, - sig: '전체' - }) - } - > - {Object.values(CityCategories).map(city => ( - - ))} - -
-
- - props.setFilterArea({ - ...props.filterArea, - sig: e.target.value - }) - } - > - {DistrictCategories[props.filterArea.ctprvn]?.map(district => ( - - ))} - +
+ { + setSearchDate({ + startDate: dayjs(date[0]).format('YYYY-MM-DD'), + endDate: dayjs(date[1]).format('YYYY-MM-DD') + }); + }} + className='form-control flat-picker bg-transparent border-0 shadow-none' + /> + +
- props.setFilterArea({ - ...props.filterArea, - address: e.target.value - }) - } + placeholder='신청번호 또는 검토결과를 입력해주세요.' + value={props.filterId} + onChange={e => props.setFilterId(e.target.value)} onKeyPress={handleKeyDown} />
-
- -
-
+ +
+
+

지역

+
+
+
+ + props.setFilterArea({ + ...props.filterArea, + ctprvn: e.target.value, + sig: '전체' + }) + } + > + {Object.values(CityCategories).map(city => ( + + ))} + +
+
+ + props.setFilterArea({ + ...props.filterArea, + sig: e.target.value + }) + } + > + {DistrictCategories[props.filterArea.ctprvn]?.map(district => ( + + ))} + +
+
+ + props.setFilterArea({ + ...props.filterArea, + address: e.target.value + }) + } + onKeyPress={handleKeyDown} + /> +
+
+ +
+
+
+ ); } diff --git a/src/containers/flight/ControlApprovalsContainer.js b/src/containers/flight/ControlApprovalsContainer.js index dfff6e68..f9e6865d 100644 --- a/src/containers/flight/ControlApprovalsContainer.js +++ b/src/containers/flight/ControlApprovalsContainer.js @@ -688,7 +688,7 @@ export default function ControlApprovalsContainer({ mode }) { className='right-layer active flight-approval-layer' ref={rightMenuRef} > -
+
-
+