From af0c8d48a844daf99957e2cf3575ac7765ea071f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?kimjh=28=EA=B9=80=EC=9E=A5=ED=98=84=29?= <kjh@palnet.co.kr>
Date: Thu, 29 Sep 2022 18:04:01 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B9=84=ED=96=89=20=EC=8A=A4=EC=BC=80?=
 =?UTF-8?q?=EC=A4=84=20=ED=99=94=EB=A9=B4=20=EC=9E=91=EC=97=85=EC=A4=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../flight/schedule/FlightScheduleSearch.js   | 71 +++++++++++++++++++
 .../schedule/FlightScheduleContainer.js       | 12 ++++
 src/navigation/flightPlan/index.js            |  5 +-
 src/router/Router.js                          | 15 ++--
 src/router/routes/RouteBasis.js               | 19 ++++-
 .../basis/flight/schedule/FlightSchedule.js   | 11 +++
 6 files changed, 120 insertions(+), 13 deletions(-)
 create mode 100644 src/components/basis/flight/schedule/FlightScheduleSearch.js
 create mode 100644 src/containers/basis/flight/schedule/FlightScheduleContainer.js
 create mode 100644 src/views/basis/flight/schedule/FlightSchedule.js

diff --git a/src/components/basis/flight/schedule/FlightScheduleSearch.js b/src/components/basis/flight/schedule/FlightScheduleSearch.js
new file mode 100644
index 0000000..6ffe650
--- /dev/null
+++ b/src/components/basis/flight/schedule/FlightScheduleSearch.js
@@ -0,0 +1,71 @@
+import { useState } from 'react';
+import { Row, Col, Button, Card, CardBody } from 'reactstrap';
+import { Search, Calendar } from 'react-feather';
+import moment from 'moment';
+import Flatpickr from 'react-flatpickr';
+
+function FlightScheduleSearch() {
+  const [date, setDate] = useState(
+    moment().subtract('day').format('YYYY-MM-DD')
+  );
+
+  const handlerChangeDate = val => {
+    setDate(moment(val[0]).format('YYYY-MM-DD'));
+  };
+
+  return (
+    <div className='pal-card-box'>
+      <Row>
+        <Col>
+          <div className='cont-ti d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'>
+            <div>
+              <h4>검색조건</h4>
+            </div>
+            <div className='d-flex align-items-center'>
+              <Button.Ripple color='primary' size='sm' onClick={e => {}}>
+                <Search size={16} />
+                검색
+              </Button.Ripple>
+            </div>
+          </div>
+          <Card>
+            <CardBody className='pal-card-body'>
+              <div className='search-cont'>
+                <dl>
+                  <dt>
+                    <div className='search-box'>
+                      <div className='search-list-ti'>일자</div>
+                      <div className='search-list'>
+                        <div className='search-list-cont'>
+                          <Row>
+                            <Col className='list-input' xl='4' md='6' sm='12'>
+                              <div className='d-flex align-items-center calendar-flat'>
+                                <Flatpickr
+                                  placeholder='날짜를 선택해주세요'
+                                  id='searchDate'
+                                  value={date}
+                                  options={{
+                                    mode: 'single'
+                                  }}
+                                  onChange={handlerChangeDate}
+                                  className='form-control flat-picker bg-transparent border-0 shadow-none'
+                                />
+                                <Calendar size={14} />
+                              </div>
+                            </Col>
+                          </Row>
+                        </div>
+                      </div>
+                    </div>
+                  </dt>
+                </dl>
+              </div>
+            </CardBody>
+          </Card>
+        </Col>
+      </Row>
+    </div>
+  );
+}
+
+export default FlightScheduleSearch;
diff --git a/src/containers/basis/flight/schedule/FlightScheduleContainer.js b/src/containers/basis/flight/schedule/FlightScheduleContainer.js
new file mode 100644
index 0000000..46fb0c7
--- /dev/null
+++ b/src/containers/basis/flight/schedule/FlightScheduleContainer.js
@@ -0,0 +1,12 @@
+import { CustomMainLayout } from '@src/components/layout/CustomMainLayout';
+import FlightScheduleSearch from '@src/components/basis/flight/schedule/FlightScheduleSearch';
+
+function FlightScheduleContainer() {
+  return (
+    <CustomMainLayout title={'비행운항 스케줄'}>
+      <FlightScheduleSearch />
+    </CustomMainLayout>
+  );
+}
+
+export default FlightScheduleContainer;
diff --git a/src/navigation/flightPlan/index.js b/src/navigation/flightPlan/index.js
index 2c13d2a..f59c230 100644
--- a/src/navigation/flightPlan/index.js
+++ b/src/navigation/flightPlan/index.js
@@ -2,8 +2,7 @@ export default [
   {
     id: 'flight_plan_001',
     title: '비행 계획 관리',
-    navLink: '#',
-    type: 'dropdown'
+    navLink: '#'
   },
   {
     id: 'flight_plan_001_01',
@@ -28,7 +27,7 @@ export default [
   {
     id: 'flight_plan_02',
     title: '비행운항 스케줄',
-    navLink: '',
+    navLink: '/basis/flight/schedule/index',
     newTab: true
   }
 ];
diff --git a/src/router/Router.js b/src/router/Router.js
index 972226c..19478cd 100644
--- a/src/router/Router.js
+++ b/src/router/Router.js
@@ -76,13 +76,14 @@ const Router = () => {
     if (isLogin === false && !route.meta?.authRoute) {
       return <Redirect to='/account/login' />;
     } else {
-      switch (props.route.path) {
-        case '/account/register':
-        case '/account/find':
-          return <Redirect to='/main/dashboard' />;
-        default:
-          return <route.component {...props} />;
-      }
+      // switch (props.route.path) {
+      //   case '/account/register':
+      //   case '/account/find':
+      //     return <Redirect to='/main/dashboard' />;
+      //   default:
+      //     return <route.component {...props} />;
+      // }
+      return <route.component {...props} />;
     }
   };
 
diff --git a/src/router/routes/RouteBasis.js b/src/router/routes/RouteBasis.js
index 35cef67..062d738 100644
--- a/src/router/routes/RouteBasis.js
+++ b/src/router/routes/RouteBasis.js
@@ -45,16 +45,29 @@ const RouteBasis = [
   },
   {
     path: '/basis/flight/plan/create',
-    component: lazy(() => import('../../views/basis/flight/plan/FlightPlanDetail'))
+    component: lazy(() =>
+      import('../../views/basis/flight/plan/FlightPlanDetail')
+    )
   },
   {
     path: '/basis/flight/plan/detail/:planSno',
-    component: lazy(() => import('../../views/basis/flight/plan/FlightPlanDetail'))
+    component: lazy(() =>
+      import('../../views/basis/flight/plan/FlightPlanDetail')
+    )
   },
   {
     path: '/basis/flight/aprv/index',
-    component: lazy(() => import('../../views/basis/flight/aprv/FlightPlanAprv'))
+    component: lazy(() =>
+      import('../../views/basis/flight/aprv/FlightPlanAprv')
+    )
   },
+  {
+    path: '/basis/flight/schedule/index',
+    component: lazy(() =>
+      import('../../views/basis/flight/schedule/FlightSchedule')
+    ),
+    layout: 'BlankLayout'
+  }
 ];
 
 export default RouteBasis;
diff --git a/src/views/basis/flight/schedule/FlightSchedule.js b/src/views/basis/flight/schedule/FlightSchedule.js
new file mode 100644
index 0000000..ea50549
--- /dev/null
+++ b/src/views/basis/flight/schedule/FlightSchedule.js
@@ -0,0 +1,11 @@
+import '@styles/react/libs/flatpickr/flatpickr.scss';
+import '@styles/react/libs/tables/react-dataTable-component.scss';
+
+import '../../../../assets/css/custom.css';
+import FlightScheduleContainer from '../../../../containers/basis/flight/schedule/FlightScheduleContainer';
+
+function FlightSchedule() {
+  return <FlightScheduleContainer />;
+}
+
+export default FlightSchedule;