契约锁模板(预制业务场景)

上传截图后,在画布顶部 + 组件 菜单底部点 应用模板… 打开模板库。当前内置模板一 · 双方盖章签署,含两个组件套件: ① 发起页(上传附件 + 接收方联系人/联系方式 + 发起签署 + 状态标签)和 ② 结果页(查询状态 + 查看合同 + 下载合同)。把两个套件分别加到对应的两张截图上即可。

套件已自动配好契约锁接口(创建 / 我方签署 / 查状态 / 查看 / 下载)、变量映射与开放平台凭证。切到 演示:截图1点 发起签署 → 状态从「未发起」变「签署中」并打开我方签署页;对方签署后到截图2点 下载合同 即可拿回已签文件并在线预览。各组件可点击编辑,也可拖到截图上对应位置。

搭你自己的演示

1. 左侧 + 截图 上传客户系统截图,可一次多选批量创建,每张 = 一个页面;在缩略图上双击或点 ✎ 可重命名。
2. 画布顶部 + 组件 添加按钮 / 热区 / 状态标签等,拖动摆位、拖右下角缩放。
3. 选中组件,右侧「组件」面板配样式与行为（点击后做什么）。
4. 右侧「接口配置」里把契约锁接口填好(URL、Header、Body、返回字段映射),无需写死代码。
5. 切到演示给客户看。导出 可存成 JSON 发给同事复用。

占位符 = 数据在屏与屏之间流动

接口返回的字段(如 signUrl、viewUrl)会写进「变量池」。任何组件的文字、链接里写 {{viewUrl}} 就能引用它 —— 这就是签署结果「回传」到原截图页的原理。

多截图跳转(页面流转 + 系统等待)

上传多张有关联的截图,用按钮在它们之间跳转,模拟真实系统「点一下→转圈加载→进入下一页」的体验:

1. 在原截图的某个按钮位置(如「提交」)盖一个 热区 组件;热区在演示时透明、可点。
2. 选中它 → 「行为」里加动作 切换屏幕,选目标截图,填加载提示(如 提交中…)与等待时长。
3. 在目标截图的「退回」位置同样盖热区,行为设为切回上一张 —— 双向流转就成了。

「切换屏幕」默认开启 系统等待效果:点击后先出现加载遮罩,停顿设定的时长再切到目标截图并淡入。需要瞬间切换时,取消勾选即可。