The purchase table in the form can stack the input quantity of the same product.

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

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

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

1. Usage scenarios

In the purchase, sale and storage scenario, if you purchase multiple items at a time in the purchase table, if you fill in the purchase goods Apple 20 and Apple 30 at the same time, you want to directly display Apple 50 in inventory statement.

2. Implement functions

2.1 Configuration page

You can enter the first purchase details.

The second purchase details are the actual data after data processing, which can hide the group without being visible to users.

2.2 configuration functions

Bind to the onChange of the first subform and modify the unique identifier of the component according to the actual situation.

export function onTableChange({ value, extra }) {
  const temp = {}; // 定义一个对象
  for (let i in value) {
    let key = value[i].selectField_lblv886b; // 判断依据，利用对象的属性不能重复进行判断。
    if (temp[key]) {
      temp[key].selectField_lblv886e = value[i].selectField_lblv886b;
      temp[key].numberField_lblv886f += Number(value[i].numberField_lblv886d);// 进货数量相加
    } else {
      temp[key] = {};
      temp[key].selectField_lblv886e = value[i].selectField_lblv886b;
      temp[key].numberField_lblv886f = Number(value[i].numberField_lblv886d);
    }
  };
  const newArry = [];
  for (let k in temp) {
    newArry.push(temp[k]);
  };
  this.$("tableField_lblv886g").setValue(newArry)
}

3. Achieve results

4. Try it online

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

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

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