签到

​

准备工作

​

流程总览

• 步骤一：创建查询结果表
• 步骤二：创建查询签到记录表
• 步骤三：配置集群自动化
• 步骤四：在查询结果表中接收数据
• 步骤五：测试验证

​

实现效果

​

步骤一：创建查询结果表

1. 登录 宜搭工作台 ，选择目标应用，单击进入应用编辑页。
2. 依次单击 + > 新建普通表单 ，选择 新建空白页面 ，修改表单名称为 查询结果 。
3. 在中央画布区分别拖入一个 单行文本 组件、一个 子表单 组件和一个 成员 组件。
4. 将 成员 组件命名为 签到人 。
5. 将 单行文本 组件命名为 暂存连接器数据 ，并将可见状态设置为隐藏。

6. 将 子表单 组件命名为 签到记录 。
7. 在 子表单 组件内分别拖入三个 单行文本 组件。
8. 将 单行文本 组件分别命名为 签到时间 、 签到地点 和 签到备注 。
9. 单击右上角保存，完成配置。

​

步骤二：创建查询签到记录表

1. 在应用编辑页，依次单击 + > 新建流程表单 ，选择 新建空白页面 ，修改表单名称为 查询签到记录 。
2. 在中央画布区拖入两个 日期 组件、一个成员组件。
3. 将 日期 组件分别命名为开 始时间 和 结束时间 ，设置校验规则为 必填 ，设置格式为 年-月-日 时:分:秒 。

4. 将 成员 组件命名为 签到人 ，并设置校验规则为 必填 。
5. 单击右上角 保存 ，完成表单基本配置。

​

步骤三：配置集成自动化

1. 返回应用编辑页，单击顶部 集成&自动化 。
2. 单击新建 集成&自动化 ，选择 从空白新建 。
3. 在对话框内设置集成自动化名称，选择触发类型为 表单事件触发 ，表单为步骤二创建的查询签到记录表。

1

单击 表单事件触发 ，选择触发事件为 创建成功 ，单击 保存

2

单击表单触发事件下方 + 加号，选择 连接器

将光标移动刀触发事件下方即可看到+加号。

3

参考以下步骤，配置 连接器 节点

7. 单击 连接器 节点下方 + 加号，添加 脚本 节点。
8. 参考以下步骤，配置脚本节点。

var checkinRecordJson = checkinRecord?JSON.parse(checkinRecord):[];
var tableData = checkinRecordJson.map(function(item) {
return {
    // 将textField_lw5sacjg修改为查询结果表中签到时间的组件ID
    textField_lw5sacjg: item.checkin_time,
    // 将textField_lw5sacji修改为查询结果表中签到地点的组件ID
    textField_lw5sacji: item.detail_place,
    // 将textField_lw5sacjk修改为查询结果表中签到备注的组件ID
    textField_lw5sacjk: item.remark
  };
});
outputs.add("签到","tableData",JSON.stringify(tableData))

[
    {
        "checkin_time": 1715582068000,
        "detail_place": "浙江省杭州市余杭区高教路959号",
        "remark": "简单签到",
        "place": "三维未来park",
        "userid": "123456789",
        "image_list": []
    }
]

1

单击 脚本 节点下方 + 号，添加 新增数据 节点，然后参考以下步骤，进行配置

2

单击右上角 发布 按钮，完成配置

​

步骤四：在查询结果表中接收数据

1. 进入查询结果表单编辑页。
2. 打开 JS动作面板 ，添加以下代码，并根据代码注释修改代码内容。

export function didMount() {
  // 修改textField_lw4ffhbf为暂存连接器数据组件的组件ID。
  const str = this.$("textField_lw4ffhbf").getValue();

  const value = JSON.parse(str);
  // 修改tableField_lw5sacjc为子表单的组件ID。
  this.$('tableField_lw5sacjc').setValue(value);

}

3. 单击右上角 保存 ，完成配置。

​

步骤五：测试验证

1. 进入应用编辑页，单击查询 结果表单 ，单击右侧生成数据管理页。
2. 设置数据管理页的 页面名称 和 分组 。
3. 单击右上角 访问 ，访问应用。
4. 单击 查询签到记录 ，输入需要查询的签到人信息和时间，单击 提交 。
5. 进入结果表单的数据管理页进行查看。

​

相关文档

• 集成&自动化
• 新建表单
• 表单组件
• 获取用户签到记录
• 脚本节点