Using npm: ``` npm install @zgeaw/work-flow --save
npm install @zgeaw/work-flow
npm install @zgeaw/work-flow --save
import WorkFlow from '@zgeaw/work-flow';
Vue.use(WorkFlow);
`
Usage
`vue
`
API
props
属性|说明|类型|默认值
:-------: | -------: | :-------: | :-------:
token | 用户登录token |String | -
urlSuffix | 配置环境参数 |String | -dev
isCompanyFlag | 是否是企业管理员 |Boolean | false
isCopy | 是否是复制模板 |Boolean | false
isDraft | 是否显示保存按钮 |Boolean | true
isPreview | 是否显示预览按钮 |Boolean | true
isApprover | 是否是审批表单，初始化的时候回带上默认审批功能 |Boolean | false
isFlagDelete | 审批结果是否允许删除 |Boolean | true
hasBasic | 显示属性设置 |Boolean | true
hasForm | 显示内容设置 |Boolean | true
hasProcess | 显示流程设置 |Boolean | true
flag | 表单标识(1:自定义表单,2:固定表单) |Number | 1
projectId | 项目id |String | ''
projectType | 项目类型 |String | ''
projectTypeList | 项目类型列表 |Array | [] {label: '名字', value: 1}
formId | 表单id |String | ''
styleId | 审批样式id |String | ''
companyList | 公司部门人员数据树 |Array | []
userType | 人员type |Number | 3
configApi | API配置 |Object | {}
addFormData | 新建表单数据 |Boolean | false
viewFormData | 预览表单数据 |Boolean | false
formDataJson | 自定义表单数据 |Object, String | ''
formType | 表单类型（1 需审批表单 2 无审批表单） | Number | 1
basicSetting | 表单属性设置 |Object, String | ''
formNameMax | 表单名称最多可输入字数 |Number | 15
isSingleCompany | 是否是单公司模式 |Boolean | false
$3
参数|说明|值
:-------: | -------: | :-------:
fileUploadApi | 文件上传API | '保密'
fileByIdApi | 文件Id查询API | '保密'
filePreviewApi | 文件在线预览Api | '保密'
queryGroup | 表单分组下拉列表 | '保密'
getFormDetails | 获取表单详情 | '保密'
saveForm | 保存表单 | '保密'
saveAndPublish | 保存表单并发布 | '保密'
saveAuditStyle | 保存审批样式 | '保密'
getAuditStyle | 审批样式列表数据 | '保密'
getDetailsAuditStyle | 审批样式详情 | '保密'
deleteAuditStyle | 删除审批样式 | '保密'
Slots
参数|说明|值
:-------: | -------: | :-------:
header | 自定义头部样式，不设置显示默认头部 | ''
footer | 自定义尾部样式，不设置显示默认头部 | ''
events
事件名称|说明|回调参数
:-------: | -------: | :-------:
change | 保存/发布触发 | 无
close | 取消触发 | 无
$3
`
this.$refs["workFlowRef"].getFormData((formData, subFormData) => {
console.log("获取数据", formData, subFormData);
});
`
$3
`
this.$refs["workFlowRef"].getJSON()
.then(data => {
console.log("获取自定义表单填写的数据", data);
})
.catch(e => {});
``