Browse Source

feat/유효성 검사 모달 기능 추가

master
sanguu516 2 months ago
parent
commit
1882d6bb9e
  1. 17
      src/components/flight/OperationApprovalsTable.js
  2. 145
      src/components/flight/OperationModal.js

17
src/components/flight/OperationApprovalsTable.js

@ -49,6 +49,8 @@ export default function OperationApprovalsTable(props) {
// 수정 키 확인 // 수정 키 확인
const isEditing = record => record.key === editingKey; const isEditing = record => record.key === editingKey;
// 유효성 기체 데이터
const [validData, setValidData] = useState();
useEffect(() => { useEffect(() => {
let approvalCdValue = { S: 0, F: 0, C: 0, U: 0 }; let approvalCdValue = { S: 0, F: 0, C: 0, U: 0 };
@ -1096,7 +1098,14 @@ export default function OperationApprovalsTable(props) {
// 유효성 검사 모달창 // 유효성 검사 모달창
const handleIsModal = record => { const handleIsModal = record => {
setValidData({
droneList: record.droneList,
pilotList: record.pilotList
});
if (record.droneList || record.pilotList) {
setIsModal(!ismodal); setIsModal(!ismodal);
}
}; };
return ( return (
@ -1106,7 +1115,13 @@ export default function OperationApprovalsTable(props) {
<h4>비행승인 신청 검토결과 목록</h4> <h4>비행승인 신청 검토결과 목록</h4>
</div> </div>
</div> </div>
<OperationModal isModal={ismodal} setIsModal={setIsModal} /> {ismodal && (
<OperationModal
isModal={ismodal}
setIsModal={setIsModal}
data={validData}
/>
)}
<div className='search-download'> <div className='search-download'>
<div> <div>
<span className='search-case'> <span className='search-case'>

145
src/components/flight/OperationModal.js

@ -38,76 +38,29 @@ export default function OperationModal(props) {
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{props.data?.droneList.map((item, index) => (
<tr> <tr>
<td width='80'>1</td> <td width='80'>{index + 1}</td>
<td width='120' className='success'> <td
성공 width='120'
</td> className={
<td>163CGBEROA529Y</td> item.insrncJoinYn === 'Y' ? 'success' : 'fail'
<td>영리</td> }
<td>25kg이하</td> >
<td className='success'>가입</td> {item.insrncJoinYn === 'Y' ? '성공' : '실패'}
</tr>
<tr>
<td width='80'>2</td>
<td width='120' className='fail'>
실패
</td>
<td>163CGBEROA529Y</td>
<td>영리</td>
<td>25kg이하</td>
<td className='fail'> 가입</td>
</tr>
<tr>
<td width='80'>2</td>
<td width='120' className='fail'>
실패
</td>
<td>163CGBEROA529Y</td>
<td>영리</td>
<td>25kg이하</td>
<td className='fail'> 가입</td>
</tr>
<tr>
<td width='80'>2</td>
<td width='120' className='fail'>
실패
</td>
<td>163CGBEROA529Y</td>
<td>영리</td>
<td>25kg이하</td>
<td className='fail'> 가입</td>
</tr>
<tr>
<td width='80'>2</td>
<td width='120' className='fail'>
실패
</td>
<td>163CGBEROA529Y</td>
<td>영리</td>
<td>25kg이하</td>
<td className='fail'> 가입</td>
</tr>
<tr>
<td width='80'>2</td>
<td width='120' className='fail'>
실패
</td> </td>
<td>163CGBEROA529Y</td> <td>{item.fbctnNo}</td>
<td>영리</td> <td>{item.benefit === 'Y' ? '영리' : '비영리'}</td>
<td>25kg이하</td> <td>{item.weightNm}</td>
<td className='fail'> 가입</td> <td
</tr> className={
<tr> item.insrncJoinYn === 'Y' ? 'success' : 'fail'
<td width='80'>2</td> }
<td width='120' className='fail'> >
실패 {item.insrncJoinYn === 'Y' ? '가입' : '미 가입'}
</td> </td>
<td>163CGBEROA529Y</td>
<td>영리</td>
<td>25kg이하</td>
<td className='fail'> 가입</td>
</tr> </tr>
))}
</tbody> </tbody>
</Table> </Table>
</div> </div>
@ -130,66 +83,18 @@ export default function OperationModal(props) {
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{props.data?.pilotList.map((item, index) => (
<tr> <tr>
<td width='80'>1</td> <td width='80'>{index + index}</td>
<td width='120' className='success'> <td width='120' className='success'>
성공 성공
</td> </td>
<td>*</td> <td>{item.pilotNm}</td>
<td>1995****</td> <td>{item.birthDate}</td>
<td>91-****12</td> <td>{item.crtfctNo}</td>
<td className='success'></td> <td className='success'></td>
</tr> </tr>
<tr> ))}
<td width='80'>2</td>
<td width='120' className='fail'>
실패
</td>
<td>*</td>
<td>1995****</td>
<td>91-****12</td>
<td className='fail'></td>
</tr>
<tr>
<td width='80'>2</td>
<td width='120' className='fail'>
실패
</td>
<td>*</td>
<td>1995****</td>
<td>91-****12</td>
<td className='fail'></td>
</tr>
<tr>
<td width='80'>2</td>
<td width='120' className='fail'>
실패
</td>
<td>*</td>
<td>1995****</td>
<td>91-****12</td>
<td className='fail'></td>
</tr>
<tr>
<td width='80'>2</td>
<td width='120' className='fail'>
실패
</td>
<td>*</td>
<td>1995****</td>
<td>91-****12</td>
<td className='fail'></td>
</tr>
<tr>
<td width='80'>2</td>
<td width='120' className='fail'>
실패
</td>
<td>*</td>
<td>1995****</td>
<td>91-****12</td>
<td className='fail'></td>
</tr>
<tr> <tr>
<td width='80'>2</td> <td width='80'>2</td>
<td width='120' className='fail'> <td width='120' className='fail'>

Loading…
Cancel
Save