|
|
|
@ -1,9 +1,9 @@
|
|
|
|
|
import { useEffect, useState } from 'react'; |
|
|
|
|
import { useDispatch, useSelector } from '@src/redux/store'; |
|
|
|
|
import React, { useEffect, useState } from 'react'; |
|
|
|
|
import { useDispatch, useSelector } from 'react-redux'; |
|
|
|
|
import { Button, Card } from '@component/ui'; |
|
|
|
|
import { openModal } from '@src/redux/features/comn/message/messageSlice'; |
|
|
|
|
import { FaAngleDown, FaAngleUp } from 'react-icons/fa'; |
|
|
|
|
import { Form, Input, InputNumber, Popconfirm, Table, Typography } from 'antd'; |
|
|
|
|
import { Form, Input, Table, Typography } from 'antd'; |
|
|
|
|
import { HOST } from '../../configs/constants'; |
|
|
|
|
import axios from 'axios'; |
|
|
|
|
import { getAccessToken } from '../../utility/authService/jwtTokenUtil'; |
|
|
|
@ -27,8 +27,6 @@ export default function NewFlightApprovalsTable(props) {
|
|
|
|
|
U: 0 |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
const [tableData, setTableData] = useState(laancAprvList); |
|
|
|
|
|
|
|
|
|
// 확장된 행 키
|
|
|
|
|
const [expandedRowKeys, setExpandedRowKeys] = useState([]); |
|
|
|
|
|
|
|
|
@ -46,7 +44,7 @@ export default function NewFlightApprovalsTable(props) {
|
|
|
|
|
useEffect(() => { |
|
|
|
|
let approvalCdValue = { S: 0, F: 0, C: 0, U: 0 }; |
|
|
|
|
|
|
|
|
|
tableData.map(item => { |
|
|
|
|
laancAprvList.map(item => { |
|
|
|
|
item.areaList.map(area => { |
|
|
|
|
if (area.approvalCd === 'S') { |
|
|
|
|
approvalCdValue.S += 1; |
|
|
|
@ -66,11 +64,10 @@ export default function NewFlightApprovalsTable(props) {
|
|
|
|
|
C: approvalCdValue.C, |
|
|
|
|
U: approvalCdValue.U |
|
|
|
|
}); |
|
|
|
|
}, [tableData]); |
|
|
|
|
|
|
|
|
|
// 승인, 미승인, 비대상 건수 계산
|
|
|
|
|
useEffect(() => { |
|
|
|
|
setTableData(laancAprvList); |
|
|
|
|
if (editingKey) { |
|
|
|
|
setEditingKey(''); |
|
|
|
|
} |
|
|
|
|
}, [laancAprvList]); |
|
|
|
|
|
|
|
|
|
// 수정 이벤트
|
|
|
|
@ -96,8 +93,7 @@ export default function NewFlightApprovalsTable(props) {
|
|
|
|
|
const save = async (key, type) => { |
|
|
|
|
try { |
|
|
|
|
const row = await form.validateFields(); |
|
|
|
|
const newData = [...tableData]; |
|
|
|
|
let index = { ...row, planAreaSno: selectedRowKey }; |
|
|
|
|
const index = { ...row, planAreaSno: selectedRowKey }; |
|
|
|
|
|
|
|
|
|
const updateRes = await dispatch( |
|
|
|
|
updateLaancAprv([ |
|
|
|
@ -113,16 +109,13 @@ export default function NewFlightApprovalsTable(props) {
|
|
|
|
|
); |
|
|
|
|
|
|
|
|
|
if (updateRes.meta.requestStatus === 'fulfilled') { |
|
|
|
|
setTableData(newData); |
|
|
|
|
setEditingKey(''); |
|
|
|
|
|
|
|
|
|
const updatedList = await dispatch( |
|
|
|
|
await dispatch( |
|
|
|
|
getLaancAprvList({ |
|
|
|
|
searchStDt: props.startDate, |
|
|
|
|
searchEndDt: props.endDate |
|
|
|
|
}) |
|
|
|
|
); |
|
|
|
|
setTableData(updatedList.payload); |
|
|
|
|
} else { |
|
|
|
|
handlerErrorModal(ERROR_TITLE, ERROR_MESSAGE); |
|
|
|
|
} |
|
|
|
@ -1030,7 +1023,7 @@ export default function NewFlightApprovalsTable(props) {
|
|
|
|
|
className='invoice-list-dataTable flight-approval' |
|
|
|
|
style={{ width: '100%' }} |
|
|
|
|
> |
|
|
|
|
{tableData?.length > 0 ? ( |
|
|
|
|
{laancAprvList?.length > 0 ? ( |
|
|
|
|
<Form form={form} component={false}> |
|
|
|
|
<Table |
|
|
|
|
components={{ |
|
|
|
@ -1038,7 +1031,7 @@ export default function NewFlightApprovalsTable(props) {
|
|
|
|
|
cell: EditableCell |
|
|
|
|
} |
|
|
|
|
}} |
|
|
|
|
dataSource={tableData.map((item, index) => ({ |
|
|
|
|
dataSource={laancAprvList.map((item, index) => ({ |
|
|
|
|
...item, |
|
|
|
|
key: `${item.planAreaSno}-${index}` |
|
|
|
|
}))} |
|
|
|
|