import React from 'react';
|
|
import HeadView from '../view/HeadView';
|
import TableBtnView from '../view/TableBtnView';
|
import CommonSearchForm from '../view/CommonSearchForm';
|
import { Input, Button, DatePicker, Divider, message, Popconfirm, Select, Badge, Modal } from 'antd';
|
import moment from 'moment';
|
import Fetch from '../fetch';
|
import TableView from '../view/TableView';
|
|
const Option = Select.Option;
|
|
function typeOfName(type) {
|
switch (type) {
|
case 1:
|
return "跟踪帮教";
|
case 2:
|
return "合适成年人";
|
case 3:
|
return "社会调查";
|
case 4:
|
return "心理疏导";
|
case 5:
|
return "法律援助";
|
}
|
}
|
|
const taskNodeIds = {
|
1: '跟踪帮教',
|
2: '合适成年人',
|
3: '社会调查',
|
4: '心理疏导',
|
5: '法律援助',
|
}
|
|
const activityTypeList = [
|
1,
|
2,
|
3,
|
4,
|
5
|
]
|
const activityStatusIds = {
|
0: '未开始',
|
1: '进行中',
|
2: '已结束',
|
99: '暂停',
|
}
|
|
const activityStatusList = [
|
0,
|
1,
|
2
|
]
|
|
export default class CareList extends React.Component {
|
constructor(props) {
|
super(props);
|
this.state = {
|
data: [],
|
formData: {
|
__key: Date.now(),
|
page: 1,
|
size: 10,
|
},
|
resetKey: Date.now(),
|
loading: false,
|
savedate:{}
|
};
|
}
|
|
componentDidMount() {
|
document.title = '社会观护管理';
|
window.addEventListener('message', function (e) {
|
|
}, false);
|
console.log('this', this);
|
// this.iframeAddEventListener();
|
}
|
|
setFormData = data => {
|
console.log('form', data);
|
this.setState({
|
formData: data,
|
});
|
}
|
|
deleteItems = (e) => {
|
console.log(e);
|
this.setState({ loading: true })
|
Fetch.socialDelete(e).then(res => {
|
if (res.code == 0) {
|
console.log(res)
|
this.setState({ loading: false })
|
message.success('删除成功');
|
this.getData();
|
} else {
|
this.setState({ loading: false })
|
message.error('删除失败，请联系管理员', 2)
|
}
|
}
|
)
|
}
|
|
showModal = (id) => {
|
this.setState({
|
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: 'index',
|
key: 'index',
|
render: (text, item, index) => <span>{index}</span>
|
}, {
|
title: ' 姓名',
|
dataIndex: 'name',
|
key: 'name',
|
}, {
|
title: '牢房号',
|
dataIndex: 'number',
|
key: 'number',
|
}, {
|
title: '指纹唯一识别',
|
dataIndex: 'shibie',
|
key: 'shibie',
|
}, {
|
title: '录入时间',
|
dataIndex: 'createTime',
|
key: 'createTime',
|
render: text => <span>{moment(text).format("YYYY-MM-DD")}</span>
|
}, {
|
title: '操作',
|
key: 'action',
|
render: (text, record) => (
|
<span>
|
<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() {
|
const { data, resetKey, visible, loading, savedate, closeKey, formData } = this.state;
|
return (
|
<div className="app-page">
|
<HeadView history={this.props.history} />
|
<div style={{ marginLeft: '90%', marginBottom: '20px', marginTop: '20px' }}>
|
<Button type="primary" size='large' onClick={() => this.showModal('new')}>新增</Button>
|
</div>
|
<div style={{ background: '#fff', margin: 20 }}>
|
<CommonSearchForm
|
{...this.props}
|
formData={formData}
|
setFormData={this.setFormData}
|
searchonClick={this.searchonClick}
|
pathName={this.props.location.pathname}
|
data={[
|
{
|
type: 'input', name: '公司名称', label: '公司名称', key: 'companyName'
|
},
|
{
|
type: 'input', name: '法人姓名', label: '法人姓名', key: 'companyLegal'
|
},
|
{
|
type: 'input', name: '联系电话', label: '联系电话', key: 'companyTel'
|
},
|
]} />
|
<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="录入信息"
|
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
|
style={{ width: '100%', height: '100%' }}
|
onLoad={() => { }}
|
ref="iframe"
|
src='./fingerprint/指纹登记.html'
|
width="100%"
|
scrolling="no"
|
frameBorder="0"
|
/>
|
</Modal>
|
{/* </div> */}
|
</div>
|
)
|
}
|
}
|
