| | |
| | | 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 => { |
| | |
| | | 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); |
| | |
| | | |
| | | showModal = (id) => { |
| | | this.setState({ |
| | | visible: true, |
| | | visible: true, |
| | | zIndex: 1000 |
| | | }); |
| | | this.sendMsg() |
| | | // Fetch.socialCompanyDetail(id) |
| | | // .then(res => { |
| | | // this.setState({ savedate: res }) |
| | | // }) |
| | | } |
| | | } |
| | | |
| | | renderColumns = () => { |
| | | return [{ |
| | |
| | | }] |
| | | } |
| | | |
| | | 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} /> |
| | |
| | | <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' |
| | |
| | | frameBorder="0" |
| | | /> |
| | | </Modal> |
| | | |
| | | {/* </div> */} |
| | | </div> |
| | | ) |
| | | } |