布局控件

布局组件是容器，所有的基础组件，平台组件、echart组件都是需要放到容器中

模块控件

模块控件设计区域展示效果：

单机选中属性图如下：

属性名称	属性分类	说明
标题名称	基本设置	档标题为空时不显示模块头部
显示标题	基本设置	控制模块头部的标题，是否显示
是否可折叠	基本设置	控制点击模块头部，是否可以将内容进行折叠
是否隐藏	基本设置	控制整个模块内容是否显示。
图标	布局设置	设置模块标题前面的图标展示
栅格	布局设置	控制模块占整个屏幕的比例，不同设备设计模式下，对应栅格设置是不同的
自定义属性	其它属性	主要用于扩展使用的，如设计器中用了很多element ui的控件，由于作者没有将使用的element ui的组件所有属性和事件添加到大屏设计的属性或者事件中，这个时候可以用到这个属性，如:属性名=”11” 就会将11传入到组件内部。如事件@事件名=”调用的事件名称” 当组件触发了该事件，就会调用时该配置的事件函数。

属性子控件集合，如图

属性名称	说明
标题名称	模块子控件的标题
绑定字段	显示的子控件绑定数据库的字段名称
操作	按钮功能依次是：编辑，删除，拖拽子控件的顺序 点击【编辑】：属性会切换到对应子控件的属性中。 点击【删除】：会将对应子控件从模块布局控件中给移除出去。

批量修改布局控件中子控件基本属性，点击【批量修改子控件属性】弹出如下图，可以勾选批量修改的属性，然后对其进行修改，修改后布局控件中子控件属性都会一起被修改。

Tab控件

Tab控件拖拽到可视化区域展示效果：

注意：单机头部区域才能选中是整个Tab控件，点击内容区域选中是当前Tab控件选中Tab的控件相。

Tab控件属性如图：

Tab控件属性说明：

属性字段	属性分类	属性说明
标题名称	基本设置	对Tab控件进行描述说明
是否隐藏	基本设置	控制整个Tab控件的隐藏或者显示
选项面板	基本设置	对Tab控件具体选项的维护，新增与删除，以及进入选项属性设置。点击添加选项面板新增Tab项，点击编辑切换到具体Tab选项属性设置界面，点击删除，删除具体的tab选项。拖拽可以设置tab选项展示的顺序。
批量修改子控件属性	基本设置	对Tab控件中的子控件属性批量操作，具体请参考【1.1模块控件的批量修改布局控件中子控件】操作
栅格	布局设置	控制模块占整个屏幕的比例，不同设备设计模式下，对应栅格设置是不同的
自定义属性	其它	主要用于扩展使用的，如设计器中用了很多element ui的控件，由于作者没有将使用的element ui的组件所有属性和事件添加到大屏设计的属性或者事件中，这个时候可以用到这个属性，如:属性名=”11” 就会将11传入到组件内部。如事件@事件名=”调用的事件名称” 当组件触发了该事件，就会调用时该配置的事件函数。

批量修改tab子表控件

Tab控件选项属性选项图：

Tab控件属性说明：

属性字段	属性分类	属性说明
标题名称	基本设置	对tab控件具体Tab选项标题名称进行设置
是否隐藏	基本设置	控制tab控件的显示隐藏
图标	布局模块	对Tab选项标题前面设置一个图标展示
子控件集合	基本设置	具体的请参考【1.1模块控件的子控件集合】操作说明
自定义属性	其它	具体的请参考【1.1模块控件的自定义属性说明】

折叠控件

折叠面板控件显示效果如下图：

操作跟Tab类似，点击头部区域选中的是整个折叠面板控件，点击内容区域选中的是折叠面板具体项。

折叠面板属性如下图：

属性字段	属性分类	属性说明
标题名称	基本设置	对折叠控件进行描述说明
是否隐藏	基本设置	对折叠空间进行折叠显示/隐藏
选项面板	基本设置	对T折叠控件具体选项的维护，新增与删除，以及进入选项属性设置。点击添加选项面板新增折叠控件选项，点击编辑切换到具体折叠控件选项属性设置界面，点击删除，删除具体的折叠控件选项。拖拽可以设置折叠控件选项展示的顺序。
批量修改子控件属性	基本设置	对Tab控件中的子控件属性批量操作，具体请参考【1.1模块控件的批量修改布局控件中子控件】操作
栅格	布局设置	控制模块占整个屏幕的比例，不同设备设计模式下，对应栅格设置是不同的
自定义属性	其它	具体的请参考【1.1模块控件的自定义属性说明】

折叠面板选项属性如图：

折叠面板属性说明：

属性字段	属性分类	属性说明
标题名称	基本设置	对折叠面板控件具体折叠项标题名称进行设置
是否隐藏	基本设置	对控件进行隐藏与现实
图标	基本设置	对折叠面板控件的标题前面设置一个图标显示
子控件集合	基本设置	具体的请参考【1.1模块控件的子控件集合】操作说明
自定义属性	其它	具体的请参考【1.1模块控件的自定义属性说明】

表格组件

表格组件显示效果如下图：

按钮依次：

• 添加一列
• 添加一行
• 保存
• 复制：将整个对象进行赋值
• 删除：删除整个对象。

表格属性如图：

属性字段	属性分类	属性说明
标题名称	基本设置	对折叠控件进行描述说明
是否隐藏	基本设置	对折叠空间进行折叠显示/隐藏
批量修改子控件属性	基本设置	对Tab控件中的子控件属性批量操作，具体请参考【1.1模块控件的批量修改布局控件中子控件】操作
栅格	布局设置	控制模块占整个屏幕的比例，不同设备设计模式下，对应栅格设置是不同的
自定义属性	其它	具体的请参考【1.1模块控件的自定义属性说明】

表格单元组件显示效果如下图：

点击列会显示两个图标， 箭头：点击选中整个表格对象。 菜单：

• 插入左侧列：往选中对象左边插入列。
• 插入右侧列：往选中对象右边插入列。
• 插入上侧列：往选中对象上边插入列。
• 插入下侧列：往选中对象下边插入列。
• 插入上侧列：往选中对象上边插入列。
• 合并右侧单元格：往选中对象合并右侧单元格。
• 合并整行：往选中对象所在行所有列合并。
• 合并下方单元：合并选中对象所在下面的单元格。
• 删除整列：删除选中对象所在的列所有列。
• 撤销合并单元格：将合并的单元格，进行撤销。

单元格属性图：

属性字段	属性分类	属性说明
标题名称	基本设置	对折叠面板控件具体折叠项标题名称进行设置
子控件集合	基本设置	具体的请参考【1.1模块控件的子控件集合】操作说明
列宽度	布局设置	设置单元格的列宽
自定义属性	其它	具体的请参考【1.1模块控件的自定义属性说明】