|
|
@ -2,109 +2,95 @@ |
|
|
|
|
|
|
|
|
import React from 'react'; |
|
|
import React from 'react'; |
|
|
import { connect } from 'react-redux'; |
|
|
import { connect } from 'react-redux'; |
|
|
// import { Modal, Spin, message, Row } from 'antd'; |
|
|
import { Modal, Spin, Row } from '@douyinfe/semi-ui'; |
|
|
import { RouteTable } from '../../utils/webapi'; |
|
|
|
|
|
import { RouteRequest } from '@peace/utils'; |
|
|
|
|
|
import { useState } from 'react'; |
|
|
import { useState } from 'react'; |
|
|
import { useEffect } from 'react'; |
|
|
import { IconClose } from '@douyinfe/semi-icons'; |
|
|
import { CloseCircleFilled } from '@ant-design/icons'; |
|
|
|
|
|
import './index.less' |
|
|
import './index.less' |
|
|
|
|
|
|
|
|
const { confirm } = Modal; |
|
|
const { confirm } = Modal; |
|
|
|
|
|
|
|
|
const WorkFlowViewModal = (props) => { |
|
|
const WorkFlowViewModal = (props) => { |
|
|
// const { successCallBack, title, visible, clientHeight, postData, processId, user } = props; |
|
|
const { visible, clientHeight, postData, processId, user, webEmis, webOa } = props; |
|
|
// const [loading, setLoading] = useState(true); |
|
|
const [loading, setLoading] = useState(true); |
|
|
// const [ifShowMessage, setIfShowMessage] = useState(true); |
|
|
const [ifShowMessage, setIfShowMessage] = useState(true); |
|
|
// const [webUrl, setWebUrl] = useState(null); |
|
|
const iframeRef = React.createRef(); |
|
|
// const iframeRef = React.createRef(); |
|
|
|
|
|
|
|
|
|
|
|
// const handelCancel = () => { |
|
|
const handelCancel = () => { |
|
|
// const { onCancel } = props; |
|
|
const { onCancel } = props; |
|
|
// onCancel && onCancel(); |
|
|
onCancel && onCancel(); |
|
|
// setLoading(false); |
|
|
setLoading(false); |
|
|
// } |
|
|
} |
|
|
|
|
|
|
|
|
// const showConfirm = () => { |
|
|
const showConfirm = () => { |
|
|
// confirm({ |
|
|
confirm({ |
|
|
// title: '确定关闭此表单吗?', |
|
|
title: '确定关闭此表单吗?', |
|
|
// onOk() { |
|
|
onOk () { |
|
|
// handelCancel() |
|
|
handelCancel() |
|
|
// }, |
|
|
}, |
|
|
// onCancel() { }, |
|
|
onCancel () { }, |
|
|
// }); |
|
|
}); |
|
|
// } |
|
|
} |
|
|
|
|
|
|
|
|
// useEffect(() => { |
|
|
return ( |
|
|
// if (!webUrl) { |
|
|
<div> |
|
|
// RouteRequest.get(RouteTable.getEmisWebUrl).then(res => { |
|
|
<Modal |
|
|
// if (res.url) { |
|
|
fullScreen |
|
|
// setWebUrl(res.url); |
|
|
visible={visible} |
|
|
// } |
|
|
width={'100%'} |
|
|
// }); |
|
|
title={''} |
|
|
// } |
|
|
closable={false} |
|
|
// }, []) |
|
|
footer={null} |
|
|
const bodyStyle = { paddingLeft: 32, paddingRight: 32, margin: 0, backgroundColor: '#FAFAFA', height: '100%', overflowY: 'auto' } |
|
|
wrapClassName='process_modal_wrap' |
|
|
return ( |
|
|
onCancel={showConfirm} |
|
|
<div> |
|
|
> |
|
|
{/* <Modal |
|
|
<Row> |
|
|
visible={visible} |
|
|
<div className='workflow-body'> |
|
|
width={'100%'} |
|
|
<div id="processHeader" className='workflow-body-header'> |
|
|
style={{ top: 0, left: 0, padding: 0, maxWidth: '100%' }} |
|
|
<img src='/assets/images/fs-logo.png' /> |
|
|
bodyStyle={bodyStyle} |
|
|
<span className='workflow-body-header_title'> |
|
|
title={''} |
|
|
<span className='workflow-body-header_title_shu'>|</span> |
|
|
closable={false} |
|
|
<span className='workflow-body-header_title_zi'>让世间万物拥有感知，服务人类社会于美好</span> |
|
|
footer={null} |
|
|
</span> |
|
|
wrapClassName='process_modal_wrap' |
|
|
<IconClose className="workflow-body-header_closeIcon" onClick={showConfirm} /> |
|
|
onCancel={showConfirm} |
|
|
</div> |
|
|
destroyOnClose |
|
|
<div className='workflow-body-form'> |
|
|
> |
|
|
<Spin |
|
|
<Row> |
|
|
spinning={loading} |
|
|
<div className='workflow-body'> |
|
|
> |
|
|
<div id="processHeader" className='workflow-body-header'> |
|
|
{webEmis && processId ? <iframe |
|
|
<img src='/assets/images/fs-logo.png' /> |
|
|
id='workflowViewFrame' |
|
|
<span className='workflow-body-header_title'> |
|
|
name='workflowViewFrame' |
|
|
<span className='workflow-body-header_title_shu'>|</span> |
|
|
onLoad={() => { |
|
|
<span className='workflow-body-header_title_zi'>让世间万物拥有感知，服务人类社会于美好</span> |
|
|
let frameWin = document.getElementById('workflowViewFrame'); |
|
|
</span> |
|
|
frameWin.contentWindow.postMessage(JSON.stringify(postData), '*'); |
|
|
<CloseCircleFilled className="workflow-body-header_closeIcon" onClick={showConfirm} /> |
|
|
setLoading(false); |
|
|
</div> |
|
|
}} |
|
|
<div className='workflow-body-form'> |
|
|
allowTransparency="true" |
|
|
<Spin |
|
|
ref={iframeRef} |
|
|
spinning={loading} |
|
|
src={`${webEmis}/process/my-apply?token=${user.token}&processInstanceId=${processId}&type=oaleader`} |
|
|
> |
|
|
width={'100%'} |
|
|
{webUrl && processId ? <iframe |
|
|
style={{ height: '100vh' }} |
|
|
id='workflowViewFrame' |
|
|
frameBorder="0" |
|
|
name='workflowViewFrame' |
|
|
></iframe> : ''} |
|
|
onLoad={() => { |
|
|
</Spin> |
|
|
let frameWin = document.getElementById('workflowViewFrame'); |
|
|
</div> |
|
|
frameWin.contentWindow.postMessage(JSON.stringify(postData), '*'); |
|
|
</div> |
|
|
setLoading(false); |
|
|
</Row> |
|
|
}} |
|
|
|
|
|
allowTransparency="true" |
|
|
|
|
|
ref={iframeRef} |
|
|
|
|
|
src={`${webUrl}/process/my-apply?token=${user.token}&processInstanceId=${processId}&type=oaleader`} |
|
|
|
|
|
width={'100%'} |
|
|
|
|
|
style={{ height: '100vh' }} |
|
|
|
|
|
frameBorder="0" |
|
|
|
|
|
></iframe> : ''} |
|
|
|
|
|
</Spin> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</Row> |
|
|
|
|
|
|
|
|
|
|
|
</Modal > */} |
|
|
</Modal > |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
) |
|
|
) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
function mapStateToProps(state) { |
|
|
function mapStateToProps (state) { |
|
|
const { auth, global } = state; |
|
|
const { auth, global } = state; |
|
|
return { |
|
|
return { |
|
|
user: auth.user, |
|
|
user: auth.user, |
|
|
clientHeight: global.clientHeight, |
|
|
clientHeight: global.clientHeight, |
|
|
} |
|
|
webEmis: global.webEmis, |
|
|
|
|
|
webOa: global.webOa |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
export default connect(mapStateToProps)(WorkFlowViewModal); |
|
|
export default connect(mapStateToProps)(WorkFlowViewModal); |
