如何在高级列表自定义操作流程节点信息

场景：

测试链接
在高级列表想对某些流程进行批量作废，并支持自定义作废信息。

效果图：

实现过程：

创建一个普通的配置类表单，存放一些自定义的信息框(如：作废原因)等，通过弹窗的模式打开信息窗口，并传值控制字段显隐，最后通过调用批量作废的接口，将信息带上从而达成效果。

相关代码：

查看详情

//打开弹窗：
const { utils, context } = configs
const { loadCmp, useCompModal } = utils
let detailContext
const Detail = loadCmp({ sourceName: 'tz-render', exposesKey: 'Detail' })
 useCompModal(
        Detail,
        {
            title: '作废',
            // width: '60%',
            didMount: (ref) => {
                detailContext = ref
            },
            onOk: async  () => {
            }
        },
        {
            appId: 'appId',
            tenantId: 'tenantId',
            classId: 'classId'
        })

//发起批量作废接口：
const resp = await configs.utils.fetch({
      url: '/apis/common/proxy/lcpApp/v1/app/openapi/workflow/batchApproveProcess',
      method: 'post',
      data: data（批量数据）
})

//刷新列表信息：
const { context } = configs;
// 获取表格实例，code编码一般是VIEW_AREA，可以通过页面layout接口返回的数据找
// 后续可以通过设计器直观看到编码
const tableRef = context.getCompRef({ code: 'VIEW_AREA' }) ;
// 调用刷新
tableRef?. refresh?. ();

刷新高级列表页面后查看接口返回数据，查询code值