vue 流程设计器_拖拽式流程表单设计器——雀书

对于很多中小型企业而言，重新购买或搭建新的系统，需要维护它，甚至需要配备专业的IT技术人员去协助试用和维护，无形中增加了不少支出。但是，通过组件配置表单流程，拖拽式搭建，可视化操作，不仅可以大大节约企业流程管理开发方面的时间成本，还能满足企业的多样化需求。

雀书是一款基于Vue和springboot开发的表单设计器，提高表单开发效率的利器，让开发者从枯燥的表单代码编写中解放出来,提供了常用的表单组件，可以直接使用，同时支持自定义增加组件以及提供api支持对表单做自定义操作。

表单

组件

雀书流程表单设计器(配置页面)的左方列出了所有支持的组件库，不用写任何代码即可直接使用，鼠标点击组件即可在屏幕中央的工作台预览。雀书的组件库拥有四类表单组件(元素)，分别是：布局元素，基础元素，高级元素和报表元素。其中，布局元素中可以设置组件比例，长等，可将表单进行分区，插入明细表；基础元素中包含常见的属性组件，如日期、数字、单选、多选、定位、文本框、附件上传等等；高级元素中暂时只含有明细表；报表元素即柱状图等具有数据展示功能的图表元素。

工作台

中间最大的区域是工作台，显示的是组件信息，在工作台中可以方便的选中，拖动，复制，删除组件操作。当选中某个组件后，右边的配置栏会出现当前组件的的所有可配置属性。

配置栏

配置栏的属性配置课配置组件的基础属性、选项设置(选项组件)、高级属性、校验规则、事件设置和样式属性。基础属性包括标题的名称和显示与否、提示文字、默认数值等等基础的属性设置；选项设置中可以设置数据源，包括外部数据、内部数据联动，自定义选项等等；校验规则可设置是否为必填项等等；事件设置可以输入代码设置事件触发，包括数据变化、单双击、鼠标移入移出、拖拽结果等。

流程图

雀书的流程图配置应当在流程表单结束后。流程图配置的属性操作有基本信息、处理人设置、表单权限、流转规则和机器人操作(机器人节点)。基本信息包含流程节点的环节名称、环节类型、操作配置；处理人设置中可设置单人会签、多人会签、多人抢签等节点处理类型，可选择节点处理人、合并规则；表单权限则可以设置每个流程节点的表单字段权限；机器人操作可以设置数据的连接口、触发流程、进行SQL编辑等。

总的来说，所有操作都可以通过鼠标完成，且肉眼可见的可视化拖拽搭建(准确来说是点击)，简单方便，适合业务员，但对于高级一些的功能也可以通过低代码实现。相比大型的OA系统，雀书这一类的平台，作为流程表单设计器来说，成本低廉，开发迅速，适合发展中的企业和业务忙碌的公司。