自定义页面表格展示主表和子表信息

能力免费版轻享版专业版专属版自定义页面不支持不支持支持支持未升级到新版信息架构的组织，请点此查看使用手册1. 操作步骤在应用管理界面，提供了两个创建自定义页面的入口1.1 通过【新建页面】下拉菜单创建左上角新建页面，在下拉菜单中选择【新建自定义页面(Beta)】，开始创建新建自定义页面1....

https://docs.aliwork.com/docs/yida_support/ui648w/ynk2lo

1. 使用场景

在表单内既有主表信息又有子表信息的时候，我们想要在自定义页面表格内既展示主表信息又展示子表信息，需要经过特殊的数据处理，这个时候我们可以参考以下案例。

2. 实现功能

2.1 获取数据展示到表格中

（1）在数据源处增加远程数据源

参考文档：根据条件搜索表单实例详情列表

接口配置如图：

didFetch 数据处理函数：

// 树形表格数据处理
export function handleData(content) {
  const { currentPage, data, totalCount } = content;
  if (!totalCount) { return content };
  const tableData = data.map(item => {
    const children = item.formData.tableField_lbkho7az.map((_item, index) => {
      return {
        productName: _item.textField_lbkho7b0,
        count: _item.numberField_lbkho7b1,
        isChildren: true,
        formInstId: `${item.formInstId}-${index}`,
      }
    });
    return {
      formInstId: item.formInstId,
      formUuid: item.formUuid,
      title: item.title,
      name: item.formData.employeeField_lbkho7ax,
      date: item.formData.dateField_lbkho7ay,
      children,
      isChildren: false
    }
  });
  return {
    currentPage,
    totalCount,
    data: tableData
  };
}