airiot吧 关注:10贴子:166
  • 0回复贴,共1

物联网低代码平台常用《组件介绍2》

只看楼主收藏回复

HTML组件
HTML组件:用html语言控制显示形式及内容的组件。
文本文本:定义文本信息的组件。
时间时间:定义不同格式时间信息的组件。
Iframe窗口
Iframe窗口:用于嵌入网页内容,嵌入的网址的页面展示内容会在iframe窗口内显示,组件属性配置如图;

翻牌器
翻牌器:在画面中可设置翻牌器效果,组件属性配置如图:

显示数字:设置翻牌器显示数字,可以输入,可以选择数据点
翻牌颜色:设置翻牌器的颜色缩放:翻牌器大小控制
LED数字
LED数字:以LED形式显示数据信息的一个组件。
富文本
富文本:定义富文本的组件,可直接编写信息,输入内容,富文本画面详见下图:

数据视图
数据视图包括资产视图容器、工作表视图容器、报警视图容器、日志视图、数据聚合和报表组件,详见下图
资产视图容器
资产视图容器:用于资产视图的容器组件,视图元素需要放置在资产视图中才能生效,组件属性配置如图所示:

查询字段:点击进行字段选择;
内置查询:数据表格显示前的过滤条件,优先级高于过滤器。
工作表视图容器
工作表视图容器:用于放置工作表内容的视图容器组件,工作表的字段信息只有在工作表视图中才能添加,同样试图元素需要放置在工作表视图中才能生效,组件属性配置同资产视图容器。
数据聚合
数据聚合:可以将工作表中的数据信息进行聚合计算并分组显示,需放置在工作表视图容器中,组件属性配置同资产视图容器。
视图元素
视图元素包括过滤器、表按钮、分页器、动作按钮、表格、卡片、批量执行指令按钮和刷新按钮,如图所示
过滤器
过滤器:用于将视图容器中定义的过滤器内容显示出来,组件属性如图所示:

展示方式:展示方式有单行、弹出框、面板和侧边栏。
表按钮
表按钮:定义视图记录表可执行的操作,包括定义每页显示条数以及数据总数。
分页器
分页器:添加模型定制页面中的页码及翻页按钮,组件属性配置如图所示:

排列方向:排列方向共四种,水平方向,起点在右端、水平方向,起点在左端、垂直方向,起点在上沿和垂直方向,起点在下沿。
动作按钮
动作按钮:用于显示视图中定义的批量操作
表格
表格:以列表形式将视图定义的字段、表格动作等显示出来,组件属性配置如图所示:

表格数据:表格添加列设置;
尺寸:尺寸选择有小中大三种选择。
卡片
卡片:以卡片形式将视图中定义的字段显示出来,但是卡片形式需要引用画面,被引用画面中同样需要定义需要展示的工作表字段,组件属性配置如图所示:

卡片画面:点击选中卡片引用的画面;
卡片间距:卡片之间相隔的距离;
显示列数:根据屏幕大小,可设置每行显示列数,默认一行显示4列数据。
批量执行按钮
批量执行指令按钮:用于绑定多个指令信息,组件属性配置如图所示:

刷新按钮
刷新按钮:页面刷新的按钮,组件属性配置如图所示:

定时刷新:规定时长内刷新一次,最小值不小于1.单位(s)。
图形元素
图形元素包括图片组件、设备管线和SVG,如图所示
图片组件
图片组件:用于上传图片的组件,组件属性配置如图所示:

