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 => {});