翱晨工作流-流程图

项目依赖安装

yarn install

项目运行

yarn serve

项目打包

yarn package

项目目录

|-- .browserslistrc
|-- .eslintrc.js
|-- .gitignore
|-- README.md
|-- babel.config.js
|-- jsconfig.json
|-- package.json
|-- vue.config.js
|-- yarn-error.log
|-- yarn.lock
|-- public
|   |-- favicon.ico
|   |-- index.html
|-- src
|-- App.vue
|-- componentRegister.js 组件注册
|-- elementUIComponentRegister.js elementUI组件注册
|-- index.js 打包入口文件
|-- main.js
|-- assets
|   |-- css
|   |   |-- common.scss 公用样式
|   |   |-- elementUI.scss elementUI样式修改
|   |   |-- flowCard.scss 流程图样式
|   |   |-- reset.scss 重置样式
|   |   |-- variable.scss 全局样式
|   |-- images
|-- components
|   |-- FlowBox 流程图
|   |   |-- NodeFactory.vue 节点工厂
|   |   |-- NodeProp.vue 节点配置
|   |   |-- index.vue 流程图主页
|   |-- Node
|   |   |-- AddButtonNode.vue 添加节点按钮
|   |   |-- ApproverNode.vue 审批人节点
|   |   |-- ConditionBlockChildNode.vue
|   |   |-- ConditionBlockNode.vue 条件节点块节点
|   |   |-- ConditionNode.vue 条件节点
|   |   |-- CopyNode.vue 抄送人节点
|   |   |-- NodeContainer.vue 节点容器
|   |   |-- NodeTemp.vue 节点模板
|   |   |-- StartNode.vue 开始节点
|   |-- PersonnelSelectionDialog 人员选择弹窗
|   |   |-- TreeNode.vue 人员树节点
|   |   |-- index.vue
|   |-- ScaleBtn 缩放按钮
|   |   |-- index.vue
|   |-- Settings 节点设置组件
|       |-- AdvancedSettings.vue
|       |-- FormPermissionsSettings.vue
|       |-- ApproverSettings 审批人节点设置
|       |   |-- ApprovalSettings.vue 审批类型设置
|       |   |-- DecisionSettings.vue
|       |   |-- Designated.vue
|       |   |-- SponsorChoice.vue
|       |-- CcPersonSettings
|       |   |-- CcPersonSettings.vue
|       |-- Common
|       |   |-- ChoosePersonnel.vue
|       |-- SponsorSettings
|           |-- SponsorSettings.vue
|-- config
|   |-- NodeConfig.js
|   |-- NodePropConfig.js
|-- mixins
|   |-- NodePropMixin.js
|-- store
|   |-- getters.js
|   |-- index.js
|   |-- module
|       |-- common.js
|-- utils
|-- NodeUtil.js
|-- validate.js

节点属性

| Name | Description | |:-------------------------------|:------------------------------------------------------------------------------------------| | type | 通过该值判断节点的类型，start(开始节点), approver(审批人节点)，condition(条件节点)，copy(抄送节点)，end(结束节点) | | component | 流程渲染组件名称 | | content | 节点显示内容 | | nodeId | 节点Id | | prevId | 前置节点Id | | childNode | 子节点数据 | | conditionNodes | 条件节点数据(条件节点和子节点共存时先渲染条件节点) | | properties | 节点属性 | | properties.title | 节点标题 | | properties.formOperates | 表单操作权限 | | properties.formOperates | 节点的表单操作权限 | | properties.initiatorType | start(发起人节点)---发起人类型 所有人--1 指定人员-2 | | properties.starters | start(发起人节点)---发起人设置 | | properties.approvalType | approver(审批人节点)---审批类型 人工审批-1 自动通过-2 自动拒绝-3 | | properties.approverType | approver(审批人节点)---审批人类型 指定成员-1 发起人自选-2 连续多级主管-3 部门主管-4 直属主管-5 表单内部门主管-6 发起人自己-7 表单内的联系人-8 | | properties.multiApproverType | approver(审批人节点)---多人审批方式 依次审批-1 会签-2 或签-3 | | properties.approvers | approver(审批人节点)---审批人数组 | | properties.memberNum | approver(审批人节点)---发起人在选---选择人数 自选一人-1 自选多人-2 | | properties.selectionRange | approver(审批人节点)---发起人在选---选择范围 所有人- -1 指定成员-2 | | properties.approversAbleSelect | approver(审批人节点)---发起人在选---可选审批人 | | properties.approversAbleSelect | approver(审批人节点)---发起人在选---可选审批人 | | properties.conditions | condition(条件节点)---条件数组 | | properties.priority | condition(条件节点)---优先级 | | properties.copyers | copy(抄送节点)---抄送人数组 |