提交 83623ace authored 作者: 徐立's avatar 徐立

新增历史表单生成组件

上级 27568f67
/**
* 历史表单+最新表单生成
* 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>
)
}
}
......@@ -174,7 +174,8 @@ export default class ZdyTable extends Component {
this.setState({
appId: val.id,
datas:obj.datas,
mapData,sqlData, defaultValues:val.unifiedServicePatternModel.defaultValues,
mapData,sqlData,
defaultValues:val.unifiedServicePatternModel.defaultValues,
isEdit:this.props.formKey?false:true,
currentFormKey:this.props.formKey?this.props.formKey:val.taskFormKey?val.taskFormKey:obj.init,
defaultBinds:this.props.table?obj.datas[val.taskFormKey].defaultBinds:xxx.defaultBinds,
......
......@@ -66,23 +66,23 @@ import Entrance from '@/webPublic/Entrance'
/>
```
**生成历史表单示例**
## 生成历史表单入口文件
### 引入
```js
// hisTaskFormKeys 为接口返回数据 对应接口val.hisTaskForm字段
hisTaskFormKeys.formKeys.map((item, index) => {
return (
<>
<ZdyTable
get="web" // 平台区分
postData={data} // 请求数据源
obj={hisTaskFormKeys.formData} // 传入所有表单的默认字段
form={this.props.form} // antd form控件
formKey={item.formKey} // 当前展示的历史表单key值
/>
</>
);
})
import HistoryForm from '@/webPublic/one_stop_public/Entrance/historyForm';
```
### 使用
```js
<HistoryForm
data={this.state.data} // 'affair/getIdFormDetail' 接口返回数据
form={this.props.form} // form控件
isNewForm // 是否渲染需要当前用户填写的审核表单 为false只会渲染历史回显表单
/>
```
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论