diff --git a/src/components/flight/OperationCheckBoxModal.js b/src/components/flight/OperationCheckBoxModal.js
new file mode 100644
index 00000000..c3b36754
--- /dev/null
+++ b/src/components/flight/OperationCheckBoxModal.js
@@ -0,0 +1,375 @@
+import {
+ Button,
+ Modal,
+ ModalHeader,
+ ModalBody,
+ ModalFooter
+} from '@component/ui';
+import React, { useEffect, useState, useRef } from 'react';
+import { Table, Form, Input } from 'antd';
+import ScrollContainer from 'react-indiana-drag-scroll';
+
+export default function OperationCheckBoxModal(props) {
+ console.log('>>', props.checkData);
+ const scrollContainerRef = useRef(null);
+ const [dataSource, setDataSource] = useState(props.checkData);
+
+ const EditableRow = ({ index, ...props }) => {
+ const [form] = Form.useForm();
+ return (
+
+ );
+ };
+
+ const EditableCell = ({
+ title,
+ editable,
+ children,
+ dataIndex,
+ record,
+ handleSave,
+ ...restProps
+ }) => {
+ const [editing, setEditing] = useState(false);
+ const inputRef = useRef(null);
+ const [form] = Form.useForm();
+
+ useEffect(() => {
+ if (editing) {
+ inputRef.current?.focus();
+ }
+ }, [editing]);
+
+ const toggleEdit = () => {
+ setEditing(!editing);
+ form.setFieldsValue({ [dataIndex]: record[dataIndex] });
+ };
+
+ const save = async () => {
+ try {
+ const values = await form.validateFields();
+ setEditing(false);
+ handleSave({ ...record, ...values });
+ } catch (errInfo) {
+ console.log('Save failed:', errInfo);
+ }
+ };
+
+ let childNode = children;
+
+ if (editable) {
+ childNode = editing ? (
+
+
+
+ ) : (
+
+ {children}
+
+ );
+ }
+
+ return {childNode} | ;
+ };
+
+ const handleSave = row => {
+ const newData = [...dataSource];
+ const index = newData.findIndex(item => row.key === item.key);
+ const item = newData[index];
+ newData.splice(index, 1, { ...item, ...row });
+ setDataSource(newData);
+ };
+
+ const defaultColumns = [
+ {
+ title: (
+ <>
+ 신청
+
+ 번호
+
+ ),
+ dataIndex: 'applyNo',
+ align: 'center',
+ width: '20px'
+ },
+ {
+ title: (
+ <>
+ 신청
+ 구역 수
+
+ ),
+ dataIndex: 'zoneNo',
+ align: 'center',
+ width: '20px'
+ },
+ {
+ title: (
+ <>
+ 행정
+ 구역 1
+
+ ),
+ dataIndex: 'addr1',
+ width: '40px',
+ align: 'center',
+ render: addr1 => {
+ return addr1 ?? '-';
+ }
+ },
+ {
+ title: (
+ <>
+ 행정
+ 구역 2
+
+ ),
+ dataIndex: 'addr2',
+ width: '40px',
+ align: 'center',
+ render: addr2 => {
+ return addr2 ?? '-';
+ }
+ },
+ {
+ title: (
+ <>
+ 상세
+
+ 주소
+
+ ),
+ dataIndex: 'addr3',
+ width: '40px',
+ align: 'center',
+ render: addr3 => {
+ return addr3 ?? '-';
+ }
+ },
+ {
+ title: (
+ <>
+ 장애물
+
+ 제한 표면
+
+ ),
+ dataIndex: 'limitZoneNm',
+ width: '10px',
+ align: 'center'
+ },
+ {
+ title: (
+ <>
+ 중심 좌표
+
+ (위도, 경도)
+
+ ),
+ dataIndex: 'areaList',
+ align: 'center',
+ width: '40px',
+ render: (areaList, record) => (
+ <>
+ {record.lat.toFixed(5)},
+
+ {record.lon.toFixed(5)}
+
+ )
+ },
+ {
+ title: (
+ <>
+ 비행 반경
+
+ (m이내)
+
+ ),
+ dataIndex: 'bufferZone',
+ align: 'center',
+ width: '30px'
+ },
+ {
+ title: (
+ <>
+ 신청 고도
+
+ (m이하)
+
+ ),
+ dataIndex: 'fltElev',
+ align: 'center',
+ width: '30px'
+ },
+ {
+ title: <>비행 목적,
+ dataIndex: 'purpose',
+ align: 'center',
+ width: '10px',
+ render: purpose => {
+ return purpose ?? '-';
+ }
+ },
+ {
+ title: (
+ <>
+ LAANC
+
+ 검토 결과
+
+ ),
+ dataIndex: 'approvalCd',
+ align: 'center',
+ width: '10px',
+ render: approvalCd => {
+ return (
+ <>
+ {approvalCd === 'U'
+ ? '비대상'
+ : approvalCd === 'S'
+ ? '승인'
+ : approvalCd === 'C'
+ ? '조건부승인'
+ : '미승인'}
+
+ );
+ }
+ },
+ {
+ title: (
+ <>
+ 관제과
+
+ 검토결과
+
+ ),
+ dataIndex: 'reviewedType',
+ align: 'center',
+ width: '30px',
+ render: reviewedType => {
+ return (
+ <>
+ {reviewedType === 'R'
+ ? '검토완료'
+ : reviewedType === 'W'
+ ? '검토대기'
+ : reviewedType === 'C'
+ ? '검토취소'
+ : '재검토요청'}
+
+ );
+ }
+ },
+ {
+ title: (
+ <>
+ 재검토
+ 사유
+
+ ),
+ dataIndex: 'reviewedReason',
+ width: '110px',
+ align: 'center',
+ editable: true,
+ render: reviewedReason => {
+ return reviewedReason ?? '재검토 사유를 작성해주세요';
+ }
+ }
+ ];
+
+ const columns = defaultColumns.map(col => {
+ if (!col.editable) {
+ return col;
+ }
+ return {
+ ...col,
+ onCell: record => ({
+ record,
+ editable: col.editable,
+ dataIndex: col.dataIndex,
+ title: col.title,
+ handleSave
+ })
+ };
+ });
+
+ const components = {
+ body: {
+ row: EditableRow,
+ cell: EditableCell
+ }
+ };
+
+ return (
+
props.setIsCheckBoxModal(!props.setIsCheckBoxModal)}
+ className='modal-dialog-centered modal-xl'
+ >
+ props.setIsCheckBoxModal(!props.setIsCheckBoxModal)}
+ >
+ 재검토 요청
+
+
+
+
+
+
({
+ ...item,
+ key: `parent_${item.planSno}`
+ }))}
+ components={components}
+ rowClassName={record => {
+ let className = '';
+ if (record.approvalCd === 'S') {
+ className += 'flight-approval-row';
+ } else if (record.approvalCd === 'F') {
+ className += 'flight-not-approval-row';
+ } else if (record.approvalCd === 'C') {
+ className += 'flight-condition-approval-row editable-row';
+ } else className += 'editable-row';
+
+ return className;
+ }}
+ columns={columns}
+ scroll={{ x: 1700 }}
+ pagination={false}
+ rowHoverable={false}
+ expandIconColumnIndex={-1}
+ />
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/redux/features/laanc/laancThunk.ts b/src/redux/features/laanc/laancThunk.ts
index 40bd1c4e..0fca27ac 100644
--- a/src/redux/features/laanc/laancThunk.ts
+++ b/src/redux/features/laanc/laancThunk.ts
@@ -282,16 +282,17 @@ export const getLaancAprvList = createAsyncThunk(
if (item.areaList.length <= 1) {
return {
...item,
- fltElev: item.areaList[0].fltElev,
- bufferZone: item.areaList[0].bufferZone,
- rm: item.areaList[0].rm,
- era: item.areaList[0].era,
- dtl: item.areaList[0].dtl,
- planAreaSno: item.areaList[0].planAreaSno,
- reqRadius: item.areaList[0].reqRadius,
- reviewedType: item.areaList[0].reviewedType,
- allowRadius: item.areaList[0].allowRadius,
- fltElevMax: item.areaList[0].fltElevMax
+ ...item.areaList[0]
+ // fltElev: item.areaList[0].fltElev,
+ // bufferZone: item.areaList[0].bufferZone,
+ // rm: item.areaList[0].rm,
+ // era: item.areaList[0].era,
+ // dtl: item.areaList[0].dtl,
+ // planAreaSno: item.areaList[0].planAreaSno,
+ // reqRadius: item.areaList[0].reqRadius,
+ // reviewedType: item.areaList[0].reviewedType,
+ // allowRadius: item.areaList[0].allowRadius,
+ // fltElevMax: item.areaList[0].fltElevMax,
};
} else {
return {