kyw546 11 months ago
parent
commit
fd04a5430a
  1. 2
      src/components/laanc/LaancModal.js
  2. 22
      src/components/laanc/LaancSearch.js
  3. 2
      src/containers/laanc/LaancContainer.js
  4. 10
      src/modules/laanc/models/laancModels.ts
  5. 2
      src/modules/laanc/reducers/laancReducers.ts
  6. 12
      src/views/laanc/LaancStep1.js

2
src/components/laanc/LaancModal.js

@ -2,7 +2,7 @@ import { Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';
export const LaancModal = props => { export const LaancModal = props => {
const handleButtonClick = () => { const handleButtonClick = () => {
window.open('https://drone.onestop.go.kr/', 'Ex'); window.open(props.modal.url);
}; };
return ( return (

22
src/components/laanc/LaancSearch.js

@ -1,15 +1,23 @@
import { useState } from 'react'; import { useState, useEffect } from 'react';
import { useDispatch, Selector, useSelector } from 'react-redux';
import { Row, Col, Button, Card, CardBody } from 'reactstrap'; import { Row, Col, Button, Card, CardBody } from 'reactstrap';
import { Search, Calendar } from 'react-feather'; import { Search, Calendar } from 'react-feather';
import Flatpickr from 'react-flatpickr'; import Flatpickr from 'react-flatpickr';
import moment from 'moment'; import moment from 'moment';
import * as LaancAction from '../../modules/laanc/actions/laancActions';
function LaancSearch() { function LaancSearch() {
const dispatch = useDispatch();
const [date, setDate] = useState({ const [date, setDate] = useState({
stDate: moment().subtract(0, 'day').format('YYYY-MM-DD'), stDate: moment().subtract(0, 'day').format('YYYY-MM-DD'),
endDate: moment().subtract(-14, 'day').format('YYYY-MM-DD') endDate: moment().subtract(-14, 'day').format('YYYY-MM-DD')
}); });
useEffect(() => {
dispatch(LaancAction.LAANC_APRV_LIST.request({ ...date, page: 1 }));
}, []);
const handlerChangeDate = selectedDates => { const handlerChangeDate = selectedDates => {
if (selectedDates.length === 2) { if (selectedDates.length === 2) {
const stDate = moment(selectedDates[0]).format('YYYY-MM-DD'); const stDate = moment(selectedDates[0]).format('YYYY-MM-DD');
@ -18,6 +26,10 @@ function LaancSearch() {
} }
}; };
const handlerClick = () => {
dispatch(LaancAction.LAANC_APRV_LIST.request({ ...date, page: 1 }));
};
return ( return (
<div className='pal-card-box'> <div className='pal-card-box'>
<Row> <Row>
@ -27,7 +39,13 @@ function LaancSearch() {
<h4>검색조건</h4> <h4>검색조건</h4>
</div> </div>
<div className='d-flex align-items-center'> <div className='d-flex align-items-center'>
<Button.Ripple color='primary' size='sm' onClick={() => {}}> <Button.Ripple
color='primary'
size='sm'
onClick={() => {
handlerClick();
}}
>
<Search size={16} /> <Search size={16} />
검색 검색
</Button.Ripple> </Button.Ripple>

2
src/containers/laanc/LaancContainer.js

@ -46,7 +46,9 @@ export default function LaancContainer() {
state => state.groupState state => state.groupState
); );
const { user } = useSelector(state => state.authState, shallowEqual); const { user } = useSelector(state => state.authState, shallowEqual);
const { laancSearchData } = useSelector(state => state.laancState);
console.log('??', laancSearchData);
//비행계획서 신청 버튼 활성/비활성 제어 //비행계획서 신청 버튼 활성/비활성 제어
const [isMyGroup, setIsMyGroup] = useState(); const [isMyGroup, setIsMyGroup] = useState();

10
src/modules/laanc/models/laancModels.ts

@ -5,7 +5,7 @@ export interface laancState {
laancApply: LaancApproval | undefined; laancApply: LaancApproval | undefined;
laancPdf: LaancPdf | undefined; laancPdf: LaancPdf | undefined;
laancSun: LaancSunData[] | undefined; laancSun: LaancSunData[] | undefined;
laancSearch: LaancAprvData[] | undefined; laancSearchData: LaancAprvData[] | undefined;
} }
// laanc계획서 초기값 // laanc계획서 초기값
@ -363,7 +363,7 @@ export const laancControlData = {
laancPdf: undefined, laancPdf: undefined,
laancApply: undefined, laancApply: undefined,
laancSun: undefined, laancSun: undefined,
laancSearch: undefined, laancSearchData: undefined,
detail: { detail: {
planSno: 0, planSno: 0,
groupId: '', groupId: '',
@ -623,6 +623,8 @@ export interface LaancAprvRq {
// laanc 승인 요청 rs // laanc 승인 요청 rs
export interface LaancAprvData { export interface LaancAprvData {
content: [
{
planSno: number; planSno: number;
groupId: string; groupId: string;
cstmrSno: number; cstmrSno: number;
@ -639,6 +641,8 @@ export interface LaancAprvData {
updateUserId: string; updateUserId: string;
updateDt: string; updateDt: string;
serviceType: string; serviceType: string;
}
];
areaList: [ areaList: [
{ {
planAreaSno: number; planAreaSno: number;
@ -654,4 +658,6 @@ export interface LaancAprvData {
docState: string; docState: string;
} }
]; ];
totalElements: number;
totalPages: number;
} }

2
src/modules/laanc/reducers/laancReducers.ts

@ -42,7 +42,7 @@ export const laancReducer = createReducer<laancState, Actions.LaancAction>(
.handleAction(Actions.LAANC_APRV_LIST.success, (state, action) => .handleAction(Actions.LAANC_APRV_LIST.success, (state, action) =>
produce(state, draft => { produce(state, draft => {
const data = action.payload; const data = action.payload;
draft.laancSearch = data; draft.laancSearchData = data;
}) })
); );

12
src/views/laanc/LaancStep1.js

@ -72,7 +72,8 @@ export default function LaancStep1({
isOpen: false, isOpen: false,
title: '', title: '',
desc: '', desc: '',
type: '' type: '',
url: ''
}); });
console.log('>>', laancSun); console.log('>>', laancSun);
@ -203,7 +204,8 @@ export default function LaancStep1({
아래 링크를 통해 담당자와 협의 부탁드립니다. 아래 링크를 통해 담당자와 협의 부탁드립니다.
</> </>
), ),
type: '처리부서안내 바로가기' type: '처리부서안내 바로가기',
url: 'https://drone.onestop.go.kr/introduce/systemintro3 '
}); });
} }
} }
@ -376,7 +378,8 @@ export default function LaancStep1({
드론원스톱을 통해서 신청해 주시기 바랍니다. 드론원스톱을 통해서 신청해 주시기 바랍니다.
</> </>
), ),
type: '드론원스톱 바로가기' type: '드론원스톱 바로가기',
url: 'https://drone.onestop.go.kr/'
}); });
handleChange({ handleChange({
name: 'schFltStDt', name: 'schFltStDt',
@ -462,7 +465,8 @@ export default function LaancStep1({
드론원스톱을 통해서 신청해 주시기 바랍니다. 드론원스톱을 통해서 신청해 주시기 바랍니다.
</> </>
), ),
type: 'date' type: 'date',
url: 'https://drone.onestop.go.kr/'
}); });
handleChange({ handleChange({
name: 'schFltEndDt', name: 'schFltEndDt',

Loading…
Cancel
Save