图片:点击上传需要上传的图片。
设备管线
设备管线:系统内置的设备图标及管理图片,组件属性配置
图标:点击选择设备管线是否等
比例缩放:点击是,在画布中缩放设备管线时等比缩放图标如图所示,切换不同的TAB,选择不同的设备管线;
SVG
SVG:SVG 组件可使用铅笔线条、直线线段、矩形、圆形、钢笔、五角星、多边形、图片等作图功能,同时还有选择、复制、撤销和还原按钮。在自由容器中添加 SVG 组件,拖拽调整组件大小。可修改改组件名称,编辑代码。双击组件进入编辑状态,点击铅笔按钮作图,长按鼠标左键画图完成后松开。默认线宽为 1 的黑色实线。修改右侧属性配置。
名称:点击名称后的输入框输入名称后点击 enter 键进行保存。
位置:调整 X 轴及 Y 轴的坐标位置。X 轴负数往左移正数右移,Y 轴负数上移正数下移。
注:圆形与线段右侧不能修改位置属性。
旋转度:可在输入框输入旋转度或点击后面的按钮 90°或 180°。点击一次旋转度按钮,显示在输入框中度数最大为 360°。
线宽:输入数字或点击计算按钮绑定数据点、变量并能进行计算值显示。
线段样式:绘制线条的线段样式,样式支持自定义
边框颜色:设置边框线条的颜色。点击颜色显示框,弹出颜色选择器
填充:绘制区域的填充颜色
透明度:设置透明度,范围在 0-1 直接的小数。
模糊度:绘制区域模糊度,可定义的范围为1-10,数值越大,越模糊;
流向/流速:当选定运动轨迹后,输入数值决定流向及流苏,正值代表正向流动,负值代表逆向流动;正值时数值越大流速越快,负值时,数值越小流速越快;
注:输入正数流速是从开始位置到结束位置方向流。输入负数流动方向相反。
路径:定义轨迹动画运动的路径,铅笔与钢笔绘制的线段均可以作为路径;
时间:定义轨迹动画运动的时长;重复次数:定义轨迹动画重复的次数。
三维组件
三维组件包括三维空间容器、三维模型、三维数据卡片和三维组件组,如图所示
三维空间容器
三维空间容器:用于配置三维模型的容器,三维模型、三维数据卡片需要放置到三维空间容器内才能生效,组件属性配置如图所示:

背景颜色:设置场景颜色
背景贴图:有全景贴图和立方体贴图,全景贴图直接上传全景图片,立方体贴图需分别对应位置上传图片
雾:启用场景/雾模式,设置雾的颜色及最小距离和最大距离
地平面:点击启用地平面模式,材质可选基础、非光泽、变化、高光、物理、卡通,设置地面宽度、高度及颜色注:只有在地面材质为高光、物理、卡通时,启动阴影才有效果
相机:设置相机视野角度,近端面距离、远端面距离,设置相机初始位置和初始方向的x轴、y轴和z轴坐标,点击选择控制器类别,轨道、行走或飞行,轨道控制器配置如下图所示:
轨道控制器:控制相机移动轨道。
旋转:按住鼠标左键进行旋转;
水平角度上下限:取值范围-Π到Π,默认为无限制;
垂直角度上下限:取值范围0到Π,上限默认为Π,下限默认为0;
平移:按住鼠标右键进行平移;
缩放:点击是,利用鼠标滚轮进行缩放;
阻尼:给控制器带来重量感;
行走控制器:点击启用,需配置视线高度、移动速度、下落速度和跳跃高度;
飞行控制器:点击启用,选择是否自动前进,设置移动速度和旋转速度;
快照:点击绑定快照变量并进行快照列表配置,快照列表需配置位置和方向;
灯光设置:灯光设置包括环境光、平行光、半球光、点光和聚光灯设置;
辅助:启用辅助,设置轴线长度。
三维模型
三维模型:三维模型可上传三维模型文件,可上传多个模型文件
缩放比例:修改模型大小,正数有效,默认为1;
旋转角度:取值范围-360到360;
过滤效果:缩放、位置、旋转变化时的过渡效果,只有预览时生效;
模型动画:模型文件中自带的动画一般为骨骼动画,不可修改;
自定义动画:可以额外自定义的动画类型,包括缩放、位置、坐标。动画为播放属性,并不改变模型本身的属性参数。
三维数据卡片
三维数据卡片:配置三维数据卡片,数据可以绑数据点或直接输入值,组件属性配置如图:

GIS组件
GIS组件包括地图容器、区域层、资产层、报警层和自定义层,如图所示
区域层
区域层:

