高级组件

1、高级组件-走马灯

在表单设计界面，在左边高级组件中找到走马灯组件,把组件拖到中间空白区域；

属性

（1）标签

表示该组件的标签显示内容；

显示标签：如果勾选就显示标签，如果不勾选就不显示标签；默认勾选。

（2）数据Key：默认自动生成。

（3）图片选项：给走马灯增加一些固定的值，可添加可删除。

（4）指示器触发方式

有两种选择，分别为鼠标悬浮和鼠标单击，默认为鼠标悬浮；

（5）指示器位置

有三种选择，分别为内部、外部和不显示，默认为内部；

（6）切换箭头显示时机

有两种选择，分别为鼠标悬浮、一直显示和一直隐藏，默认为鼠标悬浮；

（7）类型

有两种选择，分别为一般模式和卡片模式，默认为一般模式；

（8）展示方向

有两种选择，分别为水平方向和垂直方向，默认为水平方向；

（9）图片填充方式

有五种选择，分别为填充、包含、覆盖、无和降低，默认为填充；

自动切换时间间隔：3000ms；

（10）配置

自动播放：默认勾选；

循环显示：默认勾选；

（11）样式

高度：设置走马灯高度，默认350px；

（12）约束

可见：表示是否在表单中可见，默认勾选；

方法

无

事件

（1）单击时

2、高级组件-时间线

在表单设计界面，在左边高级组件中找到时间线组件,把组件拖到中间空白区域；

属性

（1）标签

表示该组件的标签显示内容；

显示标签：如果勾选就显示标签，如果不勾选就不显示标签；默认勾选。

（2）数据Key：默认自动生成。

（3）排序

有两种选择，分别为正序和倒序，默认为正序；

（4）时间点key：默认timestamp1；

（5）内容key：默认content1；

（6）时间线：给时间线一些固定值；

（7）内容

修改时间线的时间点key和内容key的值；

（8）时间戳位置

有两种选择，分别为顶部和底部，默认为顶部；

（9）节点类型

有五种选择，分别为主要、成功、警告、危险和信息，默认为信息；

（10）节点尺寸

有两种选择，分别为正常和放大，默认为正常；

（11）节点颜色：默认为空；

（12）约束

可见：表示是否在表单中可见，默认勾选；

方法

无

事件

无

3、高级组件-日历

在表单设计界面，在左边高级组件中找到日历组件,把组件拖到中间空白区域；

属性

（1）标签

表示该组件的标签显示内容；

显示标签：如果勾选就显示标签，如果不勾选就不显示标签；默认勾选。

（2）数据Key：默认自动生成。

（3）日期匹配Key

字段值的格式为yyyy-MM-dd，默认值为空；

（5）标识显示类型

有两种选择，分别为简易和丰富，默认为简易；

（6）约束

可见：表示是否在表单中可见，默认勾选；

禁用：表示是否在表单中禁用，默认不勾选。

方法

（1）获取头部日期

事件

（1）单击时

4、高级组件-图片

在表单设计界面，在左边高级组件中找到图片组件,把组件拖到中间空白区域；

属性

（1）标签

表示该组件的标签显示内容；

显示标签：如果勾选就显示标签，如果不勾选就不显示标签；默认勾选。

（2）数据Key：默认自动生成。

（3）图片选项：给图片添加一些固定值，可添加可删除；

（4）图片预览：给图片添加一些预览信息，可添加可删除；

（5）默认图片

上传：从本地上传一张图片；

选择：从图片服务器中选择图片；

（6）来源

有两种选择，分别为在线和本地，默认为在线；

（7）图片填充方式

有五种选择，分别为填充、包含、覆盖、无和降低，默认为填充；

（8）占位符：默认值“加载中…”；

（9）加载失败：默认值“加载失败”；

（10）配置

宽度：可设置图片宽度，默认225px；

高度：可设置图片高度，默认225px；

懒加载：不勾选；

（11）约束

可见：表示在表单中可见，默认勾选；

预览：表示图片可预览，默认不勾选；

（12）样式：默认值为空；

方法

无

事件

（1）加载成功

（2）加载失败

