pav
/
pav-fe-kac
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

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

master
sanguu516 2 months ago
parent
bf2ba7afb8
commit
1882d6bb9e
2 changed files with 52 additions and 132 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 19
      src/components/flight/OperationApprovalsTable.js
  2. 165
      src/components/flight/OperationModal.js

19
src/components/flight/OperationApprovalsTable.js
Unescape View File

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

165
src/components/flight/OperationModal.js
Unescape View File

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

Write Preview
Loading…
Cancel
Save