/** * 历史表单+最新表单生成 * 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; let routerState = { history: this.props?.history, location: this.props?.location, match: this.props?.match, computedMatch: this.props?.computedMatch, route: this.props?.route, }; 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} routerState={routerState} /> )} </> ); }) : ''} {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> ); } }