5、高级组件-甘特图

在表单设计界面，在左边高级组件中找到甘特图组件,把组件拖到中间空白区域；

属性

（1）标签

表示该组件的标签显示内容；

显示标签：如果勾选就显示标签，如果不勾选就不显示标签；默认勾选。

（2）数据Key：默认自动生成。

（3）任务分类显示名称：默认值“任务分类”；

（4）样式

高度：可设置甘特图高度，默认350px；

（5）约束

可见：表示在表单中可见，默认勾选；

（6）维度

有三种选择，weeks，hours，days；默认hours。

（7）开始日期：可设置开始日期，默认为空；

（8）结束日期：可设置结束日期，默认为空。

方法

无

事件

无

6、高级组件-弹框选择

在表单设计界面，在左边高级组件中找到弹框选择组件,把组件拖到中间空白区域；

属性

（1）标签

表示该组件的标签显示内容；

显示标签：如果勾选就显示标签，如果不勾选就不显示标签；默认勾选。

（2）数据Key：默认自动生成。

（3）占位符：表示占位提示信息，默认为空；

（4）样式

尺寸：有三种选择，分别为中等、小和迷你，默认为小；

（5）约束

必填：表示是否在表单中必填，默认不勾选；

可见：表示是否在表单中可见，默认勾选；

禁用：表示是否在表单中禁用，默认不勾选。

方法

无

事件

（1）单击选择时

（2）值改变时

7、高级组件-子表单

在表单设计界面，在左边高级组件中找到子表单组件,把组件拖到中间空白区域；

属性

（1）标签

表示该组件的标签显示内容；

显示标签：如果勾选就显示标签，如果不勾选就不显示标签；默认勾选。

（2）数据Key：默认自动生成。

（3）字段

点击“添加字段”时，在子表单中添加一个字段；字段可选弹窗选择，单行文本，下拉单选，日期，时间，日期时间，数值，开关，评分；点进个字段可以单独设置属性。

（4）操作项

点击“添加操作项”时，添加一个操作项；勾选显示时显示该操作项，不勾选则不显示。

（5）按钮项

点击“添加按钮项”时，添加一个按钮项；勾选显示时显示该操作项，不勾选则不显示。

（6）对齐方式

有三种选择，开头对齐，居中对齐，结尾对齐；默认开头对齐。

（7）配置

序列号：在子表单开头添加序列号，默认勾选；

（8）样式

高度：设置子表单高度，默认315px；

（9）约束

可见：表示是否在表单中可见，默认勾选；

禁用：表示是否在表单中禁用，默认不勾选。

方法

（1）删除当前行

事件

（1）当前行变化时

8、高级组件-定时器

在表单设计界面，在左边高级组件中找到定时器组件,把组件拖到中间空白区域；

属性

（1）标签

表示该组件的标签显示内容；

显示标签：如果勾选就显示标签，如果不勾选就不显示标签；默认勾选。

（2）数据Key：默认自动生成。

（3）默认值：Timer；

（4）间隔时间：默认100ms；

（5）约束

是否启用：默认不勾选；

方法

无

事件

（1）间隔触发

9、高级组件-文件上传

在表单设计界面，在左边高级组件中找到文件上传组件,把组件拖到中间空白区域；

属性

（1）标签

表示该组件的标签显示内容；

显示标签：如果勾选就显示标签，如果不勾选就不显示标签；默认勾选。

（2）数据Key：默认自动生成。

（3）限制

长度限制：限制上传文件个数，默认为1；

文件类型：.JPG/JPEG、.PNG、.XLS、.XLSX、.PDF，可多选，默认为空；

（4）约束

可见：表示是否在表单中可见，默认勾选；

禁用：表示是否在表单中禁用，默认不勾选。

方法

无

事件

无

10、高级组件-图片上传

在表单设计界面，在左边高级组件中找到图片上传组件,把组件拖到中间空白区域；

属性

（1）标签

表示该组件的标签显示内容；

显示标签：如果勾选就显示标签，如果不勾选就不显示标签；默认勾选。

（2）数据Key：默认自动生成。

（3）限制

长度限制：限制上传文件个数，默认为1；

