|
|
|
@ -1,6 +1,8 @@ |
|
|
|
import React, { useEffect, useState } from 'react'; |
|
|
|
import React, { useEffect, useState } from 'react'; |
|
|
|
import { useDispatch, useSelector, shallowEqual } from 'react-redux'; |
|
|
|
import { useDispatch, useSelector, shallowEqual } from 'react-redux'; |
|
|
|
|
|
|
|
import { Document, Page, pdfjs } from 'react-pdf'; |
|
|
|
import moment from 'moment'; |
|
|
|
import moment from 'moment'; |
|
|
|
|
|
|
|
|
|
|
|
import { |
|
|
|
import { |
|
|
|
Row, |
|
|
|
Row, |
|
|
|
Col, |
|
|
|
Col, |
|
|
|
@ -19,6 +21,9 @@ import { useHistory } from 'react-router-dom'; |
|
|
|
import FlightArea from './FlightArea'; |
|
|
|
import FlightArea from './FlightArea'; |
|
|
|
import LaancPdf from './LaancPdf'; |
|
|
|
import LaancPdf from './LaancPdf'; |
|
|
|
import { AlertCircle, CheckCircle, Download } from 'react-feather'; |
|
|
|
import { AlertCircle, CheckCircle, Download } from 'react-feather'; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`; |
|
|
|
|
|
|
|
|
|
|
|
export default function LaacnStep3({ |
|
|
|
export default function LaacnStep3({ |
|
|
|
handlerStep, |
|
|
|
handlerStep, |
|
|
|
disabledAnimation, |
|
|
|
disabledAnimation, |
|
|
|
@ -44,12 +49,32 @@ export default function LaacnStep3({ |
|
|
|
}; |
|
|
|
}; |
|
|
|
const [centeredModal2, setCenteredModal2] = useState(false); |
|
|
|
const [centeredModal2, setCenteredModal2] = useState(false); |
|
|
|
const [formModal, setFormModal] = useState(false); |
|
|
|
const [formModal, setFormModal] = useState(false); |
|
|
|
|
|
|
|
const [numPages, setNumPages] = useState(null); // total
|
|
|
|
|
|
|
|
const [pageNum, setPageNum] = useState(1); |
|
|
|
const { user } = useSelector(state => state.authState); |
|
|
|
const { user } = useSelector(state => state.authState); |
|
|
|
|
|
|
|
|
|
|
|
const handlerClose = () => { |
|
|
|
const handlerClose = () => { |
|
|
|
setFormModal(!formModal); |
|
|
|
setFormModal(!formModal); |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const handlerPdfDownload = e => { |
|
|
|
|
|
|
|
const url = localStorage.getItem('pdfUrl'); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (url !== 'undefined') { |
|
|
|
|
|
|
|
console.log('@?@?@?@?'); |
|
|
|
|
|
|
|
let alink = document.createElement('a'); |
|
|
|
|
|
|
|
alink.href = `http://211.253.11.189:8080${localStorage.getItem( |
|
|
|
|
|
|
|
'pdfUrl' |
|
|
|
|
|
|
|
)}`;
|
|
|
|
|
|
|
|
alink.download = 'SamplePDF.pdf'; |
|
|
|
|
|
|
|
alink.click(); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const onDocumentLoadSuccess = ({ numPages: nextNumPages }) => { |
|
|
|
|
|
|
|
setNumPages(nextNumPages); |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<> |
|
|
|
<> |
|
|
|
<ModalHeader> |
|
|
|
<ModalHeader> |
|
|
|
@ -213,24 +238,22 @@ export default function LaacnStep3({ |
|
|
|
<div className='ti'>승인 공문</div> |
|
|
|
<div className='ti'>승인 공문</div> |
|
|
|
<Row> |
|
|
|
<Row> |
|
|
|
<Col md='6'> |
|
|
|
<Col md='6'> |
|
|
|
{/* <button color='primary' size='lg' onClick={handlerPdfDownload}> |
|
|
|
<Button color='primary' size='lg' onClick={handlerPdfDownload}> |
|
|
|
공문 다운로드 |
|
|
|
공문 다운로드 |
|
|
|
</button> */} |
|
|
|
</Button> |
|
|
|
<a |
|
|
|
|
|
|
|
href={ |
|
|
|
|
|
|
|
'http://211.253.11.189:8080/api/comn/file/download?fileSno=118' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
download |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
공문 다운로드 |
|
|
|
|
|
|
|
</a> |
|
|
|
|
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col md='6'> |
|
|
|
<Col md='6'> |
|
|
|
<Button |
|
|
|
<Button |
|
|
|
color='primary' |
|
|
|
color='primary' |
|
|
|
size='lg' |
|
|
|
size='lg' |
|
|
|
outline |
|
|
|
outline |
|
|
|
onClick={() => setFormModal(true)} |
|
|
|
onClick={() => { |
|
|
|
|
|
|
|
const url = localStorage.getItem('pdfUrl'); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (url !== 'undefined') { |
|
|
|
|
|
|
|
setFormModal(true); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}} |
|
|
|
> |
|
|
|
> |
|
|
|
공문 미리보기 |
|
|
|
공문 미리보기 |
|
|
|
</Button> |
|
|
|
</Button> |
|
|
|
@ -293,9 +316,42 @@ export default function LaacnStep3({ |
|
|
|
toggle={handlerClose} |
|
|
|
toggle={handlerClose} |
|
|
|
className='modal-dialog-centered' |
|
|
|
className='modal-dialog-centered' |
|
|
|
> |
|
|
|
> |
|
|
|
<ModalHeader toggle={handlerClose}>pdf 미리보기</ModalHeader> |
|
|
|
<ModalHeader toggle={handlerClose}>공문 미리보기</ModalHeader> |
|
|
|
<ModalBody> |
|
|
|
<ModalBody> |
|
|
|
<LaancPdf /> |
|
|
|
{/* <LaancPdf /> */} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Document |
|
|
|
|
|
|
|
file={`http://211.253.11.189:8080${localStorage.getItem('pdfUrl')}`} |
|
|
|
|
|
|
|
onLoadSuccess={onDocumentLoadSuccess} |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
{/* {Array.from(new Array(numPages), (el, index) => ( |
|
|
|
|
|
|
|
<Page key={`page_${index + 1}`} pageNumber={index + 1} /> |
|
|
|
|
|
|
|
))} */} |
|
|
|
|
|
|
|
<Page pageNumber={pageNum} /> |
|
|
|
|
|
|
|
</Document> |
|
|
|
|
|
|
|
<div |
|
|
|
|
|
|
|
style={{ |
|
|
|
|
|
|
|
display: 'flex', |
|
|
|
|
|
|
|
justifyContent: 'space-around', |
|
|
|
|
|
|
|
alignItems: 'center' |
|
|
|
|
|
|
|
}} |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<Button |
|
|
|
|
|
|
|
onClick={() => (pageNum > 1 ? setPageNum(pageNum - 1) : null)} |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
< |
|
|
|
|
|
|
|
</Button> |
|
|
|
|
|
|
|
<span> |
|
|
|
|
|
|
|
{pageNum} / {numPages} |
|
|
|
|
|
|
|
</span> |
|
|
|
|
|
|
|
<Button |
|
|
|
|
|
|
|
onClick={() => |
|
|
|
|
|
|
|
pageNum < numPages ? setPageNum(pageNum + 1) : null |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
</Button> |
|
|
|
|
|
|
|
</div> |
|
|
|
</ModalBody> |
|
|
|
</ModalBody> |
|
|
|
<ModalFooter> |
|
|
|
<ModalFooter> |
|
|
|
<Button color='primary' onClick={handlerClose}> |
|
|
|
<Button color='primary' onClick={handlerClose}> |
|
|
|
|
