表单中子表发起子流程

JS 动作面板 - 前端代码开放 | 钉钉宜搭·帮助中心

能力免费版轻享版专业版专属版页面JS代码不支持不支持支持支持1. 功能概述用户可以通过宜搭中的「动作面板」去写 JS 代码，从而实现自己的业务逻辑或逻辑判断。通过动作面板，您可以「更加方便的组织和复用代码」、「实现复杂交互」。JS 面板注意：通过JS面板编写的逻辑一般情况下是不会对历史数据生效...

https://docs.aliwork.com/docs/yida_support/lbtl0t/ocmxyv

本案例来自三方开发者「冯鹏」

1. 使用场景

本例我们学习一下在宜搭中表单提交后如何根据子表单内容发起子流程。

2. 实现功能

2.1 流程页面配置

2.2 表单页面配置

uuid字段公式编辑：

2.3 功能配置

（1）变量配置

默认值按需修改。

（2）数据源配置

参考文档：流程发起

接口配置如图：

数据源地址：

数据源参数：

（3）页面 beforeSubmit 绑定下述函数

export async function beforeSubmit({ formDataMap }) {
  if (!this.utils.isSubmissionPage()) {
    return Promise.resolve(true);
  }
  const arr = this.$('tableField_l9y2sfwe').getValue();
  const uuid = this.$('textField_la98d80q').getValue();
  const warehouseName = this.$('selectField_l9y2sfwc').getValue();
  let data = [];
  let errors = [];
  const count = arr.length;
  const dialog = this.utils.dialog({
    method: 'alert',
    title: '处理中，请不要关闭浏览器',
    content: `预计需要 ${count / 5} 秒`,
    footer: false,
  });

  // 循环调用发起流程接口，注意节流
  for (let i = 0; i < arr.length; i++) {
    const delay = i === 0 ? 0 : 200;
    await new Promise((resolve => {
      setTimeout(async () => {
        const empArr = arr[i].employeeField_l9y2sfwk.map((item) => {
          return item.value;
        });
        const imgArr = arr[i].imageField_l9y2sfwm.map((items) => {
          return {
            downloadUrl: items.downloadURL,
            name: items.name,
            previewUrl: items.url,
            url: items.downloadURL,
          };
        });
        this.setState({
          formDataJson: JSON.stringify({
            textField_la98qwt1: uuid,
            selectField_l9yc8jpd: warehouseName,
            employeeField_l9yc8jpe: window.loginUser.userId,
            numberField_l9yc8jpc: arr[i].numberField_l9ybnzr5,
            employeeField_l9y2tffz: empArr,
            textField_l9y2tffv: arr[i].textField_l9y2sfwg,
            selectField_l9y2tffx: arr[i].selectField_l9y2sfwi,
            dateField_l9y2tfg1: arr[i].dateField_l9y2sfwn,
            imageField_l9y2tfg3: imgArr
          })
        });
        try {
          const res = await this.dataSourceMap.addData.load();
          data.push(res);
        } catch (e) {
          errors.push(e.message);
        }
        resolve();
      }, delay);
    }));
  }
  dialog.hide();
  let content = '处理成功';
  if (errors.length > 0) {
    content = (
      <div>
        {errors.map((error) => {
          return <p>{error}</p>
        })}
      </div>
    );
  }
  this.utils.dialog({
    method: 'alert',
    title: `处理完成，共发起 ${data.length} 条，失败 ${errors.length} 条`,
    content,
    onOk: () => { },
    onCancel: () => { },
  });
  return Promise.resolve(true);
}

3. 实现效果

4. 在线试玩

示例中心 | 开发者赋能平台

AI智能体时代，全新宜搭。业务创新，一搭就行。

https://www.aliwork.com/o/coc?tplUuid=TPL_KV81G388O2SYTMGE68F1&from=yuque_subject