/**
 * 审核按钮封装
 * 徐立
 * 2020-3-28
 * data 为 'affair/getIdFormDetail' 接口请求到的数据
 * callback 提交完成后执行回调函数
 * form form表单控件
 */
import React, { Component } from 'react';
import BtnOk from './userTable';
import { preHandle } from '../../utils/myutils';
import { connect } from 'dva';
@connect()
export default class index extends Component {
	constructor(props) {
		super(props);
		this.state = {
			isSumbitLoading: false,
			isHandle: false,
		};
	}
	affairOk = (oldkey, btnValue, value) => {
		const { dispatch, callback, data } = this.props;
		this.setState(
			{
				isSumbitLoading: true,
			},
			() => {
				this.props.form.validateFieldsAndScroll((err, values) => {
					if (!err) {
						preHandle(values);
						dispatch({
							type: 'affair/getExamineProcess',
							payload: {
								taskIds: [data.taskId], // 接口里面的taskId 任务Id
								code: data.code,
								// 审核相关内容
								examineMap: JSON.stringify({
									[oldkey]: btnValue, // 每个配置按钮对应的对象内容 oldkey = 接口中 key btnValue = 接口中 value
									reason: value, // 审批理由
									code: data.code,
								}),
								taskForm: JSON.stringify(values), // 审批表单的参数值
							},
							callback: (val) => {
								this.setState({
									isSumbitLoading: false,
									isHandle: false,
								});
								if (callback) {
									callback(val);
								}
							},
						});
					}
				});
			},
		);
	};
	componentDidMount() {
		const { data } = this.props;
		this.setState({
			isHandle: data.isHandle,
		});
	}
	componentWillReceiveProps(nextProps) {
		const { data } = nextProps;
		this.setState({
			isHandle: data.isHandle,
		});
	}
	render() {
		const { isSumbitLoading, isHandle } = this.state;
		const { data } = this.props;
		return (
			<>
				{isHandle ? (
					<BtnOk
						isSecond={data.isSecond}
						affairOk={this.affairOk}
						isSumbitLoading={isSumbitLoading}
						btns={data.btns}
					/>
				) : null}
			</>
		);
	}
}