/* eslint-disable */
|
/**liuwh
|
* 4/6/2020, 3:53:15 PM
|
* doc comment for the file goes here
|
*/
|
|
/** Happy Coding */
|
import React, { ReactNode, ReactEventHandler, Component } from 'react';
|
// import { Link } from 'react-router-dom';
|
import { Card, Row, Col, Select, Button, Input, Upload, Icon, Spin } from 'antd';
|
import './index.scss';
|
const Option = Select.Option;
|
|
import fetch from '../../../api/request';
|
|
const param = [{ value: 'DT00002', name: '通知公告' }, { value: 'DT00001', name: '规章制度' }]
|
export default class DocumentEditPage extends Component {
|
constructor(props) {
|
super(props);
|
this.config = {
|
};
|
this.state = {
|
loading: false,
|
savedate: {},
|
fileList: [],
|
};
|
}
|
|
componentWillMount() { }
|
|
componentDidMount() {
|
// this.loadData()
|
}
|
|
loadData = () => {
|
console.log('111')
|
let _this = this;
|
_this.setState({
|
loading: true
|
})
|
fetch({
|
url: 'api/document/getNewId',
|
params: {
|
id: 'new'
|
}
|
}).then(res => {
|
console.log(res)
|
_this.setState({
|
savedate: res.content,
|
loading: false,
|
});
|
});
|
}
|
|
|
saveInputChange = ({ target: { value, name } }) => {
|
this.setState(({ savedate }) => ({
|
savedate: {
|
...savedate,
|
[name]: value
|
}
|
}))
|
}
|
|
submit = () => {
|
const { savedate } = this.state;
|
console.log(savedate)
|
// Fetch.savePatrolCom(savedate)
|
// .then(res => {
|
// if (res.code === 0) {
|
// message.success("提交成功！");
|
// this.props.history.push("/companyUpd")
|
// } else {
|
// message.error('保存失败，请联系管理员', 2)
|
// }
|
// });
|
}
|
|
cancle = () => {
|
this.props.history.push("/index/workbench");
|
}
|
|
render() {
|
const { savedate, fileList, loading } = this.state;
|
const props = {
|
action: `api/v1/attachment/materials?associateTypeId=1019&entityId=` + savedate.id,
|
onChange: ({ file, fileList }) => {
|
if (file.status !== 'uploading') {
|
console.log(file);
|
console.log(fileList);
|
|
}
|
this.setState({ fileList });
|
},
|
fileList: fileList,
|
// onDownload: (file) => {
|
// console.log(file)
|
// Fetch.attachmentDownload(file.uid)
|
// .then(res => {
|
// message.success("下载成功！");
|
// });
|
// },
|
// onRemove: (file) => {
|
// Fetch.deleteAttachment(file.uid)
|
// .then(res => {
|
// message.success("移除成功！");
|
// });
|
// this.setState(({ fileList }) => {
|
// const index = fileList.indexOf(file);
|
// const newFileList = fileList.slice();
|
// newFileList.splice(index, 1);
|
// return {
|
// fileList: newFileList,
|
// };
|
// });
|
// }
|
};
|
return (
|
<div className="document-edit-page-main">
|
<Spin spinning={loading}>
|
<Card style={{ border: 20, margin: 20, padding: 20 }}>
|
<Row gutter={16}>
|
<Col className="gutter-row" >
|
文档类型：
|
</Col>
|
</Row>
|
<Row gutter={16}>
|
<Col className="gutter-row" style={{ margin: '12px 0' }} >
|
<Select style={{ width: "300px" }} onChange={(value) => this.saveInputChange({ target: { name: 'documentType', value } })} value={savedate.documentType || "DT00002"}>
|
{
|
param.map((data, key) => (
|
<Option key={key} value={data.value}>{data.name}</Option>
|
))
|
}
|
</Select>
|
</Col>
|
</Row>
|
|
<Row gutter={16} style={{ marginTop: '12px' }}>
|
<Col className="gutter-row" style={{ marginTop: '12px' }}>
|
规章制度标题：
|
</Col>
|
</Row>
|
<Row gutter={16}>
|
<Col className="gutter-row" style={{ margin: '12px 0' }} >
|
<Input style={{ width: '300px' }} name='documentItle' onChange={this.saveInputChange} value={savedate.documentItle || ""} />
|
</Col>
|
</Row>
|
|
<Row gutter={16} style={{ marginTop: '12px' }}>
|
<Col className="gutter-row" style={{ margin: '12px 0' }} >
|
规章制度源文件：
|
</Col>
|
</Row>
|
<Row gutter={16} >
|
<Col className="gutter-row" >
|
<Upload {...props}>
|
<Button>
|
<Icon type="upload" />上传文件</Button>
|
</Upload>
|
</Col>
|
</Row>
|
<Row gutter={16} style={{ marginTop: '12px' }}>
|
<Col className="gutter-row" >
|
支持扩展名：.pdf
|
</Col>
|
</Row>
|
<Row gutter={16} style={{ marginTop: '12px' }}>
|
<Col span={2} className="gutter-row" ><Button style={{ marginRight: '15px', width: '100px' }} type="primary" onClick={this.submit}>发布</Button></Col>
|
<Col span={2} className="gutter-row" ><Button style={{ marginLeft: '15px', width: '100px' }} onClick={this.cancle}>返回</Button></Col>
|
</Row>
|
</Card>
|
</Spin>
|
</div>
|
)
|
}
|
}
|