文件类型：.JPG/JPEG、.PNG、.MP4、.3GP，可多选，默认为空；

（4）样式

预览窗高度：图片预览的弹窗高度：默认为0，0表示不限制高度；

（5）约束

可见：表示是否在表单中可见，默认勾选；

禁用：表示是否在表单中禁用，默认不勾选。

方法

（1）删除的文件key

事件

（1）删除图片时

11、高级组件-PDF显示

在表单设计界面，在左边高级组件中找到PDF显示组件,把组件拖到中间空白区域；

属性

（1）样式

高度：设置显示高度，默认300px；

（2）约束

可见：表示是否在表单中可见，默认勾选；

方法

无

事件

无

12、高级组件-数据导入

在表单设计界面，在左边高级组件中找到数据导入组件,把组件拖到中间空白区域；

属性

（1）标签

表示该组件的标签显示内容；

显示标签：如果勾选就显示标签，如果不勾选就不显示标签；默认勾选。

（2）数据Key：默认自动生成。

（3）文件类型

有两种选择，分别为Excel和文本，默认为Excel；

（4）工作表索引：默认为1；

（5）按钮类型

有六种选择，分别为主要、成功、警告、危险、信息和文本，默认为主要；

（6）朴素按钮：不勾选；

（7）圆角按钮：不勾选；

（8）圆形按钮：不勾选；

（9）样式：即图标样式，默认为“el-icon-download”；

（10）约束

可见：表示是否在表单中可见，默认勾选；

禁用：表示是否在表单中禁用，默认不勾选。

显示预览：默认勾选；

方法

无

事件

（1）导入数据

13、高级组件-数据导出

在表单设计界面，在左边高级组件中找到数据导出组件,把组件拖到中间空白区域；

属性

（1）标签

表示该组件的标签显示内容；

显示标签：如果勾选就显示标签，如果不勾选就不显示标签；默认勾选。

（2）数据Key：默认自动生成。

（3）导出文件名：默认为“title”；

（4）导出文件类型

有两种选择，Excel和txt，默认为Excel；

（5）excel文件格式

若选择Excel有两种选择，分别为xlsx和xls，默认为xlsx；

若选择txt则无excel文件格式。

（6）列字段自定义

若选择Excel，点击“添加列类型”，可以添加一个列字段；

若选择txt则无列字段定义。

（7）按钮名称：默认为“导出为Excel”；

（8）按钮类型

有六种选择，分别为主要、成功、警告、危险、信息和文本，默认为主要；

（9）朴素按钮：默认不勾选；

（10）圆角按钮：默认不勾选；

（11）圆角按钮：默认不勾选；

（12）样式：即图标样式，默认值为“el-icon-download”；

尺寸：有三种选择，分别为中等、小和迷你，默认为小；

下边距：默认14px；

左边距：默认0px；

（13）约束

可见：表示是否在表单中可见，默认勾选；

禁用：表示是否在表单中禁用，默认不勾选。

方法

无

事件

（1）导出EXCEL

14、高级组件-视频

在表单设计界面，在左边高级组件中找到视频组件,把组件拖到中间空白区域；

属性

（1）标签

表示该组件的标签显示内容；

显示标签：如果勾选就显示标签，如果不勾选就不显示标签；默认勾选。

（2）数据Key：默认自动生成。

（3）配置

高度：设置视频高度，默认350px；

（4）约束

可见：表示是否在表单中可见，默认勾选；

禁用：表示是否在表单中禁用，默认不勾选。

方法

无

事件

无

15、高级组件-富文本

在表单设计界面，在左边高级组件中找到视频组件,把组件拖到中间空白区域；

属性

（1）标签

表示该组件的标签显示内容；

显示标签：如果勾选就显示标签，如果不勾选就不显示标签；默认勾选。

（2）数据Key：默认自动生成。

（3）内容大小（单位兆）

可设置富文本内容大小，默认为3M。

（4）图片大小（单位kb）

可设置图片大小，默认为200kb。

（5）约束

可见：表示是否在表单中可见，默认勾选；

只读：表示是否在表单中只读，默认不勾选。

方法

无

事件

无