비행계획승인 - 체크박스 작업

src/components/basis/flight/aprv/FlightPlanAprvGrid.js

@@ -2,6 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { Button, Card, Col, Row, CustomInput } from 'reactstrap';
 import { GridDatabase } from '../../../crud/grid/GridDatatable';
 import { Link } from 'react-router-dom';
+import { selectableRowsComponent } from '../../../crud/grid/selectableRowsComponent';
 
 const FlightPlanAprvGrid = ({
   data,
@@ -50,13 +51,13 @@ const FlightPlanAprvGrid = ({
       name: '번호',
       cell: (row, i) => (
         <>
-          {/* <CustomInput
+          <CustomInput
             type='checkbox'
             id={`check${i + 1}`}
             name={`check${i + 1}`}
             // checked={checkState}
             onChange={e => handleChangeCheckbox(e, row)}
-          /> */}
+          />
           <div>{i + 1}</div>
         </>
       )
@@ -141,8 +142,10 @@ const FlightPlanAprvGrid = ({
                   columns={columns}
                   count={!!data ? data.length : 0}
                   // pagination={props.pagination}
-                  selectableRows
+                  selectableRows //체크박스 할거다
+                  selectableRowsComponent={selectableRowsComponent}
                   onSelectedRowsChange={handleChangeSelected}
+                  // onSelectedRowsChange={handleChangeCheckbox}
                 />
                 {/* 검색된 데이터가 없습니다. */}
               </div>

src/components/crud/grid/GridDatatable.js

@@ -7,6 +7,7 @@ import {
   File,
   ChevronDown
 } from 'react-feather';
+import { selectableRowsComponent } from './selectableRowsComponent';
 
 export const GridDatabase = props => {
   return props[`${props.handlerPageChange ? 'total' : 'count'}`] <= 0 ? (
@@ -30,14 +31,15 @@ export const GridDatabase = props => {
         paginationServer={
           props.pagination && props.handlerPageChange ? true : false
         }
-        onSelectedRowsChange={
-          props.onSelectedRowsChange ? props.onSelectedRowsChange : null
-        }
-        selectableRows={props.selectableRows}
         onChangePage={props.pagination ? props.handlerPageChange : null}
         paginationComponentOptions={{
           noRowsPerPage: props.handlerPageChange ? true : false
         }}
+        selectableRows={props.selectableRows}
+        selectableRowsComponent={props.selectableRowsComponent}
+        onSelectedRowsChange={
+          props.onSelectedRowsChange ? props.onSelectedRowsChange : null
+        }
       />
     </>
   );

src/components/crud/grid/selectableRowsComponent.js

@@ -0,0 +1,17 @@
+import { CustomInput, Input } from 'reactstrap';
+import React from 'react';
+
+export const selectableRowsComponent = React.forwardRef(
+  ({ onClick, ...rest }, ref) => {
+    console.log(rest);
+    return (
+      <CustomInput
+        id='check'
+        type='checkbox'
+        // forwardref={ref}
+        onClick={onClick}
+        {...rest}
+      />
+    );
+  }
+);

src/containers/basis/flight/aprv/FlightPlanAprvContainer.js

@@ -173,6 +173,7 @@ const FlightPlanAprvContainer = () => {
     }));
   };
   const handleChangeSelected = ({ selectedRows }) => {
+    console.log(selectedRows);
     setSelPlanSnoList(selectedRows.map(item => item.planSno));
   };
   const handleChangeCheckbox = (e, row) => {

src/containers/basis/flight/plan/FlightPlanDetailContainer.js

@@ -45,9 +45,9 @@ const FlightPlanDetailContainer = () => {
       let cTime = new Date();
       let pTime = new Date(date);
       if (cTime > pTime) {
-        setIsDone(true);
+        // setIsDone(true);
       } else {
-        setIsDone(false);
+        // setIsDone(false);
       }
     }
   }, [date]);