区域绘制:绘制结束后先鼠标右击结束当前图形绘制,再次点击结束绘制结束本次绘制;
测距-多线段:绘制结束后先鼠标右击结束当前图形绘制,再次点击结束绘制结束本次绘制。
视频组件
视频组件包括云台控制按钮、萤石云视频、普通视频、资产视频和视频滑块,详见下图
基础表单
基础表单包括表单容器、Schema表单、工作表表单、提示输入框、多选框、输入框、文本域、数字输入框、单选框、开关、日期选择器和下拉框
表单容器
表单容器:表单容器中可添加多个APP组件并且要有提交按钮,组件属性配置如图所示:

注:在表单容器下的 app 组件中必须配置表单 key 值并且是唯一的。
表单 key 值不能为 key1-n 或数字,要求为字母。
提示输入框
提示输入框:

表单项key值:只在表单视图中生效。
文本域
文本域:画面预览时,页面上文本域输入框,可输入多行文字,可换行,组件属性配置同提示输入框。
开关
开关:开关显示量,通过布尔值,数据点改变时开关状态进行相应的改变,组件属性配置如图所示
表单项key值:只在表单视图中生效,开关量可以绑定数据点;
初始值和输出变量:布尔值改变开关状态;
结构布局:结构布局有水平和垂直两种选择;
配置项:配置项需配置是否自动获取焦点、尺寸和禁用状态选择。
下拉框
下拉框:画面预览时,设置页面上的下拉选择,配置同提示输入框。
APP容器
APP容器包括标签栏、标签页、列表、抽屉和手风琴,详见下图
标签栏
标签栏:定义手机端底部标签栏页面,标签栏及其页面内容可以按需定义。
标签页
标签页:手机端TAB切换页的定义。
列表
列表:布局容器,列表容器中添加的组件,会以列表形式进行展示。
抽屉
抽屉:实现抽屉效果,在抽屉容器中放置需要展示的内容即可,组件属性配置如图所示:

抽屉内容:添加抽屉内容,包括图片、文本内容及URL;
嵌入文档流:打开嵌入文档流,抽屉内容嵌入页面文档;
抽屉位置:抽屉位置可设置上下左右抽屉。
手风琴
手风琴:定义手机端折叠面板的效果,在对应的折叠面板中编辑相应的内容即可,组件属性配置如图所示:

标签:添加手风琴的标签;
初始化面板:可设置数组0至标签个数-1,面板为打开状态。
表单容器
表单容器:可以添加多个APP组件并且要有提交按钮;
APP组件
APP组件包括按钮、滑动开关、日历、时间选择器、单选框、复选框、滑动输入条、区域选择、文本输入、多行输入、图片选择器、定位、标题栏和二维码扫描。
按钮
按钮:画面预览时,页面上用来点击的按钮组件,组件属性配置如图所示:

文字:按钮上显示的文字,可设置为确认、取消等按钮;
表单提交键、表单重置键:点击是,则具有提交或重置功能。
滑动开关
滑动开关:画面预览时,页面上滑动开关的组件,组件属性配置如图所示:

表单项key值:只在视图表单中生效;
风格:风格有ios风格、android和系统跟随风格。
日历
日历:画面预览时,页面上显示日历的组件,组件属性配置如图所示:

类型:日历类型可选单日或日期区间;
入场方式:入场方式为水平或垂直;
最小日期和最大日期:设置时间范围。
时间选择器
时间选择器:画面预览时,页面上选择日期的组件,组件属性配置如图所示:

类型选择:时间类型有日期+时间、日期和时间三种选择;
最小日期、最大日期:时间范围选择;
分钟数递步增长:时间增长规律设置;
必填:此信息是否为必填信息。
单选框
单选框:选项为单选设置,画面预览时,可对单选框进行操作,组件基本属性如图所示:

选项:点击添加选项并设置选项的名称及值,值为唯一;
禁用:点击则单选禁用;
必填:表单Key值与是否必填,在表单容器里设置才生效。
复选框
复选框 :选项为多选设置,画面预览时可对复选框进行操作,组件基本属性配置如图所示:
最多可选选项:多选中最多可选择项数。
滑动输入条
滑动输入条:点击圆圈按钮,滑动输入数字,组件属性配置如图所示:

