From 6fe0bbe094b843b9ff3a29649c6f786ee6261a89 Mon Sep 17 00:00:00 2001
From: liuwh <hugeinfo123>
Date: Wed, 27 May 2020 15:34:16 +0800
Subject: [PATCH] 1

---
 SunshineIns/src/page/CriminalExecution.jsx |  186 ++++++++++++++++++----------------------------
 1 files changed, 73 insertions(+), 113 deletions(-)

diff --git a/SunshineIns/src/page/CriminalExecution.jsx b/SunshineIns/src/page/CriminalExecution.jsx
index 89a6780..31d038d 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,
+            savedate:{}
         };
     }
 
     componentDidMount() {
         document.title = '社会观护管理';
-        this.getData();
+        window.addEventListener('message', function (e) {
+
+        }, false);
+        console.log('this', this);
+        // this.iframeAddEventListener();
     }
 
     setFormData = data => {
@@ -80,52 +85,7 @@
         });
     }
 
-    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) => {
+    deleteItems = (e) => {
         console.log(e);
         this.setState({ loading: true })
         Fetch.socialDelete(e).then(res => {
@@ -144,86 +104,70 @@
 
     showModal = (id) => {
         this.setState({
-          visible: true,
+            visible: true,
         });
         // Fetch.socialCompanyDetail(id)
         //   .then(res => {
         //     this.setState({ savedate: res })
         //   })
-      }
+    }
+
+    saveInputChange = ({ target: { value, name } }) => {
+        this.setState(({ savedate }) => ({
+            savedate: {
+                ...savedate,
+                [name]: value
+            }
+        }))
+    }
 
     renderColumns = () => {
         return [{
-            title: '任务标题',
-            dataIndex: 'taskTitle',
-            key: 'taskTitle'
+            title: '编号',
+            dataIndex: 'index',
+            key: 'index',
+            render: (text, item, index) => <span>{index}</span>
         }, {
-            title: '任务类型',
-            dataIndex: 'taskType',
-            key: 'taskType',
-            render: text => <span>{typeOfName(text)}</span>
+            title: ' 姓名',
+            dataIndex: 'name',
+            key: 'name',
         }, {
-            title: '状态',
-            dataIndex: 'status',
-            key: 'status',
-            render: text => (
-                text == 0 ?
-                    <Badge style={{ backgroundColor: '#6C757C' }} count={'未开始'} /> : text == 1 ? <Badge count={'进行中'} style={{ backgroundColor: '#F1C40F' }} /> : text == 2 ? <Badge count={'已结束'} style={{ backgroundColor: '#2ECC71' }} /> : <Badge count={'暂停'} style={{ backgroundColor: '#2ECC71' }} />
-            )
+            title: '牢房号',
+            dataIndex: 'number',
+            key: 'number',
         }, {
-            title: '创建时间',
+            title: '指纹唯一识别',
+            dataIndex: 'shibie',
+            key: 'shibie',
+        }, {
+            title: '录入时间',
             dataIndex: 'createTime',
             key: 'createTime',
-            render: text => <span>{moment(text).format("YYYY-MM-DD HH:mm")}</span>
-        }, {
-            title: '开始时间',
-            dataIndex: 'startTime',
-            key: 'startTime',
-            render: text => <span>{moment(text).format("YYYY-MM-DD HH:mm")}</span>
-        }, {
-            title: '结束时间',
-            dataIndex: 'endTime',
-            key: 'endTime',
-            render: text => <span>{moment(text).format("YYYY-MM-DD HH:mm")}</span>
+            render: text => <span>{moment(text).format("YYYY-MM-DD")}</span>
         }, {
             title: '操作',
             key: 'action',
             render: (text, record) => (
                 <span>
-                    {
-                        record.status == 0 ?
-                            <React.Fragment>
-                                <a onClick={() => this.showModal(record.id)}>编辑</a>
-                                <Divider type="vertical" />
-                                <Popconfirm
-                                    title="确认删除任务吗?"
-                                    id={record.id}
-                                    onConfirm={e => this.confirm(record.id)}
-                                    okText="确定"
-                                    cancelText="取消"
-                                >
-                                    <a href="#">删除</a>
-                                    <Divider type="vertical" />
-                                </Popconfirm>
-                                <a onClick={() => this.reboot(record.id, 99)}>暂停</a>
-                            </React.Fragment> :
-                            record.status == 1 ?
-                                <React.Fragment>
-                                    <a onClick={() => this.showModal(record.id)}>查看</a>
-                                    <Divider type="vertical" />
-                                    <a onClick={() => this.showModal(record.id)}>结束任务</a>
-                                    <Divider type="vertical" />
-                                    <a onClick={() => this.reboot(record.id, 99)}>暂停</a>
-                                </React.Fragment> :
-                                <React.Fragment>
-                                    <a onClick={() => this.showModal(record.id)}>查看</a>
-                                    <Divider type="vertical" />
-                                    <a onClick={() => this.reboot(record.id, 0)}>重启</a>
-                                </React.Fragment>
-                    }
+                    <label onClick={() => this.showModal(record.id)} className='theme-color' style={{ cursor: 'pointer' }}>编辑</label>
+                    <Divider type="vertical" />
+                    <label onClick={() => this.deleteItems(record.id)} className='theme-color' style={{ cursor: 'pointer' }}>删除</label>
                 </span>
             ),
         }]
+    }
+
+    iframeAddEventListener = () => {
+        let _this = this;
+        this.iframeWin = this.refs.iframe.contentWindow;
+        this.refs.iframe && this.refs.iframe.addEventListener("load", function () {
+            //代码能执行到这里说明已经载入成功完毕了
+            //这里是回调函数
+            console.log('menu', window.localStorage.getItem('menu'));
+            _this.iframeWin.postMessage({
+                fgData: false
+            }, '*');
+        }, false);
     }
 
     render() {
@@ -254,26 +198,42 @@
                         ]} />
                     <TableView columns={this.renderColumns()} data={data} pageSize='10' size='default' loading={loading} />
                 </div>
+                {/* <div style={{ display: 'block' }}> */}
+                {/* <iframe
+                        style={{ width: '100%', height: '100%' }}
+                        onLoad={() => { }}
+                        ref="iframe"
+                        src='./fingerprint/指纹登记.html'
+                        width="100%"
+                        scrolling="no"
+                        frameBorder="0"
+                    /> */}
                 <Modal
                     key={closeKey}
                     confirmLoading={loading}
                     visible={visible}
-                    title="公司信息"
-                    onOk={this.handleOk}
-                    onCancel={this.handleCancel}
+                    title="录入信息"
+                    onCancel={() => { this.setState({ visible: false }) }}
                     bodyStyle={{ lineHeight: 4 }}
+                    // footer={null}
+                    width={'60%'}
+                    bodyStyle={{ height: '800px',lineHeight: 4 }}
                 >
+                    <Input addonBefore="姓名" name='name' onChange={this.saveInputChange} value={savedate.name || ''} />
+                    <Input addonBefore="牢房号" name='lnumber' onChange={this.saveInputChange} value={savedate.lnumber || ''} />
+                    <Input addonBefore="指纹唯一标识" name='bianshi' onChange={this.saveInputChange} value={savedate.bianshi || ''} />
+                    <Divider />
                     <iframe
-                        className="h-100"
-                        style={{ width: '100%' }}
+                        style={{ width: '100%', height: '100%' }}
                         onLoad={() => { }}
                         ref="iframe"
-                        src='../../asset/fingerprint/指纹登记.html'
+                        src='./fingerprint/指纹登记.html'
                         width="100%"
                         scrolling="no"
                         frameBorder="0"
                     />
                 </Modal>
+                {/* </div> */}
             </div>
         )
     }

--
Gitblit v1.8.0