From 04990562a326e33f6a9e05aa456981ecc62fedd5 Mon Sep 17 00:00:00 2001 From: Mr Ke <kelq@hugeinfo.com.cn> Date: Wed, 27 May 2020 15:34:55 +0800 Subject: [PATCH] 1 --- SunshineIns/src/page/CriminalExecution.jsx | 97 ++++++++++++++++++++---------------------------- 1 files changed, 41 insertions(+), 56 deletions(-) diff --git a/SunshineIns/src/page/CriminalExecution.jsx b/SunshineIns/src/page/CriminalExecution.jsx index 8f4be90..17fc789 100644 --- a/SunshineIns/src/page/CriminalExecution.jsx +++ b/SunshineIns/src/page/CriminalExecution.jsx @@ -64,13 +64,18 @@ size: 10, }, resetKey: Date.now(), - loading: false + loading: false, + zIndex: '-1' }; } componentDidMount() { document.title = '社会观护管理'; - this.getData(); + window.addEventListener('message', function (e) { + console.log('反馈',e) + }, false); + console.log('this', this); + this.iframeAddEventListener(); } setFormData = data => { @@ -79,51 +84,6 @@ formData: data, }); } - - getData = () => { - const { formData } = this.state; - this.setState({ loading: true }) - Fetch.socialQuery({ ...formData }) - .then(res => { - console.log(res) - for (var i = 0; i < res.rows.length; i++) { - res.rows[i]['index'] = i + 1; - } - this.setState({ - data: res.rows, - loading: false, - }); - }); - } - - onInputChange = ({ target: { value, name } }) => { - this.setState(({ formData }) => ({ - formData: { - ...formData, - [name]: value - } - })) - } - - Seaech = () => { - const { formData } = this.state; - Fetch.getSweeping(formData) - .then(res => { - for (var i = 0; i < res.length; i++) { - res[i]['index'] = i + 1; - } - this.setState({ - data: res - }); - }); - } - Reset = () => { - this.setState({ - resetKey: Date.now(), - formData: {} - }, this.getData); - } - confirm = (e) => { console.log(e); @@ -144,13 +104,15 @@ showModal = (id) => { this.setState({ - visible: true, + visible: true, + zIndex: 1000 }); + this.sendMsg() // Fetch.socialCompanyDetail(id) // .then(res => { // this.setState({ savedate: res }) // }) - } + } renderColumns = () => { return [{ @@ -226,8 +188,27 @@ }] } + iframeAddEventListener = () => { + let _this = this; + this.iframeWin = this.refs.iframe && this.refs.iframe.contentWindow; + this.refs.iframe && this.refs.iframe.addEventListener("load", function () { + //代码能执行到这里说明已经载入成功完毕了 + //这里是回调函数 + _this.iframeWin.postMessage({ + fgData: false + }, '*'); + }, false); + } + + sendMsg = () => { + this.iframeWin = this.refs.iframe && this.refs.iframe.contentWindow; + this.iframeWin.postMessage({ + fgData: false + }, '*'); + } + render() { - const { data, resetKey, visible, loading, savedate, closeKey, formData } = this.state; + const { data, resetKey, visible, loading, savedate, closeKey, formData, zIndex } = this.state; return ( <div className="app-page"> <HeadView history={this.props.history} /> @@ -255,17 +236,19 @@ <TableView columns={this.renderColumns()} data={data} pageSize='10' size='default' loading={loading} /> </div> <Modal + zIndex={zIndex} key={closeKey} confirmLoading={loading} - visible={visible} - title="公司信息" - onOk={this.handleOk} - onCancel={this.handleCancel} + visible={true} + title="指纹录入" + onCancel={() => { this.setState({ visible: false, zIndex: '-1', }) }} bodyStyle={{ lineHeight: 4 }} + footer={null} + width={'80%'} + bodyStyle={{ height: '600px' }} > <iframe - className="h-100" - style={{ width: '100%' }} + style={{ width: '100%', height: '100%' }} onLoad={() => { }} ref="iframe" src='./fingerprint/指纹登记.html' @@ -274,6 +257,8 @@ frameBorder="0" /> </Modal> + + {/* </div> */} </div> ) } -- Gitblit v1.8.0