/**
 * 历史表单+最新表单生成
 * data 'affair/getIdFormDetail' 接口返回的详细参数
 * form 表单控件
 * isNewForm 是否展示最新表单
 */
import React, { Component } from 'react'
import ZdyTable from '@/webPublic/one_stop_public/Table';
import { Spin } from 'antd';
import { isEmpty } from '../../copy';
export default class index extends Component {
    render() {
        const {
            data,
            isNewForm
        } = this.props
        return (
            <div>
                {
                    data.hisTaskForm.formKeys 
                    && data.hisTaskForm.formKeys.length>0?
                        data.hisTaskForm.formKeys.map((item,index)=>{
                            return  (
                                <>
                                    <h3>{item.taskName}</h3>
                                    {
                                        !data?
                                        <div style={{
                                            width: '100%',
                                            height: 200,
                                            display: 'flex',
                                            justifyContent: 'center',
                                            alignItems: 'center',
                                            }}>
                                        <Spin size="large"/>
                                        </div>
                                        :<ZdyTable
                                            get="web"
                                            postData={data}
                                            obj={data.hisTaskForm.formData}
                                            form={this.props.form}
                                            formKey={item.formKey}
                                        />
                                }
                                </>
                            );
                        })
                        :''
                }
                {
                    isNewForm? // 展示最新表单 
                        data.isHandle && !!data.taskFormKey?
                        (
                            <>
                                <h3>当前流程</h3>
                                {
                                    !isEmpty(data)?
                                        <ZdyTable
                                            postData={data}
                                            get="web"
                                            obj={data.hisTaskForm.formData}
                                            table="new"
                                            form={this.props.form}
                                        />
                                        :null
                                }
                            </>
                        )
                        :null
                    :null
                }
            </div>
        )
    }
}