在搭建宜搭应用的过程中，你可能会遇到以下这些问题。

• 考勤管理系统中，记录员工的工号与打卡记录，关联姓名和头像，便于管理者审核和统计员工的出勤情况。
• 在HR系统中，用于员工档案管理、薪资发放、绩效评估、培训记录等，工号作为唯一标识，与员工的所有相关信息相关联。
• 在项目管理工具中，显示分配任务的员工信息，包括姓名和头像，便于跟踪任务进展，明确责任归属。

前提条件

本教程使用到宜搭部分基础功能，你可以先了解以下表单公式、JS-API。

• 人员函数

• USER

• 构造器函数

• GetObjectField​
• GetArrayItem
• UserBuilder

• 宜搭 JS-API

• 获取登录用户名称
• 获取登录用户 ID

实现效果

通过公式获取

通过宜搭 JS-API 获取

实现步骤

通过公式获取

在画布区域拖入以下组件。

• 成员：命名为成员
• 多行文本：命名为成员标准模型对象
• 单行文本：命名为 label
• 单行文本：命名为 avatar
• 图片：用于 avatar 的图片展示
• 单行文本：命名为 corpId
• 单行文本：命名为 businessWorkNo
• 单行文本：命名为 userId

添加表单公式

「成员」选择公式编辑，并配置下图所示公式，也可以直接复制公式源码，注意修改字段。

创建普遍表单页面

创建普通表单页面，详情请参考普通表单。

在画布区域拖入以下组件。

• 单行文本：命名为 userName
• 多行文本：命名为成员标准模型对象
• 单行文本：命名为 userId
• 单行文本：命名为 avatar
• 图片：用于 avatar 的图片展示
• 单行文本：命名为 businessWorkNo
• 单行文本：命名为 deptName
• 单行文本：命名为 deptId

配置 JS-API

员工姓名 「 userName 」绑定默认值，并配置下图所示 JS-API 代码，也可以直接复制代码。

点赞(0) 打赏