FlyBuilder Series | 瞬间建立人员假期管理系统

飞搭低代码平台（FeiDa，以下简称“飞搭”）是基于低代码理念打造的融合 aPaaS 平台，助力企业快速搭建业务应用。作为 HZERO 生态的重要组成部分，致力于充分融合 HZERO 的各平台能力，提供企业用户在线化灵活搭建业务应用的能力，支撑企业普惠化（低门槛、高协作）、敏态化（高效率）和低成本化地快速响应市场变化，加速复杂业务场景落地。

前言 Introduction

在企业管理中，人事管理系统是必不可少的一部分，本篇选择人事管理系统中常见的一个功能模块——假期管理。介绍飞搭通过以下三点配置，快速完成搭建，落地一个完整的功能模块。

1. 布局灵活配置工作台：

通过多种容器组件快速配置出任意样式的工作台页面

2. 应用时间轴展示信息：

通过简单拖拽字段即可实现用时间轴组件按照时间线展示信息

3. 通过弹窗进行请假审批：

通过预定义事件流快速实现弹窗假期审批功能

​

# 搭建假期管理工作台

假期管理功能

假期管理在企业人事管理中是使用非常高频的模块，通过系统将请假流程规范化，可以帮助企业或组织更好地规划资源和时间，从而提高工作效率和降低管理成本。

假期管理系统通常包括：

• 请假申请：填写请假信息申请假期

• 请假审批：审批员工申请

• 假期定义：制定假期规则

• 假期统计：横向和纵向统计请假情况

工作台布局搭建

明确模块内具备的功能后可以开始规划工作台布局。

布局的重点是容器组件的应用，容器组件的作用是将页面进行分区，搭配出更加复杂的页面结构，目前飞搭支持五种容器组件，这次我们用到了其中的【栅格容器】和【布局容器】组件：

1. 栅格容器

栅格容器可以*的将页面定义为几行几列，然后在每个栅格内再填充组件。

2. 布局容器

布局容器有两种常见的布局模版：左右布局和T型布局。

通过容器组件的多种组合可以迅速的完成首页的布局排版。

/ / 左侧上方图文展示区域： 增加页面丰富度，说明假期管理模块整体功能。

/ / 左侧下方功能模块区域： 四个功能既介绍功能内容又可以作为功能的入口。

/ / 右侧信息展示区域： 展示个人信息和待办消息通知。

规划好区域后可以开始在页面中拖入容器组件进行布局。

首先拖拽【布局容器】选择左右布局将页面分为左右两部分。然后在左侧布局内拖入【图文组件】和【栅格布局】，右侧拖入【图文组件】和【时间轴组件】，最后维护每个容器内的信息后即完成了首页。

# 时间轴展示待办数据

时间轴概念

时间轴是一种展示时间顺序和事件发生顺序的工具。

在生活中它可以用来记录历史事件、文化发展、科技进步等各种领域的进展和变化。

在系统中时间轴将信息按照时间线性地展示出来，每个事件或信息都以一个时间节点的形式出现，利用线性元素进行连接，这种可视化的呈现方式提高了信息的可读性。

时间轴应用

时间轴组件应用场景较为广泛，可以被应用到单据显示、消息通知展示、工作登记、审批历史等场景中。

而在本次人事管理——假期管理的工作台页面搭建中，使用了时间轴组件展示待办单据消息通知。

维护方式

1. 拖入时间轴组件，选择业务对象

在容器组件内拖入时间轴组件后，选择要展示信息的业务对象。

2. 拖入字段

因容器较窄，调整当前列数为2列，然后选择要展示在时间轴中的字段，勾选后拖拽到组件内就完成了时间轴组件配置。不需要代码基础，几分钟就可以完成时间轴信息搭建。

审批弹窗设置

首页搭建完成后，如何实现请假审批流程？

在飞搭之前的推文 《搭建绩效管理系统配置灵活、效能卓越》 中已经详细介绍了基本的页面搭建配置，请假申请表单设置不再赘述。搭建完成申请表单后，请假审批功能可以通过弹窗实现。

搭建弹窗页面

1. 表单内拖入字段

首先创建一个用于弹窗内展示的页面，拖入表单维护页面表单内的字段。

2. 拖入自定义按钮，配置行为

然后拖入一个自定义按钮，设置为确定，在行为面板设置确定按钮的回调事件为预定义事件流中的弹窗保存并关闭。

飞搭中除了可以自定义事件流，还根据常见的用户场景，预置了一些事件流，在使用时直接选择预定义事件流，无需再进行其他配置。

弹窗配置参数

下一步还需要为弹窗设置参数配置查询。

弹窗在打开时需要和申请单进行关联，在弹窗页面创建父页面取值类型的取值。

创建页面弹窗事件流

在申请单页面添加提交按钮，创建事件，添加页面弹窗节点，选择页面为创建的弹窗页面，设置弹窗查询参数。

这样就完成了弹窗配置，可以在弹窗内审批请假申请。

结语

本篇内容详细介绍了工作台配置和弹窗审批功能配置，配置过程简单、易懂，还预置了事件流使配置更加简单，即使无代码基础也可以迅速完成一个人事管理系统——假期管理模块搭建，如果还想了解其他的功能如何实现，请通过以下方式联系我们或者持续关注飞搭系列的后续推文～

联系我们 CONTACT US

1 如果您想了解飞搭更详细的功能介绍和产品信息请查阅我们的产品文档：

请在PC端打开 ????汉得焱牛开放平台

open.hand-china.com/document-ce…

2 如果您有疑问或者建议，可以通过开放平台进行工单反馈，问题分类请选择【产品/汉得aPaaS平台-飞搭】：

请在PC端打开????汉得焱牛开放平台

open.hand-china.com/

3 相关产品咨询或更多信息了解，欢迎联系我们

邮箱：openhand@vip.hand-china.com

更多精彩内容，扫码关注 “四海汉得” 公众号