pit-flow-ui

pit-flow-ui

项目简介

pit-flow-ui 是一个基于 Vue.js 的流程管理 UI 组件库，专注于提供企业级的 BPMN 流程可视化、流程审批、任务处理等功能。该组件库由湖南创智艾泰克科技有限公司前端组开发维护。

核心功能

• BPMN 流程设计与可视化
• 流程实例运行与监控
• 任务审批与处理
• 组织结构与用户选择
• 流程历史记录与追踪
• 数字签名集成

技术栈

• Vue.js 2.6.x
• BPMN-js
• Element UI
• SCSS
• Webpack

目录结构

pit-flow-ui/
├── build/           # 构建配置
├── packages/        # 组件包
│   ├── bpmn/        # BPMN 相关组件
│   ├── bpmn-review/ # BPMN 查看器
│   ├── flow-box/    # 流程审批管理组件
│   └── theme-chalk/ # 主题样式
├── src/             # 源代码
│   ├── api/         # API 接口
│   ├── utils/       # 工具函数
│   └── index.js     # 入口文件
├── types/           # 类型定义
├── package.json     # 项目配置
└── README.md        # 项目说明

安装指南

npm 安装

npm install pit-flow-ui --save

yarn 安装

yarn add pit-flow-ui

项目使用

引入组件

// 全局引入
import Vue from 'vue';
import PitFlowUI from 'pit-flow-ui';
import 'pit-flow-ui/lib/theme-chalk/index.css';

Vue.use(PitFlowUI);

// 按需引入
import Vue from 'vue';
import { FlowBox, BpmnReview } from 'pit-flow-ui';
import 'pit-flow-ui/lib/theme-chalk/index.css';

Vue.component('FlowBox', FlowBox);
Vue.component('BpmnReview', BpmnReview);

构建与开发

构建项目

# 安装依赖
npm install

# 构建组件库
npm run build