노승철
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