# 编辑日期 2020-4-20 #依赖资源 ```js antd antd-mobile echarts-for-reac qrcode.react js-md5 moment lodash react-highlight-words base-x react-native-uuid brace react-ace draft-js reqwest xlsx-oc react-native-uuid path-to-regexp prop-types react-signature-canvas react-file-viewer ``` ##抽离注意 文件依赖的utils和config都抽离到了one_stop_public ## Model层注意 将**webPublic/Models**下文件放入src下的Models中 **modileHome**:该接口用于请求事务详细数据和表单数据 **affair**:该接口用于请求当前事务的待办已办和事务提交 **新建流程提交模板** ```js dispatch({ type: 'affair/startProcess', payload: { content: JSON.stringify(values), // form表单控件拿取整个的数据 level: radioValue, // 紧急度配置 appId: this.state.appId, // 事务ID id: !!this.state.draftId ? this.state.draftId : null // 如果为草稿则传入ID进行修改 }, callback: val => { }, }); ``` ## 生成新表单入口文件 ```js import Entrance from '@/webPublic/Entrance' <Entrance id=''//传入事务Id form={form} // antd表单控件 get={'web'} // 'web'或 'mobile' /> ``` ## 生成历史表单入口文件 ### 引入 ```js import HistoryForm from '@/webPublic/one_stop_public/Entrance/historyForm'; ``` ### 使用 ```js <HistoryForm data={this.state.data} // 'affair/getIdFormDetail' 接口返回数据 form={this.props.form} // form控件 isNewForm // 是否渲染需要当前用户填写的审核表单 为false只会渲染历史回显表单 /> ``` ## 新增routerState 单个页面配置项如果需要使用**router路由参数**传值,则需要外部传入routerState 以下为示例 ```js let routerState = { history: this.props?.history, location: this.props?.location, match: this.props?.match, computedMatch: this.props?.computedMatch, route: this.props?.route } // 注 可选链运算符不兼容TS ``` ```js <ZdyTable get="web" height={config.height} postData={data} form={form} routerState={this.props.router} /> ```