平台控件

树组件

树组件：拖拽到可视化界面图如下

属性说明

属性名称	属性类型	属性说明
标题名称	基本设置	设置一个标题名称
显示标题	基本设置	设置是否显示标题
是否可折叠	基本设置	设置树控件是否可折叠
是否隐藏	基本设置	设置树控件是否隐藏
是否懒加载	基本设置	设置树控件是否懒加载
是否默认展开	基本设置	设置树控件是否默认展开
绑定选中字段	基本设置	设置树控件默认选择的节点变量和数据库字段
是否只读	基本设置	设置树控件是否只读
数据类型	基本设置	数据类型包含：静态数据、api数据
自定义属性	其它	可以自定义给template中的标签添加自定义属性内容

绑定类型操作如下图：图表绑定类型分为：静态数据、api数据

静态数据会提供一个默认的格式进行绑定。

api数据如下图：

• 请求地址：配置Api绑定请求地址
• 添加过滤条件:设置Api绑定的过滤条件。
• 显示字段:配置树控件的显示字段
• 绑定字段:配置树控件的绑定字段
• 父级字段:配置树父级字段
• Root值:设置一个根节点的起始值。

Xls组件

Xls组件：拖拽到可视化界面图如下

控件属性如下

属性说明

属性名称	属性类型	属性说明
标题名称	基本设置	设置一个标题名称
显示标题	基本设置	设置是否显示标题
默认值	基本设置	给xls组件设置默认值，【点击上传】可上传一个xls模板，【清空内容】：可清空默认值
是否隐藏	基本设置	设置控件是否隐藏
是否只读	基本设置	设置控件是否只读
是否开启设计	基本设置	设置控件是否开启设计模式，设计模式下双击可以弹出xls的详细设计。
是否可下载	基本设置	控制下载按钮是否显示
高度	布局设置	设置xls的展示高度
自定义属性	其它	可以自定义给template中的标签添加自定义属性内容

双击xls表格设计模式，界面如下

• 预览/设计：切换xls表格的设计模式或者预览模式
• 保存：将当前xls表格进行保存
• 上传：上传一个xls模板，导入到xls表格中。
• 下载：将当前xls内容进行下载
• 一键设置有内容就只读：将xls设计中有内容的单元格设置为只读。
• 清空：将xls设计的内容进行清空
• 关闭：将当前设计进行关闭。
• 基本配置：可多选或单选设置单元格的只读或者可填写。

Xls其它操作请查看Luckysheet: 🚀Luckysheet ，一款纯前端类似excel的在线表格，功能强大、配置简单、完全开源。 (opens new window)

子表控件

子表控件就是明细列表控件，主要针对一对多关系数据处理的，拖拽到可视化化界面如下图：

点击非列头显示的是子表控件的属性，单机列头选中的是基础控件的属性，列表需要展示什么基础组件，就往子表控件对象中拖拽。

注意：此时选中控件属性会多一个宽度设置，设置该列显示宽度。

子表控件属性如下：

属性说明：

属性字段	说明
标题名称	备注子表控件的名称
可选择	是否显示单选按钮列
可多选设置	是否支持多选
序号	是否显示序号列
自定义属性	可以自定义给template中的标签添加自定义属性内容

列表查询控件

关联列表控件也成为查询列表控件，主要用于列表数据查询显示的。拖拽到设计区域显示效果如下：

选中控件属性如下：

属性说明

属性名称	属性说明
标题名称	备注控件的名称
数据源Api	设置请求后端的Api接口，可以设置接口管理的接口和swagger接口两种
添加过滤条件	设置Post提交的参数赋值
设置展示列	设置列表所展示的列
可选择	是否显示单选框
可多选设置	是否支持多选
序号	是否显示序号
自定义属性	可以自定义给template中的标签添加自定义属性内容

选人控件

选人控件拖拽到可视化平台显示如下：

单机选中属性如下：

属性说明

属性名称	属性说明
控件类型	可以将其切换成其它基础控件
标题名称	控件的标题，当标题为空不显示标题栏
描述信息	描述控件的作用
必填校验	提前前验证值是否必填
是否只读	控制控件是否只读
栅格	设置控件占父控件比例宽度，分成24个比例当PC，Ipad，手机模式下栅格是不一样的。
默认文本	默认值设置
可多选设置	设置人员是否支持多选
显示用户ID	设置是否显示用户ID
提示内容	设置提示内容
标签宽度	标题占的宽度
自定义属性	可以自定义给template中的标签添加自定义属性内容

