노승철
2 years ago
3 changed files with 81 additions and 51 deletions
@ -0,0 +1,54 @@ |
|||||||
|
import { useState, useEffect } from 'react'; |
||||||
|
import { Button, Modal, ModalHeader, ModalBody, ModalFooter, Card } from 'reactstrap' |
||||||
|
|
||||||
|
const ControlAlarmDetail = ({ historyModal, setHistoryModal, controlGpWarnLog }) => { |
||||||
|
return ( |
||||||
|
<Modal |
||||||
|
isOpen={historyModal} |
||||||
|
toggle={() => setHistoryModal(!historyModal)} |
||||||
|
className='modal-dialog-centered historyModal' |
||||||
|
> |
||||||
|
<ModalHeader toggle={() => setHistoryModal(!historyModal)}> |
||||||
|
<div className='drone-ti'> |
||||||
|
<span className="drone-name">{controlGpWarnLog?.idntfNum}</span> |
||||||
|
<span>알림내역</span> |
||||||
|
</div> |
||||||
|
</ModalHeader> |
||||||
|
|
||||||
|
<ModalBody> |
||||||
|
<table className='table pal-table'> |
||||||
|
<tr> |
||||||
|
<th>번호</th> |
||||||
|
<th>날짜</th> |
||||||
|
<th>내용</th> |
||||||
|
</tr> |
||||||
|
{controlGpWarnLog ? |
||||||
|
controlGpWarnLog.map((p, i) => { |
||||||
|
return ( |
||||||
|
<tr key={i}> |
||||||
|
<th>{i + 1}</th> |
||||||
|
<th>{p.createDt}</th> |
||||||
|
<th>{p.warnType}</th> |
||||||
|
</tr> |
||||||
|
) |
||||||
|
}) |
||||||
|
: |
||||||
|
<tr> |
||||||
|
<th colSpan={3}>데이터가 없습니다.</th> |
||||||
|
</tr> |
||||||
|
} |
||||||
|
</table> |
||||||
|
</ModalBody> |
||||||
|
<ModalFooter> |
||||||
|
<Button |
||||||
|
color='info' |
||||||
|
onClick={() => setHistoryModal(!historyModal)} |
||||||
|
> |
||||||
|
확인 |
||||||
|
</Button> |
||||||
|
</ModalFooter> |
||||||
|
</Modal> |
||||||
|
) |
||||||
|
} |
||||||
|
|
||||||
|
export default ControlAlarmDetail; |
Loading…
Reference in new issue