|
|
|
@ -4,6 +4,7 @@ import { Button, Input, CustomInput, Col, Row } from '@component/ui';
|
|
|
|
|
import { Search, Calendar } from 'react-feather'; |
|
|
|
|
import dayjs from 'dayjs'; |
|
|
|
|
import { CityCategories, DistrictCategories } from '@configs/constants'; |
|
|
|
|
import { useLocation } from 'react-router-dom'; |
|
|
|
|
|
|
|
|
|
export default function NewFlightApprovalsReport(props) { |
|
|
|
|
// 달력
|
|
|
|
@ -11,6 +12,7 @@ export default function NewFlightApprovalsReport(props) {
|
|
|
|
|
startDate: dayjs().format('YYYY-MM-DD'), |
|
|
|
|
endDate: dayjs().format('YYYY-MM-DD') |
|
|
|
|
}); |
|
|
|
|
const location = useLocation(); |
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
const popupSyncSearchData = JSON.parse(localStorage.getItem('popupState')); |
|
|
|
@ -46,36 +48,36 @@ export default function NewFlightApprovalsReport(props) {
|
|
|
|
|
검색일자 또는 신청번호/검토결과를 입력해주세요. |
|
|
|
|
</div> |
|
|
|
|
<div className='input-n'> |
|
|
|
|
<div className='list-input'> |
|
|
|
|
<div className='calendar-flat'> |
|
|
|
|
<Flatpickr |
|
|
|
|
placeholder='날짜를 선택해주세요' |
|
|
|
|
id='searchDate' |
|
|
|
|
options={{ |
|
|
|
|
mode: 'range', |
|
|
|
|
defaultDate: [searchDate.startDate, searchDate.endDate] |
|
|
|
|
}} |
|
|
|
|
onChange={date => { |
|
|
|
|
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' |
|
|
|
|
/> |
|
|
|
|
<Calendar size={14} /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div className='list-input'> |
|
|
|
|
<Input |
|
|
|
|
type='text' |
|
|
|
|
bsSize='sm' |
|
|
|
|
placeholder='신청번호 또는 검토결과를 입력해주세요.' |
|
|
|
|
value={props.filterId} |
|
|
|
|
onChange={e => props.setFilterId(e.target.value)} |
|
|
|
|
onKeyPress={handleKeyDown} |
|
|
|
|
<div className='list-input'> |
|
|
|
|
<div className='calendar-flat'> |
|
|
|
|
<Flatpickr |
|
|
|
|
placeholder='날짜를 선택해주세요' |
|
|
|
|
id='searchDate' |
|
|
|
|
options={{ |
|
|
|
|
mode: 'range', |
|
|
|
|
defaultDate: [searchDate.startDate, searchDate.endDate] |
|
|
|
|
}} |
|
|
|
|
onChange={date => { |
|
|
|
|
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' |
|
|
|
|
/> |
|
|
|
|
<Calendar size={14} /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div className='list-input'> |
|
|
|
|
<Input |
|
|
|
|
type='text' |
|
|
|
|
bsSize='sm' |
|
|
|
|
placeholder='신청번호 또는 검토결과를 입력해주세요.' |
|
|
|
|
value={props.filterId} |
|
|
|
|
onChange={e => props.setFilterId(e.target.value)} |
|
|
|
|
onKeyPress={handleKeyDown} |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -118,11 +120,21 @@ export default function NewFlightApprovalsReport(props) {
|
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
> |
|
|
|
|
{DistrictCategories[props.filterArea.ctprvn]?.map(district => ( |
|
|
|
|
<option key={district} value={district}> |
|
|
|
|
{district} |
|
|
|
|
</option> |
|
|
|
|
))} |
|
|
|
|
{location.pathname === '/operation/approvals' || '/rightMenu' |
|
|
|
|
? DistrictCategories['operation'][props.filterArea.ctprvn]?.map( |
|
|
|
|
district => ( |
|
|
|
|
<option key={district} value={district}> |
|
|
|
|
{district} |
|
|
|
|
</option> |
|
|
|
|
) |
|
|
|
|
) |
|
|
|
|
: DistrictCategories['control'][props.filterArea.ctprvn]?.map( |
|
|
|
|
district => ( |
|
|
|
|
<option key={district} value={district}> |
|
|
|
|
{district} |
|
|
|
|
</option> |
|
|
|
|
) |
|
|
|
|
)} |
|
|
|
|
</CustomInput> |
|
|
|
|
</div> |
|
|
|
|
<div className='list-input'> |
|
|
|
|