弹窗案例

点击按钮后，将当前表单的参数传递到另一张表中。
有两种模版：

// 获取详情模版（可保存数据的页面）
const Detail = loadCmp({ sourceName: 'tz-render', exposesKey: 'Detail'  });
// 获取高级列表（可以创建数据的页面）
const Page = loadCmp({ sourceName: 'tz-render', exposesKey: 'Page'  });

详情模版案例，后面附参数说明：

const { utils,context,data} = configs
const {loadCmp,useCompModal } = utils;
let pageContext;
// 获取高级模版 
// const Page =loadCmp({ sourceName: 'tz-render',exposesKey: 'Page' }) 
// 获取详情模版 
const Detail = loadCmp({ sourceName: 'tz-render', exposesKey: 'Detail'  });
// 明细表数据list
let tableData = data?.allData?.['tableAttrCode'];

// 使用弹窗
useCompModal(
    Detail,
    {
        title:'生成xxx申请表',
        didMount:(ref)=>{
            pageContext = ref?.getRef?.();
        },
        onOk:()=>{
            console.log('点击确认后触发')
            return true;
        },
    },
    {
        appId: 'xxx',
        classId: 'xxxx',
        pageType:'LCP_VIEW',
        pageCode:'xxx',
        metaConfig:{
            formDefaultData:{
            //新表组件编码：当前表当的数据
               BUSINESS_CHANNELS:fromData.BUSINESS_CHANNELS,
                //COST_BREAKDOWN_TABLE 明细表attrcode，
                COST_BREAKDOWN_TABLE: [...tableData],
            }
        }
    }
);

参数说明：
appId、classId、pageType、pageCode
这些参数可以在平台的 应用 –> 系统管理 –> 资源配置(页面资源配置)里面搜索自己项目名称查看路由参数，如图。

可以通过 metaConfig.formDefaultData 进行参数传递，详细讲解：
https://docs.cvte.com/docs/tzv16//216