4、可视化大屏布局案例一:以地图为全屏背景,两边放置图表。图表层级高于地图,浮动在地图上。第一步:先拖放地图组件占据整个页面,不要先拖拽其他布局组件。第二步:使用FixedContainer组件,使用绝对布局方式设置两侧布局的位??置和宽高。第三步:使用AbsoluteCol或AbsoluteRow组件进行行列拆分。第四步:将FlexContainer组件拖放到行列中,完成详细图表位置、宽度、高度、背景的设计。第五步:将特定组件拖放到FlexContainer组件中,完成图表设计,例如:文本组件、数字翻转器、折线图等。案例二:地图是整个大屏的一部分,处于同一层级和其他图表一样。第一步:使用FlexContainer划分页面的整体结构,比如header和content,使用两个FlexContainer设置一个固定的高度或者百分比来完成,设置一张背景图片。第二步:使用AbsoluteCol或AbsoluteRow组件进行行列拆分。第三步:将地图组件和其他图表组件拖入相应的行列。如果需要设置背景,先拖入FlexContainer,再拖入对应的组件。FlexContainer可以设置背景。第四步:使用FixedContainer组件完成地图上方浮层的布局。第五步:使用FlexContainer等组件完成浮层内部设计。五、3D场景搭建1、模型要求模型格式平台推荐gltf格式,效果和性能最佳;模型大小建议单个模型在1M以内,过大的模型在加载客户端网页时受网络下载速度和客户端电脑显卡配置的影响很大影响,导致页面加载缓慢,影响用户体验。2.设计要求在单个场景中,模型数量不能太多。同一个模型配置点层(结构上是层),因为模型层太多占用显存大,对客户端电脑的显卡要求相对较高。使用点层也方便后续的模型替换。它只需要修改一次。如果在多个模型中实现,需要一个一个修改。下图所示的货箱是使用点层组件实现的。6、流程表单流程和表单平台是一对一设计的,即一个流程在整个流程中对应一个表单,那么如何在不同的审批节点(审批人员)展示不同的表单内容呢?通过配置各个表单内容在不同节点的权限(是否可以编辑或显示),来控制不同表单内容在不同审批节点的显示,设计如下:正确使用流程表单功能的方法:第一步:数据库表设计,单表需要覆盖流程的所有业务字段,表格根据表自动生成。第二步:流程设计,包括流程图设计、节点角色配置、流程变量配置。第三步:进入自动生成的表单页面,配置流程审批节点的表单内容和权限。该条目位于组件的权限配置面板中。第四步:打开内置进程管理页面。自定义页面注意:生成表单页面后,允许修改页面布局、组件样式等,也可以添加一些业务以外的内容,但不能修改生成的数据连接器(因为数据连接器具有内置的过程接口和数据接口关系)。自动生成的流程管理页面,可以通过平台内置的系统界面进行自定义修改。
