To-do tasks are displayed on the custom page.

创建自定义页面 | 钉钉宜搭·帮助中心

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

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

1. Usage scenarios

When the system's own to-do page cannot meet personalized needs, you need to use a custom page to display the to-do content. You can refer to the following examples to meet your needs.

2. Implement functions

2.1 Add and obtain relevant data sources and variables used

(1) get to me

Interface address:/query/task/getTodoTasksInCorp.json

Request method: GET

Request parameters:

{
  query:JSON.stringify({
    page:state.page,
    limit:state.limit,
    appKeys:[window.pageConfig.appType || window.g_config.appKey],
    originators:"",
    ...state.searchQuery
  })
}

As shown in the following figure:

(2) delete to-do list

Interface address:/query/task/deleteTodoTask.json

Request method: POST

As shown in the following figure:

(3) obtain all forms under the application

Interface address:

`${window.location.origin}/dingtalk/web/${window.pageConfig.appType || window.g_config.appKey}/query/formnav/getFormNavigationListByOrder.json`

Request method: GET

Request completion processing function:

function didFetch(content) {
  let result = content.filter(item => {
    return item.formType === "process"
  });
  return result.map(item => {
    return {
      text: item.title.zh_CN,
      value: item.processCode
    }
  });
}

As shown in the following figure:

(4) variables used

Variable name (variable definition): variable default value

page (current page number):1

limit (number of records per page):10

searchQuery (query parameters):

{
  keyword:'',
  processCodes:[]
}

As shown in the following figure:

2.2 custom page configuration

(1) configure the basic display effect of the page

(2) configure the delete to-do function

(3) configure paging function

(4) configure the query function

3. Achieve results

3.1 PC

3.2 Mobile

4. Try it online

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

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

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