|
import React from 'react';
|
|
import { Row, Col, Input, DatePicker, Button, Modal, Upload, Icon, message, Divider, Breadcrumb, Badge, Select, Popconfirm, Spin } from 'antd';
|
const { TextArea } = Input;
|
import HeadView from '../view/HeadView';
|
import BusDetailView from '../view/BusDetailView';
|
import TableView from '../view/TableView';
|
import ImageBoxView from '../view/ImageBoxView'
|
// 引入编辑器以及编辑器样式
|
import Fetch from '../fetch';
|
import moment from 'moment';
|
const format = 'HH:mm';
|
const { Option } = Select;
|
const yearFormat = 'YYYY-MM-DD';
|
const divStyle = {
|
margin: '20px'
|
}
|
const domain = Fetch.domain;
|
|
function typeStatus(type) {
|
switch (type) {
|
case 1:
|
return "待审核";
|
case 2:
|
return "未签到";
|
case 3:
|
return "已签到";
|
case 4:
|
return "不通过";
|
case 99:
|
return "取消";
|
}
|
}
|
export default class ApplyForEdit extends React.Component {
|
constructor(props) {
|
super(props);
|
this.state = {
|
dateSource: [],
|
savedate: {},
|
formdata: {},
|
fileList: [],
|
previewVisible: false,
|
previewImage: '',
|
visible: false,
|
hitList: [],
|
num: 0,
|
taskType: 1,
|
disabled: true,
|
status: '',
|
loading: false,
|
};
|
}
|
|
componentDidMount() {
|
document.title = '入职申请详情';
|
this.getDetail();
|
}
|
|
getDetail = () => {
|
const { id } = this.props.match.params;
|
this.setState({ loading: true })
|
Fetch.entryFind(id)
|
.then(res => {
|
console.log(res)
|
this.setState({
|
savedate: {
|
...res,
|
},
|
disabled: res.status ? true : false,
|
loading: false,
|
fileList: res.list ? res.list.map((item, index) => ({ uid: index, id: item.id, name: item.name, status: 'done', url: domain + `/api/v1/attachment/download/${item.id}?online=false` })) : []
|
});
|
|
})
|
}
|
|
saveInputChange = ({ target: { value, name } }) => {
|
this.setState(({ savedate }) => ({
|
savedate: {
|
...savedate,
|
[name]: value
|
}
|
}))
|
}
|
|
submit = () => {
|
const { savedate, fileList } = this.state;
|
console.log(fileList);
|
if (!savedate.reason) {
|
message.warning("申请理由不能为空");
|
return;
|
}
|
if (fileList === []) {
|
message.warning("请上传申请附件");
|
return;
|
}
|
|
Fetch.entrySave(savedate)
|
.then(res => {
|
if (res.statuscode === 1) {
|
message.success("提交成功！");
|
this.props.history.push("/entry/applyFor")
|
} else {
|
message.error('保存失败，请联系管理员', 2)
|
}
|
});
|
}
|
|
cancle = () => {
|
this.props.history.push("/entry/applyFor");
|
}
|
handlePreview = (file) => {
|
this.setState({
|
previewImage: file.url || file.thumbUrl,
|
previewVisible: true,
|
});
|
}
|
|
showModal = () => {
|
this.setState({
|
visible: true,
|
});
|
}
|
|
handleCancelModel = (e) => {
|
this.setState({
|
visible: false,
|
});
|
}
|
|
handleOk = e => {
|
const { savedate } = this.state;
|
console.log(savedate);
|
|
this.setState({
|
loading: true
|
});
|
Fetch.socialUpdate(savedate.id)
|
.then(res => {
|
if (res.code === 0) {
|
message.success("结束任务成功！");
|
this.setState({ loading: false })
|
this.props.history.push("/entry/applyFor")
|
} else {
|
this.setState({ loading: false })
|
message.error('保存失败，请联系管理员', 2)
|
}
|
});
|
};
|
|
getNum = (e) => {
|
console.log(e.target.value)
|
this.setState({
|
num: e.target.value
|
})
|
}
|
getPerson = () => {
|
const { num } = this.state;
|
const { id } = this.state.savedate;
|
if (!num) {
|
message.error("请输入摇号数量")
|
return;
|
}
|
if (isNaN(num)) {
|
message.error("请输入数字")
|
return;
|
}
|
Fetch.getActPerson(id, num)
|
.then(res => {
|
this.setState({
|
hitList: res.data
|
})
|
});
|
}
|
|
|
publishResult = () => {
|
const { hitList, savedate } = this.state;
|
Fetch.publishResult(hitList, savedate.id)
|
.then(res => {
|
if (res.code === 0) {
|
message.success("发布成功！");
|
this.setState({
|
visible: false,
|
}, this.getDetail);
|
} else {
|
message.error('发布失败，请联系管理员', 2)
|
}
|
});
|
}
|
|
confirm = (e) => {
|
console.log(e);
|
const data = { id: e, status: 2 };
|
this.setState({ loading: true })
|
Fetch.auditPerson(data).then(res => {
|
if (res.code == 0) {
|
console.log(res)
|
this.setState({ loading: false })
|
message.success('审核通过');
|
this.getDetail();
|
} else {
|
this.setState({ loading: false })
|
message.error('请求失败，请联系管理员', 2)
|
}
|
}
|
)
|
}
|
|
cancel = (e) => {
|
console.log(e);
|
const data = { id: e, status: 4 };
|
this.setState({ loading: true })
|
Fetch.auditPerson(data).then(res => {
|
if (res.code == 0) {
|
console.log(res)
|
this.setState({ loading: false })
|
message.error('审核不通过');
|
this.getDetail();
|
} else {
|
this.setState({ loading: false })
|
message.error('请求失败，请联系管理员', 2)
|
}
|
}
|
)
|
}
|
|
handleCancel = () => this.setState({ previewVisible: false })
|
render() {
|
const { savedate, previewVisible, fileList, dateSource, hitList, taskType, disabled, loading } = this.state;
|
console.log('list', fileList)
|
const props = {
|
action: domain + `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) => {
|
Fetch.attachmentDownload(file.id)
|
.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="app-page">
|
<Spin spinning={loading}>
|
<HeadView history={this.props.history} />
|
<Breadcrumb style={{ padding: '20px' }}>
|
<Breadcrumb.Item><a href="index.html#/entry/applyFor">入职查询</a></Breadcrumb.Item>
|
<Breadcrumb.Item>入职申请</Breadcrumb.Item>
|
</Breadcrumb>
|
<BusDetailView type='入职申请' >
|
<div style={divStyle}>
|
<Row type="flex" align='middle' justify="space-around">
|
<Col span={6} pull={0} style={{ textAlign: 'center' }}><span>申请理由</span></Col>
|
<Col span={18} push={0} >
|
<TextArea disabled={disabled} rows={4} placeholder="请输入申请理由" style={{ width: '92%' }} value={savedate.reason || ""} onChange={this.saveInputChange} name='reason' /></Col>
|
</Row>
|
</div>
|
<div style={divStyle}>
|
<Row type="flex" align='middle' justify="space-around">
|
<Col span={6} pull={0} style={{ textAlign: 'center' }}><span>申请附件</span></Col>
|
<Col span={18} push={0} >
|
<Upload {...props}>
|
<Button>
|
<Icon type="upload" /> 上传附件
|
</Button>
|
</Upload>
|
</Col>
|
</Row>
|
</div>
|
{
|
|
savedate ?
|
<div style={{ display: 'flex', justifyContent: 'center' }}>
|
<Button style={{ marginLeft: '15px', width: '150px' }} onClick={this.cancle}>返回</Button>
|
</div>
|
:
|
<div style={{ display: 'flex', justifyContent: 'center' }}>
|
<Button style={{ marginRight: '15px', width: '150px' }} type="primary" onClick={this.submit}>提交</Button>
|
<Button style={{ marginLeft: '15px', width: '150px' }} onClick={this.cancle}>返回</Button>
|
</div>
|
}
|
|
</BusDetailView>
|
|
<Modal
|
title="结束任务"
|
visible={this.state.visible}
|
onOk={this.handleOk}
|
onCancel={this.handleCancelModel}
|
width='300px'
|
>
|
<p>确认结束任务吗？</p>
|
</Modal>
|
</Spin>
|
</div>
|
);
|
}
|
|
}
|