选部门控件

选部门控件到可视化平台显示如下：

单机选中属性如下

属性说明

属性字段	属性说明
控件类型	可以将其切换成其它基础控件
标题名称	控件的标题，当标题为空不显示标题栏
提示内容	设置提示内容
描述信息	描述信息
必填校验	提前前验证值是否必填
是否只读	控制控件是否只读
栅格	设置控件占父控件比例宽度，分成24个比例当PC，Ipad，手机模式下栅格是不一样的。
可多选设置	设置弹出是否可以多选
指定层级部门	制定弹出部门的层级
部门最大层级	设置部门下限最大层级数
标签宽度	设置标题占的宽度
自定义属性	可以自定义给template中的标签添加自定义属性内容

选角色控件

选角色控件拖拽到设计区域展示效果如下

单机选中组件属性如下

属性说明

属性名	属性说明
控件类型	可以将其切换成其它基础控件
标题名称	控件的标题，当标题为空不显示标题栏
提示内容	提示内容
描述信息	描述信息
必填校验	提前前验证值是否必填
是否只读	控制控件是否只读
栅格	设置控件占父控件比例宽度，分成24个比例当PC，Ipad，手机模式下栅格是不一样的。
可多选设置	设置弹出是否可以多选角色
标签宽度	标题占的宽度
自定义属性	可以自定义给template中的标签添加自定义属性内容

关联数据控件

关联数据控件：就是一个设置弹出选择数据的控件，选择后带出其它数据的控件。拖拽到设计区域效果如下

属性截图如下

属性说明

属性名	属性说明
控件类型	可以将其切换成其它基础控件
标题名称	控件的标题，当标题为空不显示标题栏
数据源Api	选择弹出表单列表
显示字段	配置显示的字段
添加过滤条件	设置弹出选择时Api查询的过滤条件
填充规则设置	选择数据后填充规则
标签宽度	标题占的宽度
栅格	设置控件占父控件比例宽度，分成24个比例当PC，Ipad，手机模式下栅格是不一样的。
必填校验	提前前验证值是否必填
是否只读	控制控件是否只读

关联查询控件

关联查询条件，它是一个比较特殊的控件，渲染后界面上是看不到的，他是通过监控过滤条件，当条件值发生变化时，就会触发调用后端的Api接口，可以设置填充规则，从而实现各种联动数据的显示。

拖拽到设计区域展示如下

选中控件属性如下

属性说明

属性名	属性说明
控件类型	可以将其切换成其它基础控件
标题名称	控件的标题，当标题为空不显示标题栏
数据源Api	设置请求后端的Aip接口地址
添加过滤条件	设置触发条件值发生变化时，就会触发调用后端的Api接口
填充规则设置	当后端Api接口请求成功后，数据填充的规则
栅格	设置控件占父控件比例宽度，分成24个比例当PC，Ipad，手机模式下栅格是不一样的。

地区选择控件

地区选择控件，可以选择到县区级别，拖拽到界面如下：

属性截图

属性说明

属性名	属性说明
控件类型	可以将其切换成其它基础控件
标题名称	控件的标题，当标题为空不显示标题栏
默认值	设置默认显示值
标签宽度	标题占的宽度
栅格	设置控件占父控件比例宽度，分成24个比例当PC，Ipad，手机模式下栅格是不一样的。
自定义属性	可以自定义给template中的标签添加自定义属性内容
必填校验	提前前验证值是否必填
是否只读	控制控件是否只读

自动编码控件

自动编码控件：生成一个唯一编码的控件，当界面新增时打开表单时创建编码。

拖拽到设计几面如下：

选中属性截图

属性说明

属性名	属性说明
控件类型	可以将其切换成其它基础控件
标题名称	控件的标题，当标题为空不显示标题栏
自动编码前缀	设置自动编码的前缀字母，如HK202111240001
标签宽度	标题占的宽度
栅格	设置控件占父控件比例宽度，分成24个比例当PC，Ipad，手机模式下栅格是不一样的。
自定义属性	可以自定义给template中的标签添加自定义属性内容