---
order: 5
navTitle: CI表单
---
# SuperPage组件-嵌入CI表单

SuperPage页面中，使用嵌入CI表单组件，可以将发布的报表填报应用嵌入到SuperPage页面中进行数据填报。如在页面中嵌入`采购申请单`:

![CI表单](./images/2020_12_03_16_13_32.gif)

示例地址：[嵌入CI表单](https://demo.succbi.com/v5/DEMO/app/ap.app?id=%E8%A1%A8%E5%8D%95_1)

## 使用嵌入CI表单{#use}

嵌入CI表单只支持填报已发布的表单，若表单未发布，会在界面中给出提示。使用嵌入CI表单需要两个步骤，包括拖入数据模型组件、设置路径与参数。操作步骤参考[嵌入数据模型](./embeddatamodel.md#使用嵌入数据模型)。**嵌入表单**的差异在于可设置的[参数](#参数)不同，如需要直接显示表单填报界面，则可将参数名称设为`:newData`，参数值设为`true`。

![操作步骤](./images/2020_12_03_09_05_32.gif)

## 属性介绍{#attribute}

### 路径{#path}

路径是用来设置嵌入表单的路径，可以引用某个表单，也可以根据条件动态设置某个表单，具体可参考[嵌入数据模型](./embeddatamodel.md#路径)。

### 参数{#param}

嵌入CI表单常用的参数如下：

- `:newData` - 进入表单填写界面，开始一个新的流程申请、或者打开编辑一个已存在的数据
- `:dataPeriod` - 显示某个数据期的数据，适用于周期填报应用
- `:orgId` - 显示某个明细数据
- `:detailId` - 显示某个明细数据
- `:sheet` - 默认显示哪张表单
- `:sheets` - 显示哪些表单，逗号分隔，不传默认显示全部
- `:hideSheets` - 隐藏哪些表单，逗号分隔，从目前可以显示的表单中剔除掉
- `:readonly` - 用只读方式显示表单

更多参数配置可参考文档[URL 参考 - 报表填报应用](../../../../dev/references/sys-urls.md#fapp)