HTML组件
HTML组件:用html语言控制显示形式及内容的组件。
文本文本:定义文本信息的组件。
时间时间:定义不同格式时间信息的组件。
Iframe窗口
Iframe窗口:用于嵌入网页内容,嵌入的网址的页面展示内容会在iframe窗口内显示,组件属性配置如图;
![](http://tiebapic.baidu.com/forum/w%3D580/sign=716a76c827d0f703e6b295d438fb5148/ce9fe3ec2e738bd4486592eee48b87d6267ff952.jpg?tbpicau=2024-09-19-05_b1d113aadaedd3db4b05d59ba2ad4bad)
翻牌器
翻牌器:在画面中可设置翻牌器效果,组件属性配置如图:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=9f5e773fb203918fd7d13dc2613c264b/5ec687728bd4b31c7b78b464c2d6277f9f2ff852.jpg?tbpicau=2024-09-19-05_42b0b0fce5a549b84817f448e2fa009f)
显示数字:设置翻牌器显示数字,可以输入,可以选择数据点
翻牌颜色:设置翻牌器的颜色缩放:翻牌器大小控制
LED数字
LED数字:以LED形式显示数据信息的一个组件。
富文本
富文本:定义富文本的组件,可直接编写信息,输入内容,富文本画面详见下图:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=9fa9e2ecd48fa0ec7fc764051696594a/3a5822d5b31c87015cf29239627f9e2f0608ff52.jpg?tbpicau=2024-09-19-05_b1c40a80db5457e7dd5f577f3423437f)
数据视图
数据视图包括资产视图容器、工作表视图容器、报警视图容器、日志视图、数据聚合和报表组件,详见下图
资产视图容器
资产视图容器:用于资产视图的容器组件,视图元素需要放置在资产视图中才能生效,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=6ef6b5034dfa513d51aa6cd60d6c554c/a7372e00a18b87d6d8068bc0420828381e30fd52.jpg?tbpicau=2024-09-19-05_718c18b6ad336ae6162b6be472af1322)
查询字段:点击进行字段选择;
内置查询:数据表格显示前的过滤条件,优先级高于过滤器。
工作表视图容器
工作表视图容器:用于放置工作表内容的视图容器组件,工作表的字段信息只有在工作表视图中才能添加,同样试图元素需要放置在工作表视图中才能生效,组件属性配置同资产视图容器。
数据聚合
数据聚合:可以将工作表中的数据信息进行聚合计算并分组显示,需放置在工作表视图容器中,组件属性配置同资产视图容器。
视图元素
视图元素包括过滤器、表按钮、分页器、动作按钮、表格、卡片、批量执行指令按钮和刷新按钮,如图所示
过滤器
过滤器:用于将视图容器中定义的过滤器内容显示出来,组件属性如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=098044d2639759ee4a5060c382fa434e/b5a02ed7277f9e2f06723dd75a30e924b999f352.jpg?tbpicau=2024-09-19-05_4de318d144778f9092f697acefe455d2)
展示方式:展示方式有单行、弹出框、面板和侧边栏。
表按钮
表按钮:定义视图记录表可执行的操作,包括定义每页显示条数以及数据总数。
分页器
分页器:添加模型定制页面中的页码及翻页按钮,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=534733781cee3d6d22c687c373176d41/93fd8e7e9e2f07082a420adfac24b899a801f252.jpg?tbpicau=2024-09-19-05_4cf1bb9bdf922a6e760dd9ac33e0f4fe)
排列方向:排列方向共四种,水平方向,起点在右端、水平方向,起点在左端、垂直方向,起点在上沿和垂直方向,起点在下沿。
动作按钮
动作按钮:用于显示视图中定义的批量操作
表格
表格:以列表形式将视图定义的字段、表格动作等显示出来,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=5d94288210fbb2fb342b581a7f4b2043/8a04ae0928381f30ed5ead76ec014c086f06f052.jpg?tbpicau=2024-09-19-05_8e87a70070e0deeea60fb024155c5d04)
表格数据:表格添加列设置;
尺寸:尺寸选择有小中大三种选择。
卡片
卡片:以卡片形式将视图中定义的字段显示出来,但是卡片形式需要引用画面,被引用画面中同样需要定义需要展示的工作表字段,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=38174014f7fb43161a1f7a7210a54642/132381391f30e924bde3bcee09086e061c95f752.jpg?tbpicau=2024-09-19-05_5fb7bc9b283c321c518b2b2390c40814)
卡片画面:点击选中卡片引用的画面;
卡片间距:卡片之间相隔的距离;
显示列数:根据屏幕大小,可设置每行显示列数,默认一行显示4列数据。
批量执行按钮
批量执行指令按钮:用于绑定多个指令信息,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=5381a71406166d223877159c76220945/3c13b631e924b899af7b59e72b061d950b7bf652.jpg?tbpicau=2024-09-19-05_fa7af852cfd098ecf3ae84468dec835d)
刷新按钮
刷新按钮:页面刷新的按钮,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=b58156f928224f4a5799731b39f69044/0b1b4025b899a9014b727be958950a7b0308f552.jpg?tbpicau=2024-09-19-05_769955bb0de4b5e32539168d305254eb)
定时刷新:规定时长内刷新一次,最小值不小于1.单位(s)。
图形元素
图形元素包括图片组件、设备管线和SVG,如图所示
图片组件
图片组件:用于上传图片的组件,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=64585aa565a446237ecaa56aa8237246/acb200004c086e0614ef1f9447087bf40bd1cb52.jpg?tbpicau=2024-09-19-05_b7407444a4bb567e1a0a11f4eee59a97)
图片:点击上传需要上传的图片。
设备管线
设备管线:系统内置的设备图标及管理图片,组件属性配置
图标:点击选择设备管线是否等
比例缩放:点击是,在画布中缩放设备管线时等比缩放图标如图所示,切换不同的TAB,选择不同的设备管线;
SVG
SVG:SVG 组件可使用铅笔线条、直线线段、矩形、圆形、钢笔、五角星、多边形、图片等作图功能,同时还有选择、复制、撤销和还原按钮。在自由容器中添加 SVG 组件,拖拽调整组件大小。可修改改组件名称,编辑代码。双击组件进入编辑状态,点击铅笔按钮作图,长按鼠标左键画图完成后松开。默认线宽为 1 的黑色实线。修改右侧属性配置。
名称:点击名称后的输入框输入名称后点击 enter 键进行保存。
位置:调整 X 轴及 Y 轴的坐标位置。X 轴负数往左移正数右移,Y 轴负数上移正数下移。
注:圆形与线段右侧不能修改位置属性。
旋转度:可在输入框输入旋转度或点击后面的按钮 90°或 180°。点击一次旋转度按钮,显示在输入框中度数最大为 360°。
线宽:输入数字或点击计算按钮绑定数据点、变量并能进行计算值显示。
线段样式:绘制线条的线段样式,样式支持自定义
边框颜色:设置边框线条的颜色。点击颜色显示框,弹出颜色选择器
填充:绘制区域的填充颜色
透明度:设置透明度,范围在 0-1 直接的小数。
模糊度:绘制区域模糊度,可定义的范围为1-10,数值越大,越模糊;
流向/流速:当选定运动轨迹后,输入数值决定流向及流苏,正值代表正向流动,负值代表逆向流动;正值时数值越大流速越快,负值时,数值越小流速越快;
注:输入正数流速是从开始位置到结束位置方向流。输入负数流动方向相反。
路径:定义轨迹动画运动的路径,铅笔与钢笔绘制的线段均可以作为路径;
时间:定义轨迹动画运动的时长;重复次数:定义轨迹动画重复的次数。
三维组件
三维组件包括三维空间容器、三维模型、三维数据卡片和三维组件组,如图所示
三维空间容器
三维空间容器:用于配置三维模型的容器,三维模型、三维数据卡片需要放置到三维空间容器内才能生效,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=9e288dcd370e0cf3a0f74ef33a47f23d/1e50ab097bf40ad16ca3e73c122c11dfa8ecce52.jpg?tbpicau=2024-09-19-05_de5ec27e3a3ba7fff7e30c753f952599)
背景颜色:设置场景颜色
背景贴图:有全景贴图和立方体贴图,全景贴图直接上传全景图片,立方体贴图需分别对应位置上传图片
雾:启用场景/雾模式,设置雾的颜色及最小距离和最大距离
地平面:点击启用地平面模式,材质可选基础、非光泽、变化、高光、物理、卡通,设置地面宽度、高度及颜色注:只有在地面材质为高光、物理、卡通时,启动阴影才有效果
相机:设置相机视野角度,近端面距离、远端面距离,设置相机初始位置和初始方向的x轴、y轴和z轴坐标,点击选择控制器类别,轨道、行走或飞行,轨道控制器配置如下图所示:
轨道控制器:控制相机移动轨道。
旋转:按住鼠标左键进行旋转;
水平角度上下限:取值范围-Π到Π,默认为无限制;
垂直角度上下限:取值范围0到Π,上限默认为Π,下限默认为0;
平移:按住鼠标右键进行平移;
缩放:点击是,利用鼠标滚轮进行缩放;
阻尼:给控制器带来重量感;
行走控制器:点击启用,需配置视线高度、移动速度、下落速度和跳跃高度;
飞行控制器:点击启用,选择是否自动前进,设置移动速度和旋转速度;
快照:点击绑定快照变量并进行快照列表配置,快照列表需配置位置和方向;
灯光设置:灯光设置包括环境光、平行光、半球光、点光和聚光灯设置;
辅助:启用辅助,设置轴线长度。
三维模型
三维模型:三维模型可上传三维模型文件,可上传多个模型文件
缩放比例:修改模型大小,正数有效,默认为1;
旋转角度:取值范围-360到360;
过滤效果:缩放、位置、旋转变化时的过渡效果,只有预览时生效;
模型动画:模型文件中自带的动画一般为骨骼动画,不可修改;
自定义动画:可以额外自定义的动画类型,包括缩放、位置、坐标。动画为播放属性,并不改变模型本身的属性参数。
三维数据卡片
三维数据卡片:配置三维数据卡片,数据可以绑数据点或直接输入值,组件属性配置如图:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=c5b06e244f46f21fc9345e5bc6256b31/76f25bd2572c11dfbb969ffc262762d0f603c252.jpg?tbpicau=2024-09-19-05_3498794ed09d6065d76bb7a8c0500bd4)
GIS组件
GIS组件包括地图容器、区域层、资产层、报警层和自定义层,如图所示
区域层
区域层:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=1e3ce7f0fb096b6381195e583c328733/4307b8dea9ec8a13775d773fb203918fa1ecc052.jpg?tbpicau=2024-09-19-05_929a14bb7481c99f3c5664c389743786)
区域绘制:绘制结束后先鼠标右击结束当前图形绘制,再次点击结束绘制结束本次绘制;
测距-多线段:绘制结束后先鼠标右击结束当前图形绘制,再次点击结束绘制结束本次绘制。
视频组件
视频组件包括云台控制按钮、萤石云视频、普通视频、资产视频和视频滑块,详见下图
基础表单
基础表单包括表单容器、Schema表单、工作表表单、提示输入框、多选框、输入框、文本域、数字输入框、单选框、开关、日期选择器和下拉框
表单容器
表单容器:表单容器中可添加多个APP组件并且要有提交按钮,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=7c19e3cb2e600c33f079dec02a4d5134/9e38ca2662d0f70386f5b5034dfa513d2797c552.jpg?tbpicau=2024-09-19-05_fca795372acd953eeb71edac6b16b228)
注:在表单容器下的 app 组件中必须配置表单 key 值并且是唯一的。
表单 key 值不能为 key1-n 或数字,要求为字母。
提示输入框
提示输入框:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=ee5e7e8f493387449cc52f74610ed937/770ccbd1f703918fb8961d15143d269758eec452.jpg?tbpicau=2024-09-19-05_4b64b20785a22ebf3c065d826a9bda29)
表单项key值:只在表单视图中生效。
文本域
文本域:画面预览时,页面上文本域输入框,可输入多行文字,可换行,组件属性配置同提示输入框。
开关
开关:开关显示量,通过布尔值,数据点改变时开关状态进行相应的改变,组件属性配置如图所示
表单项key值:只在表单视图中生效,开关量可以绑定数据点;
初始值和输出变量:布尔值改变开关状态;
结构布局:结构布局有水平和垂直两种选择;
配置项:配置项需配置是否自动获取焦点、尺寸和禁用状态选择。
下拉框
下拉框:画面预览时,设置页面上的下拉选择,配置同提示输入框。
APP容器
APP容器包括标签栏、标签页、列表、抽屉和手风琴,详见下图
标签栏
标签栏:定义手机端底部标签栏页面,标签栏及其页面内容可以按需定义。
标签页
标签页:手机端TAB切换页的定义。
列表
列表:布局容器,列表容器中添加的组件,会以列表形式进行展示。
抽屉
抽屉:实现抽屉效果,在抽屉容器中放置需要展示的内容即可,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=9c3efe175f4c510faec4e21250582528/85a409ed08fa513d3ded4c01786d55fbb3fbd952.jpg?tbpicau=2024-09-19-05_81cc063351978bc85011401b9f10cc1b)
抽屉内容:添加抽屉内容,包括图片、文本内容及URL;
嵌入文档流:打开嵌入文档流,抽屉内容嵌入页面文档;
抽屉位置:抽屉位置可设置上下左右抽屉。
手风琴
手风琴:定义手机端折叠面板的效果,在对应的折叠面板中编辑相应的内容即可,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=f7820fa3140fd9f9a0175561152cd42b/b4c7a1fb513d26974594288210fbb2fb4216d852.jpg?tbpicau=2024-09-19-05_0ae8d9e59f2560f0879a0419d438f244)
标签:添加手风琴的标签;
初始化面板:可设置数组0至标签个数-1,面板为打开状态。
表单容器
表单容器:可以添加多个APP组件并且要有提交按钮;
APP组件
APP组件包括按钮、滑动开关、日历、时间选择器、单选框、复选框、滑动输入条、区域选择、文本输入、多行输入、图片选择器、定位、标题栏和二维码扫描。
按钮
按钮:画面预览时,页面上用来点击的按钮组件,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=073644e09cf9d72a17641015e42b282a/1cd1f83c269759ee20174014f7fb43166c22df52.jpg?tbpicau=2024-09-19-05_05130373ddf69dd30f51730220b05141)
文字:按钮上显示的文字,可设置为确认、取消等按钮;
表单提交键、表单重置键:点击是,则具有提交或重置功能。
滑动开关
滑动开关:画面预览时,页面上滑动开关的组件,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=4f75cc16922a60595210e1121835342d/45168f9659ee3d6d4b81a71406166d224e4ade52.jpg?tbpicau=2024-09-19-05_cff21617235f7a3fdf52936a00ac4eed)
表单项key值:只在视图表单中生效;
风格:风格有ios风格、android和系统跟随风格。
日历
日历:画面预览时,页面上显示日历的组件,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=c683c2c52559252da3171d0c049a032c/32bcf0ef3d6d55fbad8156f928224f4a21a4dd52.jpg?tbpicau=2024-09-19-05_315a8c326918dbfdb4db5f4afc8134d1)
类型:日历类型可选单日或日期区间;
入场方式:入场方式为水平或垂直;
最小日期和最大日期:设置时间范围。
时间选择器
时间选择器:画面预览时,页面上选择日期的组件,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=f75075b6602dd42a5f0901a3333a5b2f/4dc5946c55fbb2fb636c78cd0a4a20a44723dc52.jpg?tbpicau=2024-09-19-05_846bc269c70c43386326f54df5c43f0a)
类型选择:时间类型有日期+时间、日期和时间三种选择;
最小日期、最大日期:时间范围选择;
分钟数递步增长:时间增长规律设置;
必填:此信息是否为必填信息。
单选框
单选框:选项为单选设置,画面预览时,可对单选框进行操作,组件基本属性如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=412330c2912a283443a636036bb4c92e/2946fcfab2fb43164c585aa565a4462308f7d352.jpg?tbpicau=2024-09-19-05_ad089b9198f8a5ca5bdede5a0e08ca6f)
选项:点击添加选项并设置选项的名称及值,值为唯一;
禁用:点击则单选禁用;
必填:表单Key值与是否必填,在表单容器里设置才生效。
复选框
复选框 :选项为多选设置,画面预览时可对复选框进行操作,组件基本属性配置如图所示:![](http://tiebapic.baidu.com/forum/w%3D580/sign=0757c1c56d34349b74066e8df9eb1521/41d01bfa43166d226d30354b032309f79152d252.jpg?tbpicau=2024-09-19-05_62977cc3461948c83bfe3c8026a2caf2)
最多可选选项:多选中最多可选择项数。
滑动输入条
滑动输入条:点击圆圈按钮,滑动输入数字,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=f7503ddb719b033b2c88fcd225cf3620/a6d0ea176d224f4a03de53cc4cf790529922d152.jpg?tbpicau=2024-09-19-05_99bc3cebaa7be0a458b0e17d7f41446f)
最小值、最大值:设置滑动输入条输入的最小值、最大值;
禁用:点击是,滑动输入条禁用;
步长:取值必须大于0,并且可被 (最大值 - 最小值) 整除;
刻度印记:添加刻度印记,可添加多个,填写刻度及显示值;
拖拽到刻度:点击是,拖拽时到每个刻度。
滑动输入条
滑动输入条:点击圆圈按钮,滑动输入数字,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=0c4e2174463b5bb5bed720f606d2d523/573dc4234f4a20a462591c18d5529822730ed052.jpg?tbpicau=2024-09-19-05_652642cfa61d126143ed57ddd4c7eab3)
最小值、最大值:设置滑动输入条输入的最小值、最大值;
禁用:点击是,滑动输入条禁用;
步长:取值必须大于0,并且可被 (最大值 - 最小值) 整除;
刻度印记:添加刻度印记,可添加多个,填写刻度及显示值;
拖拽到刻度:点击是,拖拽时到每个刻度。
文本输入
文本输入:可在文本输入组件中输入文本,组件属性配置如图所示
占位文字:直接输入占位文字;
类型:选择输入类型后,文本框中只能输入该类型内容;
最大长度:设置输入文字的最大长度;
清除功能:启用清楚功能,点击叉号清除数据。
多行输入
多行输入:可在多行输入组件中输入多行内容,组件属性配置如图所示
行数:允许输入内容的行数设置。
图片选择器
图片选择器:画面预览时,点击可进行图片选择,组件属性配置如图所示
数量限制:最多可输入的图片数量;
单行图片数量:每一行输入的图片数量;
上传多选:可一次性上传多张图片。
标题栏
标题栏:画面预览时,可对标题栏进行配置,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=e190002173d3d539c13d0fcb0a86e927/5208a0f6905298225a74191c92ca7bcb0b46d452.jpg?tbpicau=2024-09-19-05_b8240c270e8bb8d81c89516494724fbd)
风格:标题栏风格有浅色系和暗色系;
跳转地址:跳转页面链接。
页面元素
页面元素包括菜单、用户组、用户名称、个人设置、修改密码、系统时间、退出登录、资产记录、操作日志记录表、画面缩放按钮、报警铃铛、报警声音、报警卡片、报警提醒框、报警组件、登录组件、注册组件、退出页面组件和授权信息。
资产记录
资产记录:用于记录资产的历史操作记录,可显示操作时间、操作人、操作 IP、资产属性等。如果在页面上只显示按钮,可在资产记录外层套一个弹窗容器。组件属性配置需配置每页显示条数。
操作日志记录表
操作日志记录表:设置好的操作日志表格,可以放在任何地方,组件属性配置如图所示:
分页:若选择分页可设置每页显示条数,不设置分页,所有的信息将在一页显示;
显示列:页面显示信息,可多选。
授权信息
授权信息:设置好的授权信息组件可以放置在任何地方。
装饰组件
装饰组件包括装饰背景和装饰卡片容器。
版本兼容
版本兼容包括资产卡片配置、设备数据曲线、军油巡检地图、周界防范地图、地图和海康视频
资产卡片配置
资产卡片配置:将资产一些信息以模型为单位,通过卡片形式显示,可以显示当前模型的资产总数,资产属性等,组件属性配置如图所示:
显示信息选择:显示信息可多选,包括在线、掉线等;
是否显示按钮:显示“查看资产”按钮;
图表:显示柱状图或饼图。
设备数据曲线
设备数据曲线:进行数据分析的组件,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=fe43a3ef7ff33a879e6d0012f65d1018/8c09db0f0cf3d7ca50b11fa9b71fbe096a63a952.jpg?tbpicau=2024-09-19-05_d77325cca97d7eed9ae69371fd00549c)
最近小时数:显示最近多少小时的数据,默认24小时;
图例文字大小、图例文字颜色:设置曲线中图例文字的大小以及颜色;
坐标轴颜色:设置坐标轴的颜色;
轴文字大小:设置坐标轴上文字的大小;
轴单位大小:坐标轴单位字体大小。
业务选择器
业务选择器包括资产导航树、部门树、部门选择器、资产选择器、资产选择树、模型选择器、模型资产选择器、资产切换按钮和数据点选择器
资产导航树
资产导航树:以部门为单位树形显示资产列表,可用于资产间流程图相互切换,组件属性配置只需选择相应模型即可。
自定义组件用户可以将页面中的组件单个或者整个容器,添加为自己的自定义组件;自己账号的所有画面均可同步使用;在项目组件列表中,选择组件,右击,设置为自定义组件;编辑名称即可。
HTML组件:用html语言控制显示形式及内容的组件。
文本文本:定义文本信息的组件。
时间时间:定义不同格式时间信息的组件。
Iframe窗口
Iframe窗口:用于嵌入网页内容,嵌入的网址的页面展示内容会在iframe窗口内显示,组件属性配置如图;
![](http://tiebapic.baidu.com/forum/w%3D580/sign=716a76c827d0f703e6b295d438fb5148/ce9fe3ec2e738bd4486592eee48b87d6267ff952.jpg?tbpicau=2024-09-19-05_b1d113aadaedd3db4b05d59ba2ad4bad)
翻牌器
翻牌器:在画面中可设置翻牌器效果,组件属性配置如图:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=9f5e773fb203918fd7d13dc2613c264b/5ec687728bd4b31c7b78b464c2d6277f9f2ff852.jpg?tbpicau=2024-09-19-05_42b0b0fce5a549b84817f448e2fa009f)
显示数字:设置翻牌器显示数字,可以输入,可以选择数据点
翻牌颜色:设置翻牌器的颜色缩放:翻牌器大小控制
LED数字
LED数字:以LED形式显示数据信息的一个组件。
富文本
富文本:定义富文本的组件,可直接编写信息,输入内容,富文本画面详见下图:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=9fa9e2ecd48fa0ec7fc764051696594a/3a5822d5b31c87015cf29239627f9e2f0608ff52.jpg?tbpicau=2024-09-19-05_b1c40a80db5457e7dd5f577f3423437f)
数据视图
数据视图包括资产视图容器、工作表视图容器、报警视图容器、日志视图、数据聚合和报表组件,详见下图
资产视图容器
资产视图容器:用于资产视图的容器组件,视图元素需要放置在资产视图中才能生效,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=6ef6b5034dfa513d51aa6cd60d6c554c/a7372e00a18b87d6d8068bc0420828381e30fd52.jpg?tbpicau=2024-09-19-05_718c18b6ad336ae6162b6be472af1322)
查询字段:点击进行字段选择;
内置查询:数据表格显示前的过滤条件,优先级高于过滤器。
工作表视图容器
工作表视图容器:用于放置工作表内容的视图容器组件,工作表的字段信息只有在工作表视图中才能添加,同样试图元素需要放置在工作表视图中才能生效,组件属性配置同资产视图容器。
数据聚合
数据聚合:可以将工作表中的数据信息进行聚合计算并分组显示,需放置在工作表视图容器中,组件属性配置同资产视图容器。
视图元素
视图元素包括过滤器、表按钮、分页器、动作按钮、表格、卡片、批量执行指令按钮和刷新按钮,如图所示
过滤器
过滤器:用于将视图容器中定义的过滤器内容显示出来,组件属性如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=098044d2639759ee4a5060c382fa434e/b5a02ed7277f9e2f06723dd75a30e924b999f352.jpg?tbpicau=2024-09-19-05_4de318d144778f9092f697acefe455d2)
展示方式:展示方式有单行、弹出框、面板和侧边栏。
表按钮
表按钮:定义视图记录表可执行的操作,包括定义每页显示条数以及数据总数。
分页器
分页器:添加模型定制页面中的页码及翻页按钮,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=534733781cee3d6d22c687c373176d41/93fd8e7e9e2f07082a420adfac24b899a801f252.jpg?tbpicau=2024-09-19-05_4cf1bb9bdf922a6e760dd9ac33e0f4fe)
排列方向:排列方向共四种,水平方向,起点在右端、水平方向,起点在左端、垂直方向,起点在上沿和垂直方向,起点在下沿。
动作按钮
动作按钮:用于显示视图中定义的批量操作
表格
表格:以列表形式将视图定义的字段、表格动作等显示出来,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=5d94288210fbb2fb342b581a7f4b2043/8a04ae0928381f30ed5ead76ec014c086f06f052.jpg?tbpicau=2024-09-19-05_8e87a70070e0deeea60fb024155c5d04)
表格数据:表格添加列设置;
尺寸:尺寸选择有小中大三种选择。
卡片
卡片:以卡片形式将视图中定义的字段显示出来,但是卡片形式需要引用画面,被引用画面中同样需要定义需要展示的工作表字段,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=38174014f7fb43161a1f7a7210a54642/132381391f30e924bde3bcee09086e061c95f752.jpg?tbpicau=2024-09-19-05_5fb7bc9b283c321c518b2b2390c40814)
卡片画面:点击选中卡片引用的画面;
卡片间距:卡片之间相隔的距离;
显示列数:根据屏幕大小,可设置每行显示列数,默认一行显示4列数据。
批量执行按钮
批量执行指令按钮:用于绑定多个指令信息,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=5381a71406166d223877159c76220945/3c13b631e924b899af7b59e72b061d950b7bf652.jpg?tbpicau=2024-09-19-05_fa7af852cfd098ecf3ae84468dec835d)
刷新按钮
刷新按钮:页面刷新的按钮,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=b58156f928224f4a5799731b39f69044/0b1b4025b899a9014b727be958950a7b0308f552.jpg?tbpicau=2024-09-19-05_769955bb0de4b5e32539168d305254eb)
定时刷新:规定时长内刷新一次,最小值不小于1.单位(s)。
图形元素
图形元素包括图片组件、设备管线和SVG,如图所示
图片组件
图片组件:用于上传图片的组件,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=64585aa565a446237ecaa56aa8237246/acb200004c086e0614ef1f9447087bf40bd1cb52.jpg?tbpicau=2024-09-19-05_b7407444a4bb567e1a0a11f4eee59a97)
图片:点击上传需要上传的图片。
设备管线
设备管线:系统内置的设备图标及管理图片,组件属性配置
图标:点击选择设备管线是否等
比例缩放:点击是,在画布中缩放设备管线时等比缩放图标如图所示,切换不同的TAB,选择不同的设备管线;
SVG
SVG:SVG 组件可使用铅笔线条、直线线段、矩形、圆形、钢笔、五角星、多边形、图片等作图功能,同时还有选择、复制、撤销和还原按钮。在自由容器中添加 SVG 组件,拖拽调整组件大小。可修改改组件名称,编辑代码。双击组件进入编辑状态,点击铅笔按钮作图,长按鼠标左键画图完成后松开。默认线宽为 1 的黑色实线。修改右侧属性配置。
名称:点击名称后的输入框输入名称后点击 enter 键进行保存。
位置:调整 X 轴及 Y 轴的坐标位置。X 轴负数往左移正数右移,Y 轴负数上移正数下移。
注:圆形与线段右侧不能修改位置属性。
旋转度:可在输入框输入旋转度或点击后面的按钮 90°或 180°。点击一次旋转度按钮,显示在输入框中度数最大为 360°。
线宽:输入数字或点击计算按钮绑定数据点、变量并能进行计算值显示。
线段样式:绘制线条的线段样式,样式支持自定义
边框颜色:设置边框线条的颜色。点击颜色显示框,弹出颜色选择器
填充:绘制区域的填充颜色
透明度:设置透明度,范围在 0-1 直接的小数。
模糊度:绘制区域模糊度,可定义的范围为1-10,数值越大,越模糊;
流向/流速:当选定运动轨迹后,输入数值决定流向及流苏,正值代表正向流动,负值代表逆向流动;正值时数值越大流速越快,负值时,数值越小流速越快;
注:输入正数流速是从开始位置到结束位置方向流。输入负数流动方向相反。
路径:定义轨迹动画运动的路径,铅笔与钢笔绘制的线段均可以作为路径;
时间:定义轨迹动画运动的时长;重复次数:定义轨迹动画重复的次数。
三维组件
三维组件包括三维空间容器、三维模型、三维数据卡片和三维组件组,如图所示
三维空间容器
三维空间容器:用于配置三维模型的容器,三维模型、三维数据卡片需要放置到三维空间容器内才能生效,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=9e288dcd370e0cf3a0f74ef33a47f23d/1e50ab097bf40ad16ca3e73c122c11dfa8ecce52.jpg?tbpicau=2024-09-19-05_de5ec27e3a3ba7fff7e30c753f952599)
背景颜色:设置场景颜色
背景贴图:有全景贴图和立方体贴图,全景贴图直接上传全景图片,立方体贴图需分别对应位置上传图片
雾:启用场景/雾模式,设置雾的颜色及最小距离和最大距离
地平面:点击启用地平面模式,材质可选基础、非光泽、变化、高光、物理、卡通,设置地面宽度、高度及颜色注:只有在地面材质为高光、物理、卡通时,启动阴影才有效果
相机:设置相机视野角度,近端面距离、远端面距离,设置相机初始位置和初始方向的x轴、y轴和z轴坐标,点击选择控制器类别,轨道、行走或飞行,轨道控制器配置如下图所示:
轨道控制器:控制相机移动轨道。
旋转:按住鼠标左键进行旋转;
水平角度上下限:取值范围-Π到Π,默认为无限制;
垂直角度上下限:取值范围0到Π,上限默认为Π,下限默认为0;
平移:按住鼠标右键进行平移;
缩放:点击是,利用鼠标滚轮进行缩放;
阻尼:给控制器带来重量感;
行走控制器:点击启用,需配置视线高度、移动速度、下落速度和跳跃高度;
飞行控制器:点击启用,选择是否自动前进,设置移动速度和旋转速度;
快照:点击绑定快照变量并进行快照列表配置,快照列表需配置位置和方向;
灯光设置:灯光设置包括环境光、平行光、半球光、点光和聚光灯设置;
辅助:启用辅助,设置轴线长度。
三维模型
三维模型:三维模型可上传三维模型文件,可上传多个模型文件
缩放比例:修改模型大小,正数有效,默认为1;
旋转角度:取值范围-360到360;
过滤效果:缩放、位置、旋转变化时的过渡效果,只有预览时生效;
模型动画:模型文件中自带的动画一般为骨骼动画,不可修改;
自定义动画:可以额外自定义的动画类型,包括缩放、位置、坐标。动画为播放属性,并不改变模型本身的属性参数。
三维数据卡片
三维数据卡片:配置三维数据卡片,数据可以绑数据点或直接输入值,组件属性配置如图:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=c5b06e244f46f21fc9345e5bc6256b31/76f25bd2572c11dfbb969ffc262762d0f603c252.jpg?tbpicau=2024-09-19-05_3498794ed09d6065d76bb7a8c0500bd4)
GIS组件
GIS组件包括地图容器、区域层、资产层、报警层和自定义层,如图所示
区域层
区域层:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=1e3ce7f0fb096b6381195e583c328733/4307b8dea9ec8a13775d773fb203918fa1ecc052.jpg?tbpicau=2024-09-19-05_929a14bb7481c99f3c5664c389743786)
区域绘制:绘制结束后先鼠标右击结束当前图形绘制,再次点击结束绘制结束本次绘制;
测距-多线段:绘制结束后先鼠标右击结束当前图形绘制,再次点击结束绘制结束本次绘制。
视频组件
视频组件包括云台控制按钮、萤石云视频、普通视频、资产视频和视频滑块,详见下图
基础表单
基础表单包括表单容器、Schema表单、工作表表单、提示输入框、多选框、输入框、文本域、数字输入框、单选框、开关、日期选择器和下拉框
表单容器
表单容器:表单容器中可添加多个APP组件并且要有提交按钮,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=7c19e3cb2e600c33f079dec02a4d5134/9e38ca2662d0f70386f5b5034dfa513d2797c552.jpg?tbpicau=2024-09-19-05_fca795372acd953eeb71edac6b16b228)
注:在表单容器下的 app 组件中必须配置表单 key 值并且是唯一的。
表单 key 值不能为 key1-n 或数字,要求为字母。
提示输入框
提示输入框:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=ee5e7e8f493387449cc52f74610ed937/770ccbd1f703918fb8961d15143d269758eec452.jpg?tbpicau=2024-09-19-05_4b64b20785a22ebf3c065d826a9bda29)
表单项key值:只在表单视图中生效。
文本域
文本域:画面预览时,页面上文本域输入框,可输入多行文字,可换行,组件属性配置同提示输入框。
开关
开关:开关显示量,通过布尔值,数据点改变时开关状态进行相应的改变,组件属性配置如图所示
表单项key值:只在表单视图中生效,开关量可以绑定数据点;
初始值和输出变量:布尔值改变开关状态;
结构布局:结构布局有水平和垂直两种选择;
配置项:配置项需配置是否自动获取焦点、尺寸和禁用状态选择。
下拉框
下拉框:画面预览时,设置页面上的下拉选择,配置同提示输入框。
APP容器
APP容器包括标签栏、标签页、列表、抽屉和手风琴,详见下图
标签栏
标签栏:定义手机端底部标签栏页面,标签栏及其页面内容可以按需定义。
标签页
标签页:手机端TAB切换页的定义。
列表
列表:布局容器,列表容器中添加的组件,会以列表形式进行展示。
抽屉
抽屉:实现抽屉效果,在抽屉容器中放置需要展示的内容即可,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=9c3efe175f4c510faec4e21250582528/85a409ed08fa513d3ded4c01786d55fbb3fbd952.jpg?tbpicau=2024-09-19-05_81cc063351978bc85011401b9f10cc1b)
抽屉内容:添加抽屉内容,包括图片、文本内容及URL;
嵌入文档流:打开嵌入文档流,抽屉内容嵌入页面文档;
抽屉位置:抽屉位置可设置上下左右抽屉。
手风琴
手风琴:定义手机端折叠面板的效果,在对应的折叠面板中编辑相应的内容即可,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=f7820fa3140fd9f9a0175561152cd42b/b4c7a1fb513d26974594288210fbb2fb4216d852.jpg?tbpicau=2024-09-19-05_0ae8d9e59f2560f0879a0419d438f244)
标签:添加手风琴的标签;
初始化面板:可设置数组0至标签个数-1,面板为打开状态。
表单容器
表单容器:可以添加多个APP组件并且要有提交按钮;
APP组件
APP组件包括按钮、滑动开关、日历、时间选择器、单选框、复选框、滑动输入条、区域选择、文本输入、多行输入、图片选择器、定位、标题栏和二维码扫描。
按钮
按钮:画面预览时,页面上用来点击的按钮组件,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=073644e09cf9d72a17641015e42b282a/1cd1f83c269759ee20174014f7fb43166c22df52.jpg?tbpicau=2024-09-19-05_05130373ddf69dd30f51730220b05141)
文字:按钮上显示的文字,可设置为确认、取消等按钮;
表单提交键、表单重置键:点击是,则具有提交或重置功能。
滑动开关
滑动开关:画面预览时,页面上滑动开关的组件,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=4f75cc16922a60595210e1121835342d/45168f9659ee3d6d4b81a71406166d224e4ade52.jpg?tbpicau=2024-09-19-05_cff21617235f7a3fdf52936a00ac4eed)
表单项key值:只在视图表单中生效;
风格:风格有ios风格、android和系统跟随风格。
日历
日历:画面预览时,页面上显示日历的组件,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=c683c2c52559252da3171d0c049a032c/32bcf0ef3d6d55fbad8156f928224f4a21a4dd52.jpg?tbpicau=2024-09-19-05_315a8c326918dbfdb4db5f4afc8134d1)
类型:日历类型可选单日或日期区间;
入场方式:入场方式为水平或垂直;
最小日期和最大日期:设置时间范围。
时间选择器
时间选择器:画面预览时,页面上选择日期的组件,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=f75075b6602dd42a5f0901a3333a5b2f/4dc5946c55fbb2fb636c78cd0a4a20a44723dc52.jpg?tbpicau=2024-09-19-05_846bc269c70c43386326f54df5c43f0a)
类型选择:时间类型有日期+时间、日期和时间三种选择;
最小日期、最大日期:时间范围选择;
分钟数递步增长:时间增长规律设置;
必填:此信息是否为必填信息。
单选框
单选框:选项为单选设置,画面预览时,可对单选框进行操作,组件基本属性如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=412330c2912a283443a636036bb4c92e/2946fcfab2fb43164c585aa565a4462308f7d352.jpg?tbpicau=2024-09-19-05_ad089b9198f8a5ca5bdede5a0e08ca6f)
选项:点击添加选项并设置选项的名称及值,值为唯一;
禁用:点击则单选禁用;
必填:表单Key值与是否必填,在表单容器里设置才生效。
复选框
复选框 :选项为多选设置,画面预览时可对复选框进行操作,组件基本属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=0757c1c56d34349b74066e8df9eb1521/41d01bfa43166d226d30354b032309f79152d252.jpg?tbpicau=2024-09-19-05_62977cc3461948c83bfe3c8026a2caf2)
最多可选选项:多选中最多可选择项数。
滑动输入条
滑动输入条:点击圆圈按钮,滑动输入数字,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=f7503ddb719b033b2c88fcd225cf3620/a6d0ea176d224f4a03de53cc4cf790529922d152.jpg?tbpicau=2024-09-19-05_99bc3cebaa7be0a458b0e17d7f41446f)
最小值、最大值:设置滑动输入条输入的最小值、最大值;
禁用:点击是,滑动输入条禁用;
步长:取值必须大于0,并且可被 (最大值 - 最小值) 整除;
刻度印记:添加刻度印记,可添加多个,填写刻度及显示值;
拖拽到刻度:点击是,拖拽时到每个刻度。
滑动输入条
滑动输入条:点击圆圈按钮,滑动输入数字,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=0c4e2174463b5bb5bed720f606d2d523/573dc4234f4a20a462591c18d5529822730ed052.jpg?tbpicau=2024-09-19-05_652642cfa61d126143ed57ddd4c7eab3)
最小值、最大值:设置滑动输入条输入的最小值、最大值;
禁用:点击是,滑动输入条禁用;
步长:取值必须大于0,并且可被 (最大值 - 最小值) 整除;
刻度印记:添加刻度印记,可添加多个,填写刻度及显示值;
拖拽到刻度:点击是,拖拽时到每个刻度。
文本输入
文本输入:可在文本输入组件中输入文本,组件属性配置如图所示
占位文字:直接输入占位文字;
类型:选择输入类型后,文本框中只能输入该类型内容;
最大长度:设置输入文字的最大长度;
清除功能:启用清楚功能,点击叉号清除数据。
多行输入
多行输入:可在多行输入组件中输入多行内容,组件属性配置如图所示
行数:允许输入内容的行数设置。
图片选择器
图片选择器:画面预览时,点击可进行图片选择,组件属性配置如图所示
数量限制:最多可输入的图片数量;
单行图片数量:每一行输入的图片数量;
上传多选:可一次性上传多张图片。
标题栏
标题栏:画面预览时,可对标题栏进行配置,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=e190002173d3d539c13d0fcb0a86e927/5208a0f6905298225a74191c92ca7bcb0b46d452.jpg?tbpicau=2024-09-19-05_b8240c270e8bb8d81c89516494724fbd)
风格:标题栏风格有浅色系和暗色系;
跳转地址:跳转页面链接。
页面元素
页面元素包括菜单、用户组、用户名称、个人设置、修改密码、系统时间、退出登录、资产记录、操作日志记录表、画面缩放按钮、报警铃铛、报警声音、报警卡片、报警提醒框、报警组件、登录组件、注册组件、退出页面组件和授权信息。
资产记录
资产记录:用于记录资产的历史操作记录,可显示操作时间、操作人、操作 IP、资产属性等。如果在页面上只显示按钮,可在资产记录外层套一个弹窗容器。组件属性配置需配置每页显示条数。
操作日志记录表
操作日志记录表:设置好的操作日志表格,可以放在任何地方,组件属性配置如图所示:
分页:若选择分页可设置每页显示条数,不设置分页,所有的信息将在一页显示;
显示列:页面显示信息,可多选。
授权信息
授权信息:设置好的授权信息组件可以放置在任何地方。
装饰组件
装饰组件包括装饰背景和装饰卡片容器。
版本兼容
版本兼容包括资产卡片配置、设备数据曲线、军油巡检地图、周界防范地图、地图和海康视频
资产卡片配置
资产卡片配置:将资产一些信息以模型为单位,通过卡片形式显示,可以显示当前模型的资产总数,资产属性等,组件属性配置如图所示:
显示信息选择:显示信息可多选,包括在线、掉线等;
是否显示按钮:显示“查看资产”按钮;
图表:显示柱状图或饼图。
设备数据曲线
设备数据曲线:进行数据分析的组件,组件属性配置如图所示:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=fe43a3ef7ff33a879e6d0012f65d1018/8c09db0f0cf3d7ca50b11fa9b71fbe096a63a952.jpg?tbpicau=2024-09-19-05_d77325cca97d7eed9ae69371fd00549c)
最近小时数:显示最近多少小时的数据,默认24小时;
图例文字大小、图例文字颜色:设置曲线中图例文字的大小以及颜色;
坐标轴颜色:设置坐标轴的颜色;
轴文字大小:设置坐标轴上文字的大小;
轴单位大小:坐标轴单位字体大小。
业务选择器
业务选择器包括资产导航树、部门树、部门选择器、资产选择器、资产选择树、模型选择器、模型资产选择器、资产切换按钮和数据点选择器
资产导航树
资产导航树:以部门为单位树形显示资产列表,可用于资产间流程图相互切换,组件属性配置只需选择相应模型即可。
自定义组件用户可以将页面中的组件单个或者整个容器,添加为自己的自定义组件;自己账号的所有画面均可同步使用;在项目组件列表中,选择组件,右击,设置为自定义组件;编辑名称即可。