design-form-maker
v1.1.1
Published
``` npm install design-form-maker --save ```
Downloads
4
Readme
在线表单设计器
安装
npm install design-form-maker --save引用
import DesignFormMaker from 'design-form-maker'
import 'design-form-maker/lib/design-form-lib.css'
...
Vue.use(DesignFormMaker, options)
...options
配置项 | 备注 | 默认值 ---|---|--- onlineFormList | 在线表单功能路由的name值，用于在线表单测试功能的菜单按钮跳转 | onlineFormList onlineFormListPath | 在线表单功能配置的路径(结合本项目配置的路由) | /online/formList onlineFormTreeListPath | 在线表单树功能配置的路径(结合本项目配置的路由) | /online/formTreeList ajax | axios配置对象 | {}
ajax
配置项 | 备注 | 默认值 ---|---|--- baseURL | 请求基础路径 timeout | 请求超时
更多配置 ...
组件
名字 | 备注 ---|--- OnlineFom | 在线表单配置列表组件 OnlineFormList | 在线表单功能组件 GenForm | 表单渲染组件 DictFormList | 字段表管理组件
组件参数
- OnlineFormList
props
名字 | 备注 | 类型 ---|---|--- id | 表单配置id | Number, String
- GenForm
props
名字 | 备注 | 类型 ---|---|--- headId | 表单配置id | Number, String editData | 编辑数据 | Object
组件提供方法
名字 | 备注 ---|--- reset | 重置表单数据 getData | 获取表单数据 返回Promise setDisabled(boolean) | 设置表单是否可以编辑 true: 不可编辑, false 可以编辑