1. 案例背景

在实际的员工管理系统中，报表和表单多且繁杂，本次案例很好的解决了这个问题，搭建员工管理系统工作台集成表单入口和报表入口、数据，让数据查询和填写更加轻松。

2. 实现效果

? 员工信息管理系统数据看板搭建

? 通过接口获取工作台看板数据源

? 通过 JS 和接口实现统计访问人数

3. 演示视频

视频来源宜搭视频手册《你好！低代码》人事行政实践案例（第四讲），宜搭视频手册文档提供更多教学视频。

扩展阅读：《你好！低代码》系列课程

4. 实现步骤

4.1 步骤一：创建报表并配置组件

4.1.1 员工资料分析报表

（1）创建报表

路径：创建应用后 >> 左上角新建页面 >> 选择新建报表

（2）报表组件配置

步骤：组件选择基础指标卡 >> 数据集选择「人员基本信息录入」 >> 指标字段选取「实例ID」 >> 聚合方式设置成计数 >> 字段别名改为「在职员工数量」

（3）员工性别占比配置

步骤：组件选择饼图  >> 数据集选择「人员基本信息录入」  >> 分类字段选择「性别」、数值字段选择「实例 ID」 >> 「实例 ID」 聚合方式改成计数

（4）学历占比配置

步骤：组件选择饼图  >> 数据集选择「人员基本信息录入」  >> 分类字段选择「最高学历中文」、数值字段选择「实例 ID」 >> 「实例 ID」 聚合方式改成计数

参考  员工性别占比配置 即可

（5）年龄占比配置

步骤：组件选择饼图  >> 数据集选择「人员基本信息录入」  >> 分类字段选择「年龄」、数值字段选择「实例 ID」 >> 「实例 ID」 聚合方式改成计数

参考  员工性别占比配置 即可

（6）岗位占比配置

参考  员工性别占比配置  即可

（7）员工信息汇总表格

步骤：组件选择基础表格 >> 数据集选择「人员基本信息录入」 >> 表格列字段按自身需求选择展示即可

步骤：组件选择下拉筛选 >> 数据集选择「人员基本信息录入」 >> 值字段选择「员工显示名」

（9）入职日期筛选配置

步骤：组件选择日期筛选 >> 数据集选择「人员基本信息录入」 >> 值字段选择「日-入职日期」

4.1.2 员工培训记录报表

（1）创建视图表

步骤：进入应用 >> 应用设置 >>应用数据管理 >> 数据集 >> 新建数据集 >> 新建视图表 >> 配置视图表多表关联 >> 选择视图表字段

（2）创建员工培训记录报表

路径：创建应用后 >> 左上角新建页面 >> 选择新建报表

（3）员工培训次数

步骤：组件选择基础表格 >> 数据集选择视图表培训记录111 >> 表格列字段选择2个成员显示名 >> 其中一个人员显示名字段设施聚合方式为计数

（4）培训主题

步骤：组件选择柱状图 >> 数据集选择视图表培训记录111 >> 横轴字段选择培训主题 、纵轴字段选择培训主题 >> 纵轴聚合方式设置为计数

（5）培训信息

步骤：组件选择表格 >> 选择数据集视图表培训记录111 >> 表格列字段根据需求自主选择

（6）培训人员

步骤：组件选择下拉筛选 >> 选择数据集视图表培训记录111 >> 选择值字段

4.1.3 员工调动记录查询

（1）创建报表

路径：创建应用后 >> 左上角新建页面 >> 选择新建报表

（2）人员调动信息汇总表

步骤：组件选择基础表格 >> 数据集选择人员调动表单 >> 选择表格列字段

（3）筛选调动人员

步骤：组件选择下拉筛选 >> 数据集选择人员调动表单 >> 值字段选择调动人员姓名显示名

4.1.4 员工考核记录报表

（1）创建视图表

步骤：进入应用 >> 应用设置 >> 数据集 >> 新建数据集 >> 新建视图表 >> 配置视图表多表关联 >> 选择视图表字段

（2）创建报表

路径：创建应用后 >> 左上角新建页面 >> 选择新建报表

（2）员工合格数量不合格数量对比

步骤：组件选择柱状图 >> 数据集选择考核记录 >>横轴字段选择成员显示名 >>纵轴配置公式字段

（3）合格率统计

步骤：组件选择基础表格 >> 数据集选择考核记录 >> 表格列字段自定义选择 >> 配置公式字段

（4）考核信息汇总

步骤：组件选择基础表格 >> 数据集选择考核记录 >> 表格列字段自定义选择 >> 设置合并

4.2 步骤二：创建表单并配置组件

4.2.1 创建访问数据统计底表

（1）创建表单

路径：创建应用后 >> 左上角新建页面 >> 选择新建表单

（2）配置数据底表组件

（3）在数据底表提交一条数据

4.3. 步骤三：创建自定义页面及数据源配置

4.3.1 创建自定义页面及配置组件

（1）创建自定义页面

路径：创建应用后 >> 左上角新建页面 >> 选择新建自定义页面

（2）配置自定义页面组件

文本组件配置及样式

工作台标题配置及样式

选择容器组件 >> 选择文本组件 >> 配置容器样式 >> 配置文本样式

容器样式

容器内文本样式

文本内容设置

（3）配置数据看板

组件选择

链接块组件配置

选择对应需要跳转到的报表页面（四个链接块配置相同，只需选择不同的报表跳转）

标题文本样式设置（四个标题样式相同）

数据文本样式设置（四个数据展示文本样式相同）

（4）应用入口集成

分组配置

5. 常见问题

5.1 为什么访问人数的统计只有管理员显示正常

是因为接口的权限是受表单权限组的，请去表单权限组配置查看权限，配置权限可以参考文档 权限组配置

宜搭为了更好的优化宜搭使用手册内容和质量，占用您3-5分钟时间，辛苦填写一下文档反馈问卷。文档反馈问卷是匿名提交，同时问卷信息仅用于宜搭文档体验反馈收集，感谢您对宜搭的支持！点此填写调研问卷