@zgeaw/work-flow

workFlow

Install

Using npm:

npm install @zgeaw/work-flow --save

import WorkFlow from '@zgeaw/work-flow';
Vue.use(WorkFlow);

Usage

<template>
  <WorkFlow :token="token" />
</template>
<script>
  export default {
    data () {
      return {
        token: '', // 登录token
      }
    },
    methods: {}
  }
</script>

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

configApi

参数	说明	值
fileUploadApi	文件上传API	'保密'
fileByIdApi	文件Id查询API	'保密'
filePreviewApi	文件在线预览Api	'保密'
queryGroup	表单分组下拉列表	'保密'
getFormDetails	获取表单详情	'保密'
saveForm	保存表单	'保密'
saveAndPublish	保存表单并发布	'保密'
saveAuditStyle	保存审批样式	'保密'
getAuditStyle	审批样式列表数据	'保密'
getDetailsAuditStyle	审批样式详情	'保密'
deleteAuditStyle	删除审批样式	'保密'

Slots

参数	说明	值
header	自定义头部样式，不设置显示默认头部	''
footer	自定义尾部样式，不设置显示默认头部	''

events

事件名称	说明	回调参数
change	保存/发布触发	无
close	取消触发	无

自定义尾部按钮获取组件所有数据

  this.$refs["workFlowRef"].getFormData((formData, subFormData) => {
    console.log("获取数据", formData, subFormData);
  });

获取自定义表单填写的数据

  this.$refs["workFlowRef"].getJSON()
  .then(data => {
    console.log("获取自定义表单填写的数据", data);
  })
  .catch(e => {});