自定义页面中展示待办任务
1. 使用场景
当系统自带我的待办页面满足不了个性化的需求时,需要用到自定义页面展示待办的内容,可以参考以下案例来满足大家的需求。
2. 实现功能
2.1 添加获取相关数据源及用到的变量
(1)获取待我处理
接口地址:/query/task/getTodoTasksInCorp.json
请求方法:GET
请求参数:
{
query:JSON.stringify({
page:state.page,
limit:state.limit,
appKeys:[window.pageConfig.appType || window.g_config.appKey],
originators:"",
...state.searchQuery
})
}
配置如图:
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1675650474128-4df68b77-4122-49cd-8a4e-6a93a3964b3c.png)
(2)删除待办
接口地址:/query/task/deleteTodoTask.json
请求方法:POST
配置如图:
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1675650600338-f238259f-ceed-40c3-9b39-71392f1000cd.png)
(3)获取应用下的所有表单
接口地址:
`${window.location.origin}/dingtalk/web/${window.pageConfig.appType || window.g_config.appKey}/query/formnav/getFormNavigationListByOrder.json`
请求方法:GET
请求完成处理函数:
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
}
});
}
配置如图:
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1675650713840-38d00976-60d4-455e-9cac-236bce60e5f0.png)
(4)用到的变量
变量名称(变量释义):变量默认值
page(当前页码):1
limit(每页记录数):10
searchQuery(查询参数):如下所示
{
keyword:'',
processCodes:[]
}
配置如图:
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1675650921547-d94c268f-5a50-4f5c-9832-003dcf966e2f.png)
2.2 自定义页面配置
(1)配置页面基本显示效果
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1675650967063-d4bb625b-4135-40bf-828c-dc23bd1d7956.png)
(2)配置删除待办功能
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1675651055846-ef606bf3-3831-4589-a5ed-03fe019330af.png)
(3)配置分页功能
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1675651104397-984e1a5b-93b3-4b4b-9d23-19878f24883a.png)
(4)配置查询功能
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1675651162025-bf0b3cd5-a5f2-4f31-89cc-298451a3bdd9.png)
3. 实现效果
3.1 PC 端
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1675649165398-8317b646-7270-4e8c-a28a-45dc06304436.png)
3.2 Mobile 端
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1675651223208-7079f7b6-4038-4380-a7bf-866611c6924a.png)
4. 在线试玩
本文档对您是否有帮助?