3.6.5 • Published 5 years ago
@zgeaw/work-flow v3.6.5
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 => {});3.6.5
5 years ago
3.6.4
5 years ago
3.6.3
5 years ago
3.6.1
5 years ago
3.6.0
5 years ago
3.5.7
5 years ago
3.5.6
5 years ago
3.5.5
5 years ago
3.5.9
5 years ago
3.5.8
5 years ago
3.5.4
5 years ago
3.5.3
5 years ago
3.5.2
5 years ago
3.5.1
5 years ago
3.5.0
5 years ago
3.4.9
5 years ago
3.4.8
5 years ago
3.4.7
5 years ago
3.4.6
5 years ago
3.4.5
5 years ago
3.4.4
5 years ago
3.4.3
5 years ago
3.4.2
5 years ago
3.4.0
5 years ago
3.4.1
5 years ago
3.3.9
5 years ago
3.3.8
5 years ago
3.3.7
5 years ago
3.3.6
5 years ago
3.3.5
5 years ago
3.3.4
5 years ago
3.3.3
5 years ago
3.3.2
5 years ago
3.3.1
5 years ago
3.3.0
5 years ago
3.2.9
5 years ago
3.2.8
5 years ago
3.2.7
5 years ago
3.2.6
5 years ago
3.2.5
5 years ago
3.2.4
5 years ago
3.2.3
5 years ago
3.2.2
5 years ago
3.2.1
5 years ago
3.2.0
5 years ago
3.1.9
5 years ago
3.1.8
5 years ago
3.1.6
5 years ago
3.1.5
5 years ago
3.1.4
5 years ago
3.1.3
5 years ago
3.1.2
5 years ago
3.1.1
5 years ago
3.1.0
5 years ago
3.0.8
5 years ago
3.0.7
5 years ago
3.0.6
5 years ago
3.0.5
5 years ago
3.0.4
5 years ago
3.0.3
5 years ago
3.0.2
5 years ago
3.0.1
5 years ago
3.0.0
5 years ago