最小值、最大值:设置滑动输入条输入的最小值、最大值;
禁用:点击是,滑动输入条禁用;
步长:取值必须大于0,并且可被 (最大值 - 最小值) 整除;
刻度印记:添加刻度印记,可添加多个,填写刻度及显示值;
拖拽到刻度:点击是,拖拽时到每个刻度。
滑动输入条
滑动输入条:点击圆圈按钮,滑动输入数字,组件属性配置如图所示:

最小值、最大值:设置滑动输入条输入的最小值、最大值;
禁用:点击是,滑动输入条禁用;
步长:取值必须大于0,并且可被 (最大值 - 最小值) 整除;
刻度印记:添加刻度印记,可添加多个,填写刻度及显示值;
拖拽到刻度:点击是,拖拽时到每个刻度。
文本输入
文本输入:可在文本输入组件中输入文本,组件属性配置如图所示
占位文字:直接输入占位文字;
类型:选择输入类型后,文本框中只能输入该类型内容;
最大长度:设置输入文字的最大长度;
清除功能:启用清楚功能,点击叉号清除数据。
多行输入
多行输入:可在多行输入组件中输入多行内容,组件属性配置如图所示
行数:允许输入内容的行数设置。
图片选择器
图片选择器:画面预览时,点击可进行图片选择,组件属性配置如图所示
数量限制:最多可输入的图片数量;
单行图片数量:每一行输入的图片数量;
上传多选:可一次性上传多张图片。
标题栏
标题栏:画面预览时,可对标题栏进行配置,组件属性配置如图所示:

风格:标题栏风格有浅色系和暗色系;
跳转地址:跳转页面链接。
页面元素
页面元素包括菜单、用户组、用户名称、个人设置、修改密码、系统时间、退出登录、资产记录、操作日志记录表、画面缩放按钮、报警铃铛、报警声音、报警卡片、报警提醒框、报警组件、登录组件、注册组件、退出页面组件和授权信息。
资产记录
资产记录:用于记录资产的历史操作记录,可显示操作时间、操作人、操作 IP、资产属性等。如果在页面上只显示按钮,可在资产记录外层套一个弹窗容器。组件属性配置需配置每页显示条数。
操作日志记录表
操作日志记录表:设置好的操作日志表格,可以放在任何地方,组件属性配置如图所示:
分页:若选择分页可设置每页显示条数,不设置分页,所有的信息将在一页显示;
显示列:页面显示信息,可多选。
授权信息
授权信息:设置好的授权信息组件可以放置在任何地方。
装饰组件
装饰组件包括装饰背景和装饰卡片容器。
版本兼容
版本兼容包括资产卡片配置、设备数据曲线、军油巡检地图、周界防范地图、地图和海康视频
资产卡片配置
资产卡片配置:将资产一些信息以模型为单位,通过卡片形式显示,可以显示当前模型的资产总数,资产属性等,组件属性配置如图所示:
显示信息选择:显示信息可多选,包括在线、掉线等;
是否显示按钮:显示“查看资产”按钮;
图表:显示柱状图或饼图。
设备数据曲线
设备数据曲线:进行数据分析的组件,组件属性配置如图所示:

最近小时数:显示最近多少小时的数据,默认24小时;
图例文字大小、图例文字颜色:设置曲线中图例文字的大小以及颜色;
坐标轴颜色:设置坐标轴的颜色;
轴文字大小:设置坐标轴上文字的大小;
轴单位大小:坐标轴单位字体大小。
业务选择器
业务选择器包括资产导航树、部门树、部门选择器、资产选择器、资产选择树、模型选择器、模型资产选择器、资产切换按钮和数据点选择器
资产导航树
资产导航树:以部门为单位树形显示资产列表,可用于资产间流程图相互切换,组件属性配置只需选择相应模型即可。
自定义组件用户可以将页面中的组件单个或者整个容器,添加为自己的自定义组件;自己账号的所有画面均可同步使用;在项目组件列表中,选择组件,右击,设置为自定义组件;编辑名称即可。


IP属地:北京1楼2022-09-20 18